.otp-cd{display:block;overflow:hidden;background:var(--cd-bg, #ffffff);color:var(--cd-text, #111111);padding-block:var(--cd-pt, 48px) var(--cd-pb, 48px);font-family:var(--font-body--family, Inter, sans-serif);--cd-card-w: min(64vw, 300px);--cd-step: calc(var(--cd-card-w) * .62);--cd-shrink: .15;--cd-fade: .3;--cd-drop: 6px}.otp-cd__head{text-align:center;padding-inline:20px;margin-bottom:22px}.otp-cd__title{margin:0;font-family:var(--font-heading--family, "Barlow Condensed", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.04;font-size:clamp(24px,5.4vw,44px);color:inherit;text-wrap:balance}.otp-cd__subtitle{margin:6px 0 0;font-size:clamp(13px,3.4vw,16px);line-height:1.4;opacity:.6}.otp-cd__stage{position:relative;height:calc(var(--cd-card-w) * 1.25 + 20px);touch-action:pan-y;user-select:none;-webkit-user-select:none}.otp-cd__card{position:absolute;top:0;left:50%;width:var(--cd-card-w);transform:translate(-50%) translate(calc(var(--d, 0) * var(--cd-step))) translateY(calc(var(--a, 0) * var(--cd-drop))) scale(calc(1 - var(--a, 0) * var(--cd-shrink)));opacity:calc(1 - var(--a, 0) * var(--cd-fade));transition:transform .56s cubic-bezier(.22,.61,.36,1),opacity .4s ease;will-change:transform}.otp-cd__card.is-out{opacity:0;pointer-events:none}.otp-cd__link{display:block;position:relative;border-radius:var(--cd-radius, 18px);overflow:hidden;text-decoration:none;color:inherit;background:#0000000f;box-shadow:0 18px 38px -18px #00000073}.otp-cd__img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.otp-cd__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cd-bg, #ffffff);opacity:.28;transition:opacity .4s ease;pointer-events:none}.otp-cd__card.is-active .otp-cd__veil{opacity:0}.otp-cd__scrim{position:absolute;inset:auto 0 0 0;padding:54px 14px 14px;background:linear-gradient(to top,#000c,#0000005c 48%,#0000);text-align:center}.otp-cd__name{display:block;margin:0;color:var(--cd-card-text, #ffffff);font-family:var(--font-heading--family, "Barlow Condensed", sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;font-size:clamp(15px,4.2vw,22px);text-shadow:0 1px 14px rgb(0 0 0 / .55)}.otp-cd__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;min-height:44px;padding-inline:20px;border-radius:999px;background:var(--cd-cta-bg, #ffffff);color:var(--cd-cta-text, #111111);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s ease}.otp-cd__card.is-active .otp-cd__cta{opacity:1;transform:none}.otp-cd__nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding-inline:20px}.otp-cd__arrow{display:none;width:44px;height:44px;flex:0 0 auto;align-items:center;justify-content:center;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;opacity:.55;transition:opacity .18s ease,background .18s ease}.otp-cd__arrow:hover{opacity:1;background:#8080801f}.otp-cd__arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.otp-cd__arrow--next svg{transform:scaleX(-1)}.otp-cd__dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.otp-cd__dot{width:22px;height:26px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.otp-cd__dot:before{content:"";display:block;width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.25;transition:opacity .2s ease,width .2s ease}.otp-cd__dot.is-on:before{opacity:1;width:20px}.otp-cd__empty{padding:36px 20px;text-align:center;font-size:14px;opacity:.55}@media screen and (min-width:750px){.otp-cd{--cd-card-w: min(38vw, 300px);--cd-step: calc(var(--cd-card-w) * .68);--cd-shrink: .14;--cd-fade: .26}.otp-cd__head{margin-bottom:28px}.otp-cd__scrim{padding:60px 16px 16px}}@media screen and (min-width:1100px){.otp-cd{--cd-card-w: min(30vw, 360px);--cd-step: calc(var(--cd-card-w) * .72);--cd-shrink: .13;--cd-fade: .22}}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.otp-cd__arrow{display:inline-flex}}@media(prefers-reduced-motion:reduce){.otp-cd__card,.otp-cd__cta,.otp-cd__veil{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/otp-collection-deck.css.map */