.collection-carousel-panel{position:relative;overflow-x:clip;padding-block:var(--ccp-top-spacing) var(--ccp-bottom-spacing)}@supports not (overflow: clip){.collection-carousel-panel{overflow-x:hidden}}.collection-carousel-panel *,.collection-carousel-panel *:before,.collection-carousel-panel *:after{box-sizing:border-box}.collection-carousel-panel__theme-wrapper,.collection-carousel-panel__theme-wrapper>div{width:100%;max-width:none;margin:0;margin-block:0}.collection-carousel-panel__theme-wrapper>div{padding-inline:0;padding-top:0;padding-bottom:0}.collection-carousel-panel__shell{width:min(var(--ccp-max-width),calc(100% - (var(--ccp-page-inset) * 2)));margin-inline:auto}.collection-carousel-panel__panel{width:100%;padding:var(--ccp-panel-padding-desktop);border:var(--ccp-panel-border-width) solid var(--ccp-panel-border-color);border-radius:var(--ccp-panel-radius);background:var(--ccp-panel-background);overflow:hidden}.collection-carousel-panel__panel>.section-stack{gap:24px}.collection-carousel-panel__carousel{position:relative;isolation:isolate;min-width:0}.collection-carousel-panel__scroll-area{width:100%;max-width:100%;margin-inline:0;padding-inline:0;touch-action:pan-x pan-y;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.collection-carousel-panel__scroll-area::-webkit-scrollbar{display:none}.collection-carousel-panel__list{gap:var(--ccp-card-gap);align-items:stretch;scroll-snap-type:x proximity}.collection-carousel-panel__card{position:relative;isolation:isolate;min-width:0;height:100%;border-radius:var(--ccp-card-radius);overflow:visible;scroll-snap-align:start;transform:translateZ(0);transform-origin:center bottom;transition:transform var(--ccp-motion-duration) cubic-bezier(.16,1,.3,1),border-color calc(var(--ccp-motion-duration) * .7) ease,box-shadow var(--ccp-motion-duration) cubic-bezier(.16,1,.3,1);will-change:transform}.collection-carousel-panel__card-inner{position:relative;isolation:isolate;min-height:100%;aspect-ratio:var(--ccp-card-aspect-ratio);border-radius:var(--ccp-card-radius);overflow:hidden;transform:translateZ(0)}.collection-carousel-panel__card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 24% 12%,rgba(255,255,255,.34),transparent 32%),linear-gradient(150deg,rgba(var(--ccp-glow-rgb),calc(var(--ccp-glow-opacity) * .8)),transparent 48%);transition:opacity var(--ccp-motion-duration) cubic-bezier(.16,1,.3,1)}.collection-carousel-panel__media{display:block;width:100%;height:100%;object-fit:cover;transform:translateZ(0) scale(1);transform-origin:center;transition:transform calc(var(--ccp-motion-duration) * 1.08) cubic-bezier(.16,1,.3,1),filter var(--ccp-motion-duration) ease;will-change:transform}.collection-carousel-panel__video{border:0}.collection-carousel-panel__placeholder{background:#f1f1f1}.collection-carousel-panel__card .collection-card__content-wrapper{border-radius:inherit;z-index:4;transform:translate3d(0,calc(2px + var(--ccp-text-offset-desktop, 12px)),0);transition:transform var(--ccp-motion-duration) cubic-bezier(.16,1,.3,1),opacity calc(var(--ccp-motion-duration) * .75) ease}.collection-carousel-panel__card .collection-card__content{transition:transform var(--ccp-motion-duration) cubic-bezier(.16,1,.3,1)}.collection-carousel-panel__carousel>.circle-button{z-index:5;transition:transform .72s cubic-bezier(.16,1,.3,1),box-shadow .72s cubic-bezier(.16,1,.3,1),background-color .52s ease,border-color .52s ease}.collection-carousel-panel__header,.collection-carousel-panel__header .section-header,.collection-carousel-panel__header .prose{width:100%;min-width:0;max-width:none}.collection-carousel-panel__header .prose>:is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5){width:max-content;max-width:100%;margin:0;font-size:clamp(32px,3.15vw,42px);font-weight:700;line-height:1;letter-spacing:-.045em;white-space:nowrap}.collection-carousel-panel--sheen .collection-carousel-panel__card:before{content:"";position:absolute;z-index:6;top:-24%;left:-62%;width:32%;height:148%;border-radius:999px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);filter:blur(2px);transform:rotate(13deg) translate3d(-40%,0,0);transition:transform 1.45s cubic-bezier(.16,1,.3,1),opacity .62s ease}.collection-carousel-panel__card-arrow{position:absolute;top:14px;right:14px;bottom:auto;left:auto;z-index:10;display:block;width:40px;height:40px;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(4px,-4px,0) scale(.9);transition:opacity .42s ease,visibility .42s ease,transform .76s cubic-bezier(.16,1,.3,1)}.collection-carousel-panel__card-arrow>svg{display:block;width:40px;height:40px;box-sizing:border-box;padding:15px;border:1px solid rgba(255,255,255,.78);border-radius:999px;color:#111;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M29.7553 1.54692C29.5021 0.937263 29.0177 0.452787 28.408 0.199603C28.108 0.0717547 27.7859 0.00394213 27.4599 0H2.50951C1.84778 0 1.21316 0.26287 0.745247 0.73078C0.277337 1.19869 0.0144671 1.83331 0.0144671 2.49504C0.0144671 3.15676 0.277337 3.79139 0.745247 4.2593C1.21316 4.72721 1.84778 4.99008 2.50951 4.99008H21.4468L0.738028 25.674C0.504172 25.9059 0.318556 26.1818 0.191886 26.4859C0.0652165 26.7899 0 27.1161 0 27.4454C0 27.7748 0.0652165 28.1009 0.191886 28.405C0.318556 28.709 0.504172 28.985 0.738028 29.2169C0.969974 29.4508 1.24593 29.6364 1.54997 29.763C1.85402 29.8897 2.18013 29.9549 2.50951 29.9549C2.83888 29.9549 3.165 29.8897 3.46904 29.763C3.77308 29.6364 4.04904 29.4508 4.28098 29.2169L24.9649 8.50808V27.4454C24.9649 28.1072 25.2277 28.7418 25.6956 29.2097C26.1635 29.6776 26.7982 29.9405 27.4599 29.9405C28.1216 29.9405 28.7562 29.6776 29.2242 29.2097C29.6921 28.7418 29.9549 28.1072 29.9549 27.4454V2.49504C29.951 2.16899 29.8832 1.84688 29.7553 1.54692Z' fill='%23111111'/%3E%3C/svg%3E") center / 14px 14px no-repeat,radial-gradient(circle at 28% 18%,rgba(255,255,255,.94),transparent 38%),linear-gradient(145deg,#ffffff7a,#ffffff2e);-webkit-backdrop-filter:blur(15px) saturate(160%);backdrop-filter:blur(15px) saturate(160%);box-shadow:0 9px 22px #12192b1f,inset 0 1px #fffffff0,inset 0 -1px #ffffff38;transition:transform .86s cubic-bezier(.16,1,.3,1),box-shadow .86s cubic-bezier(.16,1,.3,1),background-color .62s ease;-webkit-mask-image:-webkit-radial-gradient(white,black)}.collection-carousel-panel__card-arrow>svg>*{opacity:0;visibility:hidden}.collection-carousel-panel__nav-button{position:absolute;top:50%;z-index:20;display:grid;place-items:center;width:52px;height:52px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:999px;color:#111;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.96),transparent 38%),linear-gradient(145deg,#ffffff85,#fff3);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);box-shadow:0 14px 34px #12192b24,inset 0 1px #fffffffa,inset 0 -1px #ffffff3d;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-50%,0) scale(.9);transition:opacity .6s ease,visibility .6s ease,transform .9s cubic-bezier(.16,1,.3,1),box-shadow .9s cubic-bezier(.16,1,.3,1),border-color .6s ease}.collection-carousel-panel__nav-button:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:-1;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 56%);pointer-events:none}.collection-carousel-panel__nav-button:after{content:"";position:absolute;top:-45%;left:-135%;width:72%;height:190%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(18deg);opacity:0;pointer-events:none;transition:left 1.3s cubic-bezier(.16,1,.3,1),opacity .5s ease}.collection-carousel-panel__nav-button--prev{left:16px;right:auto}.collection-carousel-panel__nav-button--next{right:16px;left:auto}.collection-carousel-panel__nav-icon{position:relative;z-index:2;display:block;color:#111;transform:translateZ(0);transition:transform .8s cubic-bezier(.16,1,.3,1)}.collection-carousel-panel__nav-icon path{stroke:currentColor}.collection-carousel-panel__nav-button:not(.is-available){display:none}.collection-carousel-panel__nav-button.is-available{display:grid}.collection-carousel-panel__carousel>.collection-carousel-panel__nav-button{z-index:30}@media(hover:hover)and (pointer:fine){.collection-carousel-panel--motion-soft .collection-carousel-panel__card:hover,.collection-carousel-panel--motion-soft .collection-carousel-panel__card:focus-visible{transform:translate3d(0,calc(var(--ccp-hover-lift) * -.65),0) scale(1.004);box-shadow:0 18px 36px #12192b17,0 6px 14px #12192b0b}.collection-carousel-panel--motion-depth .collection-carousel-panel__card:hover,.collection-carousel-panel--motion-depth .collection-carousel-panel__card:focus-visible{transform:perspective(1100px) translate3d(0,calc(var(--ccp-hover-lift) * -1),0) rotateX(.7deg) scale(1.008);box-shadow:0 28px 58px #12192b21,0 8px 18px #12192b0e}.collection-carousel-panel--motion-glass .collection-carousel-panel__card:hover,.collection-carousel-panel--motion-glass .collection-carousel-panel__card:focus-visible{transform:translate3d(0,calc(var(--ccp-hover-lift) * -.85),0) scale(1.007);border-color:#ffffffe0;box-shadow:0 24px 54px rgba(var(--ccp-glow-rgb),var(--ccp-glow-opacity)),0 8px 20px #12192b14,inset 0 1px #ffffffb8}.collection-carousel-panel--motion-soft .collection-carousel-panel__card:hover .collection-carousel-panel__media,.collection-carousel-panel--motion-soft .collection-carousel-panel__card:focus-visible .collection-carousel-panel__media,.collection-carousel-panel--motion-depth .collection-carousel-panel__card:hover .collection-carousel-panel__media,.collection-carousel-panel--motion-depth .collection-carousel-panel__card:focus-visible .collection-carousel-panel__media,.collection-carousel-panel--motion-glass .collection-carousel-panel__card:hover .collection-carousel-panel__media,.collection-carousel-panel--motion-glass .collection-carousel-panel__card:focus-visible .collection-carousel-panel__media{transform:scale(var(--ccp-hover-scale));filter:saturate(1.035) contrast(1.018)}.collection-carousel-panel--motion-soft .collection-carousel-panel__card:hover .collection-carousel-panel__card-inner:after,.collection-carousel-panel--motion-depth .collection-carousel-panel__card:hover .collection-carousel-panel__card-inner:after,.collection-carousel-panel--motion-glass .collection-carousel-panel__card:hover .collection-carousel-panel__card-inner:after,.collection-carousel-panel--motion-soft .collection-carousel-panel__card:focus-visible .collection-carousel-panel__card-inner:after,.collection-carousel-panel--motion-depth .collection-carousel-panel__card:focus-visible .collection-carousel-panel__card-inner:after,.collection-carousel-panel--motion-glass .collection-carousel-panel__card:focus-visible .collection-carousel-panel__card-inner:after{opacity:1}.collection-carousel-panel--content-motion .collection-carousel-panel__card:hover .collection-card__content{transform:translate3d(0,calc(var(--ccp-content-shift) * -1),0)}.collection-carousel-panel--sheen .collection-carousel-panel__card:hover:before,.collection-carousel-panel--sheen .collection-carousel-panel__card:focus-visible:before{opacity:.72;transform:rotate(13deg) translate3d(540%,0,0)}.collection-carousel-panel__card:hover .collection-carousel-panel__card-arrow,.collection-carousel-panel__card:focus-visible .collection-carousel-panel__card-arrow,.collection-carousel-panel__card:focus-within .collection-carousel-panel__card-arrow{opacity:1;visibility:visible;transform:translateZ(0) scale(1)}.collection-carousel-panel__card:hover .collection-carousel-panel__card-arrow>svg,.collection-carousel-panel__card:focus-visible .collection-carousel-panel__card-arrow>svg,.collection-carousel-panel__card:focus-within .collection-carousel-panel__card-arrow>svg{box-shadow:0 15px 32px #12192b29,0 0 20px rgba(var(--ccp-glow-rgb),var(--ccp-glow-opacity)),inset 0 1px #fffffff5;transform:translate3d(1px,0,0) scale(1.035)}.collection-carousel-panel__carousel>.circle-button:hover{transform:scale(1.075);box-shadow:0 14px 28px #12192b1f}.collection-carousel-panel__carousel:hover>.collection-carousel-panel__nav-button,.collection-carousel-panel__carousel:focus-within>.collection-carousel-panel__nav-button{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,-50%,0) scale(1)}.collection-carousel-panel__carousel>.collection-carousel-panel__nav-button:hover{transform:translate3d(0,-50%,0) scale(1.08);border-color:#fffffff5;box-shadow:0 20px 44px #12192b2e,0 0 24px rgba(var(--ccp-glow-rgb),var(--ccp-glow-opacity)),inset 0 1px #fff}.collection-carousel-panel__carousel>.collection-carousel-panel__nav-button:hover:after{left:170%;opacity:.84}.collection-carousel-panel__nav-button--prev:hover .collection-carousel-panel__nav-icon{transform:translate(-2px)}.collection-carousel-panel__nav-button--next:hover .collection-carousel-panel__nav-icon{transform:translate(2px)}}.collection-carousel-panel__nav-button[disabled]{opacity:0;visibility:hidden;pointer-events:none}@media screen and (max-width:699px){.collection-carousel-panel__shell{width:min(var(--ccp-max-width),calc(100% - 24px))}.collection-carousel-panel__panel{padding:var(--ccp-panel-padding-mobile)}.collection-carousel-panel__panel>.section-stack{gap:18px}.collection-carousel-panel__scroll-area{overflow-x:auto;overflow-y:visible}.collection-carousel-panel__list{width:max-content;min-width:100%}.collection-carousel-panel__carousel>.circle-button{display:none}.collection-carousel-panel__card .collection-card__content-wrapper{transform:translate3d(0,calc(0px + var(--ccp-text-offset-mobile, 10px)),0)}.collection-carousel-panel__card .collection-carousel-panel__media,.collection-carousel-panel__card .collection-card__content{transform:none}.collection-carousel-panel--sheen .collection-carousel-panel__card:before{display:none}.collection-carousel-panel__card-arrow{top:50%;right:12px;opacity:1;visibility:visible;transform:none}.collection-carousel-panel__nav-button{display:none}.collection-carousel-panel__header .prose>:is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5){font-size:clamp(26px,8vw,32px);letter-spacing:-.04em}}@media screen and (max-width:699px),(hover:none),(pointer:coarse){.collection-carousel-panel__card-arrow{top:12px;right:12px;opacity:1;visibility:visible;transform:none}.collection-carousel-panel__nav-button{display:none}}@media(hover:hover)and (pointer:fine)and (min-width:700px){.collection-carousel-panel__carousel:hover>.collection-carousel-panel__nav-button,.collection-carousel-panel__carousel:focus-within>.collection-carousel-panel__nav-button{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,-50%,0) scale(1)}}@media(prefers-reduced-motion:reduce){.collection-carousel-panel__card,.collection-carousel-panel__card-inner,.collection-carousel-panel__media,.collection-carousel-panel__card-arrow,.collection-carousel-panel__card-inner:after,.collection-carousel-panel__nav-button{transition:none}.collection-carousel-panel--sheen .collection-carousel-panel__card:before{display:none}}@media screen and (max-width:699px),(hover:none),(pointer:coarse){.collection-carousel-panel__card-arrow{opacity:0;visibility:hidden;transform:translate3d(4px,-4px,0) scale(.9)}.collection-carousel-panel__card.is-touched .collection-carousel-panel__card-arrow{opacity:1;visibility:visible;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/section-collection-carousel-panel.css.map */