@layer ok{.ok-look-teaser-section .oklt{background:var(--oklt-1);padding:var(--oklt-2) 0 var(--oklt-3);font-family:var(--font-body-family, Poppins),sans-serif;max-width:var(--page-width, 1440px);margin-inline:max(var(--page-gutter, 1.6rem),(100% - var(--page-width, 1440px)) / 2);border-radius:1.6rem}.ok-look-teaser-section .oklt__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border-radius:calc(var(--ok-radius) * 2.4);background:var(--oklt-panel)}.ok-look-teaser-section .oklt__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:60rem;padding:4.8rem 2.4rem;background:#f2f2f2;color:inherit;text-decoration:none}.ok-look-teaser-section .oklt__look{position:relative;width:min(100%,34rem);background:#f2f2f2;isolation:isolate;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ok-look-teaser-section .oklt__stage:hover .oklt__look{transform:scale(1.03)}.ok-look-teaser-section .oklt__row{position:relative}.ok-look-teaser-section .oklt__row+.oklt__row{margin-top:-2%}.ok-look-teaser-section .oklt__row[data-r=head]{--w: 40%}.ok-look-teaser-section .oklt__row[data-r=top]{--w: 78%}.ok-look-teaser-section .oklt__row[data-r=bottom]{--w: 64%}.ok-look-teaser-section .oklt__row[data-r=shoes]{--w: 60%}.ok-look-teaser-section .oklt__slot{position:relative;display:block;width:var(--w);margin:0 auto;overflow:hidden;aspect-ratio:var(--ar)}.ok-look-teaser-section .oklt__slot img{position:absolute;left:0;width:100%;height:calc(100% / var(--h));top:calc(-100% * var(--y) / var(--h));object-fit:contain;mix-blend-mode:multiply}.ok-look-teaser-section .oklt__dot{position:absolute;top:50%;z-index:1;transform:translateY(-50%);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;box-shadow:0 .2rem .8rem #00000014;font-size:1.2rem;font-weight:600;color:var(--ok-ink, #111)}.ok-look-teaser-section .oklt__row:nth-child(odd) .oklt__dot{left:calc(50% + var(--w) / 2 + .8rem)}.ok-look-teaser-section .oklt__row:nth-child(2n) .oklt__dot{right:calc(50% + var(--w) / 2 + .8rem)}.ok-look-teaser-section .oklt__hint{position:absolute;left:2rem;bottom:2rem;display:inline-flex;align-items:center;gap:.6rem;height:3.6rem;padding:0 1.4rem;border-radius:99rem;background:#fff;box-shadow:0 .4rem 1.6rem #0000000f;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ok-ink, #111);transition:background-color .3s ease,color .3s ease}.ok-look-teaser-section .oklt__hint svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ok-look-teaser-section .oklt__stage:hover .oklt__hint{background:var(--oklt-panel);color:#fff}.ok-look-teaser-section .oklt__panel{display:flex;flex-direction:column;justify-content:center;padding:5.6rem clamp(3.2rem,4.4vw,7.2rem);color:#fff}.ok-look-teaser-section .oklt__head{display:flex;align-items:center;gap:.8rem;margin:0 0 1.6rem}.ok-look-teaser-section .oklt__eyebrow,.ok-look-teaser-section .oklt__wl{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.5rem 1.2rem;border-radius:99rem;font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.ok-look-teaser-section .oklt__eyebrow{background:#ffffff1f;color:#fff}.ok-look-teaser-section .oklt__wl{background:transparent;border:.1rem solid rgba(255,255,255,.24);color:#ffffffd9}.ok-look-teaser-section .oklt__wl:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:#2fbf5b}.ok-look-teaser-section .oklt__wl[hidden]{display:none}.ok-look-teaser-section .oklt__title{margin:0 0 1.2rem;font-family:var(--font-heading-family);font-size:clamp(3.4rem,3.4vw,5.2rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:#fff}.ok-look-teaser-section .oklt__sub{margin:0 0 2.8rem;max-width:40rem;font-size:1.5rem;line-height:1.5;color:#ffffffb8}.ok-look-teaser-section .oklt__card{margin:0 0 2.4rem;padding:.8rem 1.6rem 0;border-radius:calc(var(--ok-radius) * 1.6);background:#ffffff0f}.ok-look-teaser-section .oklt__card-title{margin:.8rem 0 .4rem;font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.ok-look-teaser-section .oklt__items{margin:0;padding:0;list-style:none}.ok-look-teaser-section .oklt__item{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.1rem 0;border-bottom:.1rem solid rgba(255,255,255,.1);color:#fff;text-decoration:none}.ok-look-teaser-section .oklt__num{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#fff;font-size:1.1rem;font-weight:600;color:var(--oklt-panel)}.ok-look-teaser-section .oklt__info{display:flex;flex-direction:column;min-width:0}.ok-look-teaser-section .oklt__info b{font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ok-look-teaser-section .oklt__info span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;color:#ffffffb3}.ok-look-teaser-section .oklt__price{font-size:1.4rem;font-weight:600;white-space:nowrap}.ok-look-teaser-section .oklt__item:hover .oklt__info span{color:#fff;text-decoration:underline;text-underline-offset:.3rem}.ok-look-teaser-section .oklt__total{display:flex;align-items:baseline;justify-content:space-between;margin:0;padding:1.4rem 0;font-size:1.3rem;color:#ffffffb8}.ok-look-teaser-section .oklt__total b{font-size:2rem;font-weight:700;letter-spacing:-.01em;color:#fff}.ok-look-teaser-section .oklt__btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:5.4rem;padding:0 2.4rem;border-radius:var(--ok-radius);background:#fff;color:var(--ok-ink, #111);font-size:1.3rem;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;text-decoration:none;transition:background-color .3s ease}.ok-look-teaser-section .oklt__btn:hover{background:#ffffffe0}.ok-look-teaser-section .oklt__btn svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ok-look-teaser-section .oklt__how{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.6rem 0 0;padding:0;list-style:none;font-size:1.25rem;font-weight:500;color:#ffffffeb}.ok-look-teaser-section .oklt__how li{display:inline-flex;align-items:center;gap:.6rem}.ok-look-teaser-section .oklt__how li+li:before{content:"\b7";margin-right:1rem;opacity:.6}.ok-look-teaser-section .oklt__how svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ok-look-teaser-section .oklt__login{align-self:center;margin-top:1.4rem;font-size:1.25rem;color:#ffffffe6;text-decoration:underline;text-underline-offset:.3rem;text-decoration-color:#ffffff80}.ok-look-teaser-section .oklt__login:hover{color:#fff}@media(prefers-reduced-motion:reduce){.ok-look-teaser-section .oklt__look{transition:none}}@media(max-width:989px){.ok-look-teaser-section .oklt__grid{grid-template-columns:1fr}.ok-look-teaser-section .oklt__stage{min-height:0;padding:4rem 1.6rem 6.4rem}.ok-look-teaser-section .oklt__look{width:min(56%,24rem)}.ok-look-teaser-section .oklt__panel{padding:3.2rem 2rem}}@media(max-width:749px){.ok-look-teaser-section .oklt{margin-inline:0;border-radius:0;background:transparent}.ok-look-teaser-section .oklt__wl,.ok-look-teaser-section .oklt__hint,.ok-look-teaser-section .oklt__how,.ok-look-teaser-section .oklt__login,.ok-look-teaser-section .oklt__card-title,.ok-look-teaser-section .oklt__info b{display:none}.ok-look-teaser-section .oklt__stage{padding:2.8rem 1.6rem}.ok-look-teaser-section .oklt__head{margin-bottom:1rem}.ok-look-teaser-section .oklt__card{margin-bottom:1.6rem;padding:.2rem 1.2rem 0;background:transparent;border-top:.1rem solid rgba(255,255,255,.12);border-radius:0;padding-inline:0}.ok-look-teaser-section .oklt__item{gap:1rem;padding:.9rem 0}.ok-look-teaser-section .oklt__num{width:2rem;height:2rem;font-size:1rem}.ok-look-teaser-section .oklt__item{grid-template-columns:2rem minmax(0,1fr) auto}.ok-look-teaser-section .oklt__info span{font-size:1.3rem;color:#ffffffd9}.ok-look-teaser-section .oklt__price{font-size:1.3rem;font-weight:500}.ok-look-teaser-section .oklt__total{padding:1.2rem 0 .4rem}.ok-look-teaser-section .oklt__total b{font-size:1.8rem}.ok-look-teaser-section .oklt__title{font-size:3rem}.ok-look-teaser-section .oklt__sub{margin-bottom:2rem;font-size:1.4rem}.ok-look-teaser-section .oklt__dot{width:2.2rem;height:2.2rem;font-size:1.1rem}.ok-look-teaser-section .oklt__hint{left:1.2rem;bottom:1.2rem}.ok-look-teaser-section .oklt__btn{width:100%}}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-ok-look-teaser.css.map */