.crocs-plp{--crocs-font-nav: "Karl ST", "Helvetica Neue", Helvetica, Arial, sans-serif;--crocs-font-text: "TT Crocs", "Helvetica Neue", Helvetica, Arial, sans-serif;--crocs-ink: #141215;--crocs-green: #62c526;--crocs-pill: #f3f4f6;--crocs-tile: #f9fafb;--crocs-rule: #e6e7eb;--crocs-muted: #777777;--crocs-plp-gutter: 64px;--crocs-plp-inset: 32px;display:block;font-family:var(--crocs-font-text);color:var(--crocs-ink)}.crocs-plp,.crocs-plp *,.crocs-plp *:before,.crocs-plp *:after{box-sizing:border-box}.crocs-plp a{-webkit-text-fill-color:currentColor;background-image:none}.crocs-plp a:after{display:none}.crocs-plp .crocs-icon{display:block;width:100%;height:100%}.crocs-plp__container{padding:0 var(--crocs-plp-gutter)}.crocs-plp-banner{position:relative;display:block;aspect-ratio:1728 / 288;overflow:hidden}.crocs-plp-banner img,.crocs-plp-banner svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.crocs-plp-banner__scrim{position:absolute;left:0;right:0;bottom:0;height:159px;background:linear-gradient(to bottom,#14121500,#14121587);pointer-events:none}.crocs-plp-banner__content{position:absolute;left:var(--crocs-plp-gutter);bottom:48px;color:#fff}.crocs-plp-banner__title{margin:0;font-family:var(--crocs-font-nav);font-size:32px;font-weight:900;line-height:normal}.crocs-plp-banner__subtitle{margin:6px 0 0;font-family:var(--crocs-font-nav);font-size:16px;font-weight:500;line-height:normal}.crocs-plp-banner__cta{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:135px;height:43px;border-radius:24px;background:#fff;color:var(--crocs-ink);font-family:var(--crocs-font-nav);font-size:14px;font-weight:500;line-height:normal;overflow:hidden}.crocs-plp-banner__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--crocs-green);transform:translate(-100%);transition:transform .3s cubic-bezier(.39,.575,.565,1)}.crocs-plp-banner__cta:hover:before,.crocs-plp-banner__cta:focus-visible:before{transform:translate(0)}.crocs-plp-banner__cta span{position:relative}.crocs-plp-banner--hero{aspect-ratio:1728 / 648}.crocs-plp-banner--hero .crocs-plp-banner__content{left:50%;right:auto;transform:translate(-50%);bottom:0;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;gap:0}.crocs-plp-banner--hero .crocs-plp-banner__pretitle{margin:0;font-family:var(--crocs-font-nav);font-size:36px;font-weight:900;line-height:1}.crocs-plp-banner--hero .crocs-plp-banner__title{font-size:56px;line-height:1}.crocs-plp-banner--hero .crocs-plp-banner__subtitle{margin:0;line-height:1.2}.crocs-plp .crocs-grid{margin-top:36px}.crocs-plp__head{padding-top:36px}.crocs-plp__title{margin:0;font-family:var(--crocs-font-nav);font-size:34px;font-weight:900;line-height:normal;color:var(--crocs-ink)}.crocs-plp__categories{margin:37px 0 0;padding:0 var(--crocs-plp-inset)}.crocs-plp__categories__track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px;margin:-1px}.crocs-plp__categories__track::-webkit-scrollbar{display:none}.crocs-plp__category{position:relative;flex:0 0 auto;display:block;width:104px;height:104px;border:1px solid #f3f4f6;border-radius:8px;background:var(--crocs-tile);overflow:hidden}.crocs-plp__category img,.crocs-plp__category svg{display:block;width:100%;height:100%;object-fit:contain}.crocs-plp__category__label{position:absolute;left:0;right:0;bottom:0;height:25px;padding:0 7px 0 10px;display:flex;align-items:center;background:#fffc;font-size:14px;line-height:19.6px;color:var(--crocs-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crocs-plp__rule{margin:37px 0 0;border:0;border-top:1px solid var(--crocs-rule)}.crocs-plp__grid-inset{padding:0 var(--crocs-plp-inset)}.crocs-plp__toolbar{margin:24px 0 0;padding:0 var(--crocs-plp-inset);display:flex;align-items:center;gap:12px}.crocs-plp__toolbar__filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;padding:0;border:0}.crocs-plp__toolbar__right{margin-left:auto;display:flex;align-items:center;gap:16px}.crocs-plp__head .crocs-plp__count{display:none}.crocs-plp__count{margin:0;font-size:14px;line-height:normal;color:var(--crocs-muted);white-space:nowrap}.crocs-plp-pill{position:relative;display:inline-flex;align-items:center;gap:12px;height:43px;padding:0 16px;border:1px solid transparent;border-radius:24px;background:var(--crocs-pill);color:var(--crocs-ink);font-family:var(--crocs-font-text);font-size:14px;line-height:normal;white-space:nowrap;cursor:pointer;list-style:none}.crocs-plp-pill::-webkit-details-marker{display:none}.crocs-plp-pill--filters{gap:8px;padding:0 24px}.crocs-plp-pill--filters .crocs-icon{width:16px;height:16px}.crocs-plp-pill__chevron{flex:0 0 auto;width:16px;height:16px;transform:rotate(-90deg);transition:transform .2s ease}[aria-expanded=true]>.crocs-plp-pill__chevron{transform:rotate(90deg)}.crocs-plp-pill--sort{padding:0 16px 0 24px}.crocs-plp-pill--sort .crocs-plp-pill__chevron{width:28px;height:28px}.crocs-plp-pill--clear{border-color:var(--crocs-green);background:none}.crocs-plp-pill__check{flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:#f4f4f4;box-shadow:inset 0 1px 2px #0000002e}.crocs-plp-pill__check--on{background:var(--crocs-green);box-shadow:none}[data-collection-nav]{display:none!important}.crocs-plp-pill__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:var(--crocs-green);color:#fff;font-size:12px;font-weight:700;line-height:1}.crocs-plp-drop.is-filtered>.crocs-plp-pill{border-color:var(--crocs-green)}.crocs-plp-drop{position:relative}.crocs-plp-drop__panel{position:absolute;z-index:40;top:calc(100% + 8px);left:0;min-width:240px;max-height:320px;overflow:hidden auto;padding:16px 16px 0;border:1px solid var(--crocs-rule);border-radius:16px;background:#fff;box-shadow:0 12px 24px #0000001f}.crocs-plp-drop__panel--right{left:auto;right:0}.crocs-plp-drop__group+.crocs-plp-drop__group{margin-top:16px}.crocs-plp-drop__group__title{margin:0 0 8px;font-weight:700;font-size:14px}.crocs-plp-drop__values{display:flex;flex-wrap:wrap;gap:6px}.crocs-plp-chip{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border:1px solid var(--crocs-rule);border-radius:100px;background:#fff;color:var(--crocs-ink);font-family:var(--crocs-font-text);font-size:14px;line-height:normal;cursor:pointer}.crocs-plp-chip span{color:var(--crocs-muted)}.crocs-plp-chip.is-active{border-color:var(--crocs-green);background:#f2fbec}.crocs-plp-chip.is-active span{color:inherit}.crocs-plp-chip[disabled]{opacity:.4;cursor:not-allowed}.crocs-plp-drop__actions{position:sticky;bottom:0;z-index:1;margin:16px -16px 0;padding:12px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid var(--crocs-rule)}.crocs-plp-drop__actions:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:24px;background:linear-gradient(to top,#fff,#fff0);pointer-events:none}.crocs-plp-drop__action{height:36px;padding:0 16px;border:0;border-radius:100px;background:none;color:var(--crocs-ink);font-family:var(--crocs-font-text);font-size:14px;text-decoration:underline;cursor:pointer}.crocs-plp-drop__action--apply{background:var(--crocs-green);color:#fff;font-weight:700;text-decoration:none}.crocs-plp-drop__sort{display:block;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--crocs-ink);font-family:var(--crocs-font-text);font-size:14px;text-align:left;cursor:pointer}.crocs-plp-drop__sort:hover{background:var(--crocs-pill)}.crocs-plp-drop__sort.is-active{background:var(--crocs-pill);font-weight:700}@media only screen and (max-width:1377px){.crocs-plp{--crocs-plp-gutter: 24px;--crocs-plp-inset: 0px}}@media only screen and (max-width:989px){.crocs-plp{--crocs-plp-gutter: 16px;--crocs-plp-inset: 0px}.crocs-plp-banner{aspect-ratio:375 / 240}.crocs-plp-banner--desktop-only{display:none}.crocs-plp-banner__content{left:var(--crocs-plp-gutter);bottom:24px;flex-direction:column;align-items:flex-start;gap:16px}.crocs-plp-banner__title{font-size:24px}.crocs-plp-banner__subtitle{font-size:14px}.crocs-plp-banner--hero{aspect-ratio:375 / 564}.crocs-plp-banner--hero .crocs-plp-banner__content{align-items:center}.crocs-plp-banner--hero .crocs-plp-banner__title{font-size:56px}.crocs-plp-banner--hero .crocs-plp-banner__subtitle{font-size:16px}.crocs-plp__head{padding-top:24px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.crocs-plp__title{font-size:24px;line-height:1.2}.crocs-plp__head .crocs-plp__count{display:block;font-size:12px}.crocs-plp__toolbar__right .crocs-plp__count{display:none}.crocs-plp .crocs-grid{margin-top:24px}.crocs-plp__categories{margin-top:25px}.crocs-plp__rule{margin-top:17px}.crocs-plp__toolbar{margin-top:16px;gap:8px;overflow-x:auto;scrollbar-width:none}.crocs-plp__toolbar::-webkit-scrollbar{display:none}.crocs-plp__toolbar__filters{flex-wrap:nowrap;gap:8px}.crocs-plp-pill{height:36px;padding:0 12px;gap:6px}.crocs-plp-pill--filters{padding:0 12px;gap:8px}.crocs-plp-pill--sort{padding:0 6px 0 12px}.crocs-plp__toolbar__filters .crocs-plp-drop:nth-of-type(n+3),.crocs-plp__toolbar__filters .crocs-plp-pill--bool{display:none}.crocs-plp-drop__panel,.crocs-plp-drop__panel--right{position:fixed;top:auto;right:0;bottom:0;left:0;z-index:60;min-width:0;max-height:70vh;padding:20px 16px 0;border-width:1px 0 0;border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #0000002e}.crocs-plp-drop__actions{margin:16px -16px 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.crocs-plp-drop__action{flex:1 1 0}.crocs-plp__toolbar__right{gap:8px}.crocs-plp__toolbar .crocs-plp__count{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/crocs-plp.css.map */