.otp-look{--lk-pad: 16px;--lk-gap: 12px;--lk-radius: 16px;--lk-ease: cubic-bezier(.22, .61, .36, 1);display:block;background:var(--lk-bg, #fff);color:#000;padding-block:calc(var(--lk-pt, 56px) * .6) calc(var(--lk-pb, 60px) * .6)}.otp-look__inner{max-width:1400px;margin-inline:auto}.otp-look__head{padding-inline:var(--lk-pad);margin-bottom:16px;text-align:center}.otp-look__title{margin:0;font-family:var(--font-heading--family, "Barlow Condensed", sans-serif);font-weight:700;font-size:clamp(24px,6.4vw,30px);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.otp-look__sub{margin:7px 0 0;font-family:Inter,var(--font-body--family, sans-serif);font-size:13px;line-height:1.45;color:#6b6b6b;text-wrap:balance}.otp-look__rail{position:relative}.otp-look__track{display:flex;gap:var(--lk-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-inline:0;scroll-padding-inline:0;margin-inline-start:var(--lk-pad);width:calc(100% - 2 * var(--lk-pad));-webkit-overflow-scrolling:touch;scrollbar-width:none}.otp-look__track::-webkit-scrollbar{display:none}.otp-look__card{flex:0 0 calc((100% - var(--lk-gap)) / 2);scroll-snap-align:start;min-width:0;position:relative;display:block;aspect-ratio:4 / 3;border-radius:var(--lk-radius);overflow:hidden;text-decoration:none;background:#eceae5;isolation:isolate}.otp-look__card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s var(--lk-ease)}.otp-look__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 50%,#0000004d,#0000001f 60%,#0000000d),linear-gradient(to top,#00000042,#0000 55%);transition:opacity .4s var(--lk-ease);z-index:1}.otp-look__name:before{content:"";position:absolute;inset-inline:0;top:50%;translate:0 -50%;height:36%;background:linear-gradient(#0000004d,#0006,#0000004d);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:-1}.otp-look__name{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:10px 12px;text-align:center;color:#fff;font-family:var(--font-heading--family, "Barlow Condensed", sans-serif);font-weight:700;font-size:clamp(15px,4.2vw,19px);line-height:1.1;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.5);text-wrap:balance;isolation:isolate}@media(hover:hover){.otp-look__card:hover img{transform:scale(1.05)}.otp-look__card:hover:after{opacity:.82}}.otp-look__card:focus-visible{outline:2px solid #000;outline-offset:3px}.otp-look__arrow{display:none;position:absolute;top:50%;z-index:3;translate:0 -50%;width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fffffff0;box-shadow:0 2px 12px #0000001a;color:#000;cursor:pointer;padding:0;align-items:center;justify-content:center;transition:opacity .25s var(--lk-ease),background .25s var(--lk-ease)}.otp-look__arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9}.otp-look__arrow--prev{left:4px}.otp-look__arrow--prev svg{transform:scaleX(-1)}.otp-look__arrow--next{right:4px}.otp-look__arrow:disabled{opacity:0;pointer-events:none}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.otp-look--arrows .otp-look__arrow{display:flex}}.otp-look__dots{display:flex;justify-content:center;gap:6px;margin-top:14px}.otp-look__dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#0000002e;cursor:pointer;transition:background .3s var(--lk-ease),width .3s var(--lk-ease)}.otp-look__dot[aria-current=true]{width:18px;border-radius:3px;background:#000}.otp-look__empty{padding:24px var(--lk-pad);text-align:center;font-size:13px;color:#6b6b6b}@media screen and (min-width:620px){.otp-look__card{flex:0 0 calc((100% - 2 * var(--lk-gap)) / 3)}}@media screen and (min-width:750px){.otp-look{--lk-pad: 40px;--lk-gap: 16px;padding-block:calc(var(--lk-pt, 56px) * .8) calc(var(--lk-pb, 60px) * .8)}.otp-look__head{margin-bottom:20px}.otp-look__title{font-size:clamp(28px,2.6vw,36px)}.otp-look__sub{font-size:14px}.otp-look__name{font-size:20px}}@media screen and (min-width:900px){.otp-look{padding-block:var(--lk-pt, 56px) var(--lk-pb, 60px)}.otp-look__card{flex:0 0 calc((100% - 3 * var(--lk-gap)) / 4)}.otp-look__name{font-size:21px}}@media(prefers-reduced-motion:reduce){.otp-look__card img,.otp-look__card:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/otp-look.css.map */