.spc{padding-block:var(--spc-pad-top, 64px) var(--spc-pad-bottom, 64px)}.spc__heading{margin:0 0 32px;text-align:center}.spc__heading--tight{margin-block-end:12px}.spc__intro{max-width:min(1080px,68vw);margin:0 auto 32px;padding-inline:24px;text-align:center;font-size:17px;line-height:1.55;text-wrap:pretty}.spc__intro p{margin:0}.spc__frame{position:relative}.spc__rail{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:max(16px,calc(50% - var(--spc-card, 480px) / 2));padding-block:8px}.spc__rail::-webkit-scrollbar{display:none}.spc__card{position:relative;container-type:inline-size;flex:0 0 var(--spc-card, 480px);aspect-ratio:1 / var(--spc-ratio, 1.2);scroll-snap-align:center;overflow:hidden;border-radius:10px;background:var(--spc-card-bg, rgb(var(--color-foreground-rgb, 26 26 26) / .05));transform:scale(var(--spc-scale, .9));will-change:transform;z-index:1;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.spc__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:rgb(var(--color-background-rgb, 255 255 255));opacity:calc(1 - var(--spc-dim, .85));transition:opacity .55s cubic-bezier(.22,.61,.36,1)}.spc__card+.spc__card{margin-inline-start:calc(var(--spc-overlap, 84px) * -1)}.spc__card[data-spc-depth="0"]{transform:scale(1);z-index:4}.spc__card[data-spc-depth="0"]:after{opacity:0}.spc__card[data-spc-depth="1"]{transform:scale(var(--spc-scale, .9));z-index:3}.spc__card[data-spc-depth="1"]:after{opacity:calc(1 - var(--spc-dim, .85))}.spc__card[data-spc-depth="2"]{transform:scale(var(--spc-scale-2, .84));z-index:2}.spc__card[data-spc-depth="2"]:after{opacity:calc(1 - var(--spc-dim-2, .7))}.spc__rail:not([data-spc-ready]) .spc__card{transform:none}.spc__rail:not([data-spc-ready]) .spc__card:after{opacity:0}.spc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.spc__scrim{position:absolute;inset-inline:0;bottom:0;height:58%;background:linear-gradient(to top,rgb(0 0 0 / .42),rgb(0 0 0 / .12) 52%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent);mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent);pointer-events:none}.spc__caption{width:100%;text-align:center;font-size:min(var(--spc-caption, 56px),13cqw);font-weight:800;line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px 16px rgb(0 0 0 / .38);pointer-events:none;text-wrap:balance;padding-inline:16px}.spc__foot{position:absolute;z-index:3;inset-inline:0;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:14px}.spc__sub{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;pointer-events:none}.spc__cta{padding:10px 24px;border:1px solid rgb(255 255 255 / .8);border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#fff;background:#0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .15s ease,color .15s ease;white-space:nowrap}.spc__card:not(.is-active) .spc__cta{pointer-events:none}.spc__cta:hover{background:#fff;color:var(--color-foreground, #1a1a1a)}.spc__nav{position:absolute;top:50%;translate:0 -50%;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;color:var(--color-foreground, #1a1a1a);background:rgb(var(--color-background-rgb, 255 255 255) / .9);box-shadow:0 2px 12px #0000001f;transition:opacity .2s ease}.spc__nav svg{width:20px;height:20px}.spc__nav--prev{inset-inline-start:16px}.spc__nav--next{inset-inline-end:16px}.spc__nav[disabled]{opacity:0;pointer-events:none}@media screen and (max-width:749px){.spc__intro{max-width:none;font-size:15px;margin-block-end:24px}.spc__card{flex-basis:var(--spc-card-mobile, 72%)}.spc__rail{padding-inline:calc((100% - var(--spc-card-mobile, 72%)) / 2)}.spc__card+.spc__card{margin-inline-start:calc(var(--spc-overlap, 84px) * -.7)}.spc__caption{font-size:min(var(--spc-caption, 64px),13cqw);bottom:17%}.spc__sub{font-size:11px}.spc__foot{bottom:20px;gap:12px}.spc__card:not(.is-active) .spc__caption,.spc__card:not(.is-active) .spc__foot{opacity:0;transition:opacity .3s ease}.spc__nav{display:none}}@media(prefers-reduced-motion:reduce){.spc__card{transition:none;will-change:auto}.spc__card:after{transition:none}.spc__rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/suti-peek-carousel.css.map */