.angled-carousel{position:relative;background:#fff;padding-top:var(--pt, 40px);padding-bottom:var(--pb, 40px);overflow:hidden}.angled-carousel__inner{position:relative;width:100vw;margin:0}.angled-carousel__header{text-align:center;margin-bottom:2.8rem;position:relative;z-index:2}.angled-carousel__title{position:relative;display:inline-block;font-family:var(--aic-h-ff, inherit);font-weight:var(--aic-h-fw, inherit);font-size:var(--aic-h-fs, 42px);line-height:1.1;margin:0}.angled-carousel__title-text{position:relative;z-index:1}.angled-carousel__highlight{position:absolute;left:0;right:0;height:12px;bottom:-6px;z-index:0}.angled-carousel__panel{position:absolute;top:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.angled-carousel__panel--left{left:0;width:var(--panel-left-width, 220px)}.angled-carousel__panel--right{right:0;width:var(--panel-right-width, 220px)}.angled-carousel__panel-inner{position:absolute;top:-20%;bottom:-20%;left:-40%;right:-40%;background:linear-gradient(180deg,var(--panel-left-color, #7B61FF),var(--panel-left-color, #6A4DFF))}.angled-carousel__panel--right .angled-carousel__panel-inner{background:linear-gradient(180deg,var(--panel-right-color, #7B61FF),var(--panel-right-color, #6A4DFF))}.angled-carousel__panel--left .angled-carousel__panel-inner{transform:skew(var(--panel-angle, 12deg));transform-origin:left center}.angled-carousel__panel--right .angled-carousel__panel-inner{transform:skew(calc(var(--panel-angle, 12deg) * -1));transform-origin:right center}.angled-carousel__viewport{position:relative;z-index:1;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-inline:10%;padding-inline:var(--side-padding, 64px);width:100vw;touch-action:pan-y;cursor:grab}.angled-carousel__viewport::-webkit-scrollbar{display:none}.angled-carousel__viewport{scrollbar-width:none}.angled-carousel__viewport.is-dragging{cursor:grabbing}.angled-carousel__track{display:flex;align-items:center;gap:var(--gap-desktop, 48px);padding:16px 0}.angled-carousel__card{flex:0 0 auto;width:var(--card-w-desktop, 260px);height:var(--card-h-desktop, 360px);border-radius:var(--radius, 28px);overflow:hidden;background:#f6f6f6;box-shadow:0 10px 24px #0000001f;transform:perspective(1000px) rotateY(0) scale(1);transition:transform .4s ease,opacity .4s ease,box-shadow .4s ease;scroll-snap-align:center;position:relative}.angled-carousel__card a{-webkit-tap-highlight-color:transparent}.angled-carousel__link{display:block;height:100%}.angled-carousel__media,.angled-carousel__media picture,.angled-carousel__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.angled-carousel__media img{object-fit:cover}.angled-carousel__card.is-active{transform:perspective(1000px) rotateY(0) scale(.86);box-shadow:0 12px 30px #0000002e}.angled-carousel__card.is-prev{transform:perspective(1000px) rotateY(var(--tilt, 10deg)) scale(.899)}.angled-carousel__card.is-next{transform:perspective(1000px) rotateY(calc(var(--tilt, 10deg) * -1)) scale(.899)}.angled-carousel__card.is-far-prev{transform:perspective(1000px) rotateY(calc(var(--tilt, 10deg) * 1.25)) scale(1);opacity:.9}.angled-carousel__card.is-far-next{transform:perspective(1000px) rotateY(calc(var(--tilt, 10deg) * -1.25)) scale(1);opacity:.9}.angled-carousel__arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:#1111118c;color:#fff;border:0;border-radius:999px}.angled-carousel__arrow--prev{left:16px}.angled-carousel__arrow--next{right:16px}.angled-carousel__arrow--prev .svg-wrapper{transform:rotate(90deg)}.angled-carousel__arrow--next .svg-wrapper{transform:rotate(-90deg)}.angled-carousel__dots{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;margin-top:18px}.angled-carousel__dot{width:10px;height:10px;border-radius:999px;border:0;background:#00000040;padding:0}.angled-carousel__dot[aria-current=true]{background:#000c}@media screen and (max-width:989px){.angled-carousel{--tilt: var(--tilt-deg-mobile, 8deg)}.angled-carousel__header{margin-bottom:2.4rem;padding:0 var(--side-padding, 64px)}.angled-carousel__title{font-size:calc(var(--heading-size, 42px) * .75)}.angled-carousel__viewport{scroll-padding-inline:12%}.angled-carousel__track{gap:var(--gap-mobile, 28px)}.angled-carousel__card{width:var(--card-w-mobile, 240px);height:var(--card-h-mobile, 320px)}.angled-carousel__panel--left{width:calc(var(--panel-left-width, 220px) * .7)}.angled-carousel__panel--right{width:calc(var(--panel-right-width, 220px) * .7)}}@media screen and (max-width:749px){.angled-carousel{--side-padding: 30px !important;padding-bottom:0}.angled-carousel__title{font-size:19px;font-weight:700}.angled-carousel__highlight{height:10px;bottom:-4px}}@media screen and (min-width:990px){.angled-carousel{--tilt: var(--tilt-deg-desktop, 10deg)}}@media(prefers-reduced-motion:reduce){.angled-carousel__track,.angled-carousel__card{transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/angled-image-carousel.css.map */