shape-collage{--shape-collage-card-width: var(--shape-collage-width-mobile, 80);--shape-collage-ease: cubic-bezier(.65, 0, .35, 1);display:block;position:relative;container-type:inline-size}.shape-collage__track{display:flex;gap:var(--shape-collage-gap, 12px);margin:0;padding:0;list-style:none}.shape-collage__item{position:relative;min-width:0;isolation:isolate}.shape-collage__item.is-active{z-index:1}.shape-collage__shape{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:rgb(var(--shape-collage-card, 92 118 144));border-radius:var(--shape-collage-radius, 20px);transition:border-radius var(--shape-collage-speed, .55s) var(--shape-collage-ease),inset var(--shape-collage-speed, .55s) var(--shape-collage-ease)}.shape-collage__item.is-active .shape-collage__shape{inset-block:calc(var(--shape-collage-bulge, 0px) * -1);border-radius:50%}.shape-collage__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--shape-collage-speed, .55s) var(--shape-collage-ease)}.shape-collage__item.is-active .shape-collage__image{transform:scale(1.04)}.shape-collage__placeholder{fill:rgb(var(--shape-collage-text) / .3)}.shape-collage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--shape-collage-overlay, 0 0 0 / 0))}.shape-collage__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18% var(--spacing-4);color:rgb(var(--shape-collage-text, 255 255 255));text-align:center}.shape-collage--content-top .shape-collage__content{justify-content:flex-start}.shape-collage--content-bottom .shape-collage__content{justify-content:flex-end}.shape-collage__label,.shape-collage__cta{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:.6em 1.4em;font-size:var(--text-sm);font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:inherit;border:1px solid rgb(var(--shape-collage-text, 255 255 255) / .85);border-radius:var(--rounded-full);transition:border-color var(--shape-collage-speed, .55s) var(--shape-collage-ease),background-color .2s ease}a.shape-collage__label:hover,a.shape-collage__cta:hover{background-color:rgb(var(--shape-collage-text, 255 255 255) / .15)}.shape-collage__label:focus-visible,.shape-collage__cta:focus-visible{outline:2px solid currentColor;outline-offset:2px}.shape-collage__item.is-active .shape-collage__label{border-color:transparent}.shape-collage__item.is-active a.shape-collage__label:hover{background-color:transparent;text-decoration:underline;text-underline-offset:.2em}.shape-collage__ctas{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--shape-collage-speed, .55s) var(--shape-collage-ease),opacity var(--shape-collage-speed, .55s) var(--shape-collage-ease)}.shape-collage__ctas-clip{min-height:0;overflow:hidden}.shape-collage__ctas-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 4px 4px}.shape-collage__item.is-active .shape-collage__ctas,.shape-collage__item:focus-within .shape-collage__ctas{grid-template-rows:1fr;opacity:1}@media screen and (max-width:999px){.shape-collage__track{--shape-collage-overflow: calc(var(--shape-collage-bulge, 0px) + .25rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:calc((100cqi - var(--shape-collage-card-width) * 1cqi) / 2);padding-block:var(--shape-collage-overflow);margin-block:calc(var(--shape-collage-overflow) * -1)}.shape-collage__track::-webkit-scrollbar{display:none}.shape-collage__item{flex:0 0 calc(var(--shape-collage-card-width) * 1cqi);block-size:var(--shape-collage-height-mobile, 27rem);scroll-snap-align:center}}@media screen and (min-width:700px)and (max-width:999px){shape-collage{--shape-collage-card-width: var(--shape-collage-width-tablet, 45)}}@media screen and (min-width:1000px){.shape-collage__item{flex:1 1 0;block-size:var(--shape-collage-height, 34rem)}.shape-collage--desktop-carousel .shape-collage__track{--shape-collage-overflow: calc(var(--shape-collage-bulge, 0px) + .25rem);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--shape-collage-overflow);margin-block:calc(var(--shape-collage-overflow) * -1)}.shape-collage--desktop-carousel .shape-collage__track::-webkit-scrollbar{display:none}.shape-collage--desktop-carousel .shape-collage__item{flex:0 0 calc((100cqi - (var(--shape-collage-visible, 4) - 1) * var(--shape-collage-gap, 12px)) / var(--shape-collage-visible, 4));scroll-snap-align:start}}.shape-collage__arrow{position:absolute;inset-block-start:50%;z-index:2;display:none;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;padding:0;color:#fff;background:#00000073;border:0;border-radius:var(--rounded-full);cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,opacity .2s ease}.shape-collage__arrow:hover{background:#000000b3}.shape-collage__arrow:disabled{opacity:.35;cursor:default}.shape-collage__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #0009}.shape-collage__arrow--prev{inset-inline-start:var(--spacing-4)}.shape-collage__arrow--next{inset-inline-end:var(--spacing-4)}.shape-collage__arrow .icon{transform:scaleX(var(--transform-logical-flip, 1))}@media screen and (min-width:1000px){.shape-collage__arrow:not([hidden]){display:inline-flex}}@media(prefers-reduced-motion:reduce){.shape-collage__shape,.shape-collage__image,.shape-collage__label,.shape-collage__cta,.shape-collage__ctas,.shape-collage__arrow{transition:none}.shape-collage__item.is-active .shape-collage__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-shape-collage.css.map */