.layered-pop-carousel{display:block;overflow:hidden;background:var(--layered-pop-background-mobile, #e8eef5)}.layered-pop-carousel__section{box-sizing:border-box;padding:var(--layered-pop-padding-top-mobile, 24px) clamp(20px,7.8vw,30px) var(--layered-pop-padding-bottom-mobile, 24px)}.layered-pop-carousel__viewport{position:relative;width:100%;margin:0 auto;outline:none;touch-action:pan-y}.layered-pop-carousel__viewport:focus-visible{outline:2px solid var(--color-accent, #0b77e2);outline-offset:4px}.layered-pop-carousel__slides{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--active-slide-ratio-mobile, 1.5);border-radius:16px;isolation:isolate}.layered-pop-carousel__slide{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden;pointer-events:none;perspective:1200px;transform-style:preserve-3d}.layered-pop-carousel__slide.is-visible{visibility:visible}.layered-pop-carousel__slide.is-active{z-index:1;pointer-events:auto}.layered-pop-carousel__slide.is-target{z-index:2}.layered-pop-carousel__content{position:absolute;z-index:8;top:6%;left:50%;width:min(82%,760px);color:#111;text-align:center;transform:translate(-50%)}.layered-pop-carousel__heading,.layered-pop-carousel__subheading,.layered-pop-carousel__description{margin:0;color:inherit}.layered-pop-carousel__heading{font-size:clamp(20px,3.2vw,44px);font-weight:700;line-height:1.08}.layered-pop-carousel__subheading{margin-top:3px;font-size:clamp(13px,1.5vw,21px);line-height:1.2}.layered-pop-carousel__description{margin-top:clamp(7px,1.2vw,16px);font-size:clamp(10px,1vw,14px);line-height:1.35}.layered-pop-carousel__base{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0}.layered-pop-carousel__base .layered-pop-carousel__image{height:100%;object-fit:cover}.layered-pop-carousel__base--placeholder{border:1px dashed rgba(0,0,0,.2);background:#00000008}.layered-pop-carousel__layer{position:absolute;z-index:calc(var(--layer-order, 1) + 1);left:var(--layer-x-mobile, 50%);top:var(--layer-y-mobile, 40%);display:block;width:var(--layer-width-mobile, 25%);margin:0;transform:translate3d(-50%,-50%,0);transform-style:preserve-3d}.layered-pop-carousel__layer[data-layer-order="2"]{z-index:6}.layered-pop-carousel__layer-motion{display:block;width:100%;margin:0;transform-origin:50% 100%;backface-visibility:hidden}.layered-pop-carousel__image{display:block;width:100%;height:auto;max-width:none;margin:0;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.js .layered-pop-carousel[data-initial-state=pending] .layered-pop-carousel__slide.is-active .layered-pop-carousel__layer-motion{opacity:0}.layered-pop-carousel.is-animating .layered-pop-carousel__slide,.layered-pop-carousel.is-animating .layered-pop-carousel__layer-motion,.layered-pop-carousel.is-animating .layered-pop-carousel__base{will-change:transform,opacity}.layered-pop-carousel__arrow{position:absolute;top:50%;z-index:5;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.2);border-radius:50%;padding:0;color:#111;background:#fffffff0;box-shadow:0 4px 18px #00000014;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease}.layered-pop-carousel__arrow--previous{left:12px}.layered-pop-carousel__arrow--next{right:12px}.layered-pop-carousel__arrow:hover:not(:disabled){border-color:#000000a6;box-shadow:0 6px 22px #00000024}.layered-pop-carousel__arrow:focus-visible{outline:2px solid var(--color-accent, #0b77e2);outline-offset:3px}.layered-pop-carousel__arrow:disabled{opacity:.32;cursor:default}.layered-pop-carousel__arrow svg{width:11px;height:18px}.layered-pop-carousel__pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:13px}.layered-pop-carousel__dot{display:block;width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#d9d9d9;transition:background-color .2s ease}.layered-pop-carousel__dot.is-active{background:var(--color-accent, #0b77e2)}.layered-pop-carousel__status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}.layered-pop-carousel__empty{display:flex;height:100%;align-items:center;justify-content:center;border:1px dashed rgba(0,0,0,.2);color:#0000008c;background:#00000008;font-size:14px;text-align:center}@media(min-width:750px){.layered-pop-carousel{background:var(--layered-pop-background, #fff)}.layered-pop-carousel__slides{aspect-ratio:var(--active-slide-ratio-desktop, 1.5);border-radius:0}.layered-pop-carousel__pagination{display:none}.layered-pop-carousel__section{padding:var(--layered-pop-padding-top-desktop, 40px) 32px var(--layered-pop-padding-bottom-desktop, 40px)}.layered-pop-carousel__layer{left:var(--layer-x-desktop, 50%);top:var(--layer-y-desktop, 40%);width:var(--layer-width-desktop, 25%)}.layered-pop-carousel__arrow{width:clamp(44px,4vw,64px);height:clamp(44px,4vw,64px)}.layered-pop-carousel__arrow--previous{left:clamp(16px,2.5vw,40px)}.layered-pop-carousel__arrow--next{right:clamp(16px,2.5vw,40px)}.layered-pop-carousel__arrow svg{width:clamp(11px,1vw,16px);height:clamp(18px,1.5vw,26px)}}@media(max-width:749px){.layered-pop-carousel__content{display:flex;flex-direction:column;height:32%}.layered-pop-carousel__arrow{display:none}.layered-pop-carousel__heading{margin-top:9px;font-size:30px}.layered-pop-carousel__subheading{font-size:23px}.layered-pop-carousel__description{margin-top:auto;font-size:18px}}@media(prefers-reduced-motion:reduce){.layered-pop-carousel__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/116/assets/layered-pop-carousel.css.map */