.crocs-cardgrid{--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-muted: #757a87;--crocs-tile: #f9fafb;--crocs-tile-line: #f3f4f6;--crocs-cardgrid-cols: 4;--crocs-cardgrid-gap: 16px;--crocs-cardgrid-radius: 48px;display:block;font-family:var(--crocs-font-nav);color:var(--crocs-ink)}.crocs-cardgrid,.crocs-cardgrid *,.crocs-cardgrid *:before,.crocs-cardgrid *:after{box-sizing:border-box}.crocs-cardgrid a{color:inherit;text-decoration:none}.crocs-cardgrid a{-webkit-text-fill-color:currentColor;background-image:none}.crocs-cardgrid a:after{display:none}.crocs-cardgrid__inner{max-width:1330px;margin:0 auto}@media only screen and (max-width:1377px){.crocs-cardgrid__inner{padding:0 24px}}.crocs-cardgrid__head{display:flex;align-items:center;gap:24px}.crocs-cardgrid__title{margin:0;font-size:34px;font-weight:900;line-height:normal;white-space:nowrap}.crocs-cardgrid__title em{font-style:normal;color:var(--crocs-green)}.crocs-cardgrid__subtitle{margin:0;font-family:var(--crocs-font-text);font-size:20px;font-weight:400;line-height:normal;color:var(--crocs-muted)}.crocs-cardgrid__cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:154px;padding:9px 16px;border-radius:100px;background:var(--crocs-green);color:#fff;font-size:14px;font-weight:500;line-height:normal;text-align:center;transition:opacity .15s linear}.crocs-cardgrid__cta:hover,.crocs-cardgrid__cta:focus-visible{opacity:.88}.crocs-cardgrid__card{margin:36px 0 0;display:grid;grid-template-columns:minmax(0,548fr) minmax(0,661fr);column-gap:49px;padding:36px;border:1px solid var(--crocs-tile-line);border-radius:var(--crocs-cardgrid-radius);background:var(--crocs-tile)}.crocs-cardgrid__aside{order:2;position:relative;aspect-ratio:661 / 482;border-radius:24px;overflow:hidden}.crocs-cardgrid__aside img,.crocs-cardgrid__aside svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.crocs-cardgrid__items-outer{order:1;position:relative;min-width:0}.crocs-cardgrid .crocs-cardgrid__items{display:grid;grid-template-columns:repeat(var(--crocs-cardgrid-cols),minmax(0,1fr));gap:var(--crocs-cardgrid-gap);overflow:visible;scroll-snap-type:none}.crocs-cardgrid__items>*{flex:none}.crocs-cardgrid__nav{display:none}.crocs-cardgrid__item{display:block;min-width:0}.crocs-cardgrid__media{position:relative;aspect-ratio:1 / 1;overflow:hidden}.crocs-cardgrid__media img,.crocs-cardgrid__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:darken}.crocs-cardgrid__label{margin:9px 0 0;font-size:14px;font-weight:400;line-height:normal;text-align:center;color:var(--crocs-ink)}@media only screen and (max-width:989px){.crocs-cardgrid__inner{padding:0 16px}.crocs-cardgrid__head{display:contents}.crocs-cardgrid__title{font-size:24px;white-space:normal}.crocs-cardgrid__subtitle{margin:8px 0 0;font-size:14px}.crocs-cardgrid__cta{display:flex;width:100%;margin:16px 0 0}.crocs-cardgrid__inner{display:flex;flex-direction:column}.crocs-cardgrid__title{order:1}.crocs-cardgrid__subtitle{order:2}.crocs-cardgrid__card{order:3}.crocs-cardgrid__cta{order:4}.crocs-cardgrid__card{margin:16px 0 0;display:block;padding:0;border:0;background:none}.crocs-cardgrid__aside{aspect-ratio:343 / 250;border-radius:24px}.crocs-cardgrid__items-outer{margin:16px 0 0;padding:16px 53px;border:1px solid var(--crocs-tile-line);border-radius:24px;background:var(--crocs-tile)}.crocs-cardgrid .crocs-cardgrid__items{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - var(--crocs-cardgrid-gap) * 2) / 3);grid-template-rows:repeat(2,auto);gap:var(--crocs-cardgrid-gap);overflow-x:auto;scroll-snap-type:x proximity}.crocs-cardgrid__items>*{scroll-snap-align:start}.crocs-cardgrid__label{font-size:9px}.crocs-cardgrid__nav{display:flex;width:30px;height:30px}.crocs-cardgrid__nav svg{width:30px;height:30px}.crocs-cardgrid__nav.crocs-carousel-nav--prev{left:39px}.crocs-cardgrid__nav.crocs-carousel-nav--next{right:39px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/crocs-cardgrid.css.map */