.crocs-mm,.crocs-mm *,.crocs-mm *:before,.crocs-mm *:after,.crocs-mm-drawer,.crocs-mm-drawer *,.crocs-mm-drawer *:before,.crocs-mm-drawer *:after{box-sizing:border-box}.crocs-mm{--crocs-mm-ink: #141215;--crocs-mm-link: #2e363a;--crocs-mm-promo: #52a11d;--crocs-mm-tile: #f7f5f8;--crocs-mm-font-text: "TT Crocs", "Helvetica Neue", Helvetica, Arial, sans-serif;--crocs-mm-gutter: 10.04%;--crocs-mm-gap: 31px}.crocs-mm a{text-decoration:none;-webkit-text-fill-color:currentColor;background-image:none}.crocs-mm a:after{display:none}.crocs-mm__overlay{position:absolute;top:100%;right:0;left:0;z-index:1;height:100vh;background:#14121552;opacity:0;visibility:hidden;transition:opacity .2s linear,visibility .2s linear}.crocs-mm__overlay.is-open{opacity:1;visibility:visible}.crocs-mm__panel{position:absolute;top:100%;left:32px;right:32px;z-index:9;background:#fff;border-radius:0 0 32px 32px;box-shadow:0 6px 12px #00000040;opacity:0;transform:translateY(-8px);transition:opacity .18s linear,transform .18s ease-out}.crocs-mm__panel.is-open{opacity:1;transform:none}.crocs-mm__inner{padding:32px var(--crocs-mm-gutter) 64px}.crocs-mm__row{display:flex;align-items:flex-start;gap:var(--crocs-mm-gap);min-height:408px}.crocs-mm__col{flex:var(--crocs-mm-w, 3) 1 0;min-width:0}.crocs-mm__links{margin:0;padding:0;list-style:none}.crocs-mm__links li{margin:0}.crocs-mm__link{display:flex;align-items:center;min-height:44px;padding:0 16px;font-family:var(--crocs-mm-font-text);font-size:16px;font-weight:500;line-height:22.5px;color:var(--crocs-mm-link);transition:color .15s linear}.crocs-mm__link--lead{padding:0;font-size:18px;line-height:27.5px;font-weight:600}.crocs-mm__link--promo{color:var(--crocs-mm-promo)}.crocs-mm__link:hover,.crocs-mm__link:focus-visible{color:var(--crocs-mm-promo)}.crocs-mm__multi{display:flex;gap:var(--crocs-mm-gap)}.crocs-mm__multi .crocs-mm__links{flex:1 1 0;min-width:0}.crocs-mm__coltitle{margin:0 0 12px;padding:12px 15px;border-radius:12px;background:var(--crocs-mm-tile);font-family:var(--crocs-mm-font-text);font-size:16px;font-weight:700;line-height:normal;color:var(--crocs-mm-ink)}.crocs-mm__tiles{display:flex;flex-wrap:wrap;justify-content:center;column-gap:8px;row-gap:12px}.crocs-mm__tile{position:relative;flex:0 0 93px;width:93px;height:93px;border-radius:8px;overflow:hidden;background:var(--crocs-mm-tile)}.crocs-mm__tile__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.crocs-mm__tile__img img{display:block;width:100%;height:100%;object-fit:cover}.crocs-mm__tile__cap{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;height:25px;padding-left:10px;background:#fffc;font-family:var(--crocs-mm-font-text);font-size:14px;font-weight:400;line-height:19.6px;color:var(--crocs-mm-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crocs-mm__tile:hover .crocs-mm__tile__cap{background:#fff}.crocs-mm__promo{display:block;border-radius:12px;overflow:hidden;background:var(--crocs-mm-tile)}.crocs-mm__promo__img{display:block;aspect-ratio:330 / 408}.crocs-mm__promo__img img{display:block;width:100%;height:100%;object-fit:cover}.crocs-mm__sizes{display:flex;flex-wrap:wrap;gap:6px}.crocs-mm__size{display:flex;align-items:center;justify-content:center;min-width:56px;height:40px;padding:0 12px;border:1px solid #e6e7eb;border-radius:100px;font-family:var(--crocs-mm-font-text);font-size:16px}.crocs-mm-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:#fff;opacity:0;transform:translate(-12px);transition:opacity .2s linear,transform .2s ease-out}.crocs-mm-drawer.is-open{opacity:1;transform:none}.crocs-mm-drawer[hidden]{display:none}.crocs-mm-drawer__top{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;height:73px;padding:0 16px}.crocs-mm-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--crocs-mm-ink, #141215);cursor:pointer}.crocs-mm-drawer__close svg{width:20px;height:20px}.crocs-mm-drawer__level{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.crocs-mm-drawer__level--2{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px 16px 32px;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .25s ease-out}.crocs-mm-drawer.is-level2 .crocs-mm-drawer__level--2{transform:none}.crocs-mm-drawer.is-level2 .crocs-mm-drawer__top{visibility:hidden}.crocs-mm-drawer__list{display:block;padding:16px 0 0}.crocs-mm-drawer__row{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;padding:0 16px;border:0;background:none;color:var(--crocs-mm-ink, #141215);text-align:left;text-decoration:none;cursor:pointer}.crocs-mm-drawer__row__label{font-family:var(--crocs-mm-font-text, "TT Crocs", sans-serif);font-size:18px;font-weight:500;line-height:27.5px}.crocs-mm-drawer__chev{flex:0 0 auto;width:32px;height:32px}.crocs-mm-drawer__help{margin:16px 0 0;padding:16px 0 24px;border-radius:24px 24px 0 0;background:var(--crocs-mm-tile, #f7f5f8)}.crocs-mm-drawer__help__row{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;color:var(--crocs-mm-ink, #141215);text-decoration:none}.crocs-mm-drawer__help__row+.crocs-mm-drawer__help__row{border-top:1px solid rgba(20,18,21,.08)}.crocs-mm-drawer__help__icon{flex:0 0 auto;display:block;width:18px;height:18px}.crocs-mm-drawer__help__icon svg{display:block;width:100%;height:100%}.crocs-mm-drawer__help__row span{font-family:var(--crocs-mm-font-text, "TT Crocs", sans-serif);font-size:14px;line-height:23px}.crocs-mm-drawer__back{display:flex;align-items:center;gap:4px;height:44px;padding:0;border:0;background:none;color:var(--crocs-mm-ink, #141215);font-family:var(--crocs-mm-font-text, "TT Crocs", sans-serif);font-size:16px;line-height:23px;cursor:pointer}.crocs-mm-drawer__back .crocs-mm-drawer__chev{width:24px;height:24px;transform:scaleX(-1)}.crocs-mm-drawer__body{display:flex;flex-direction:column;gap:24px}.crocs-mm-drawer__body .crocs-mm__col{flex:0 0 auto;width:100%}.crocs-mm-drawer__body .crocs-mm__multi{flex-direction:column;gap:0}@media only screen and (max-width:1379px){.crocs-mm{--crocs-mm-gutter: 48px}}@media only screen and (max-width:989px){.crocs-mm__panel,.crocs-mm__overlay{display:none}}@media only screen and (min-width:990px){.crocs-mm-drawer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/crocs-megamenu.css.map */