.otp-stl{--stl-line: rgba(0, 0, 0, .12);--stl-muted: #6b6b6b;--stl-faint: #9a9a9a;--stl-save: #2c6249;--stl-ease: cubic-bezier(.22, .61, .36, 1);--stl-pad: 16px;--stl-gap: 12px;display:block;background:var(--stl-bg, #faf8f5);color:#16130f;padding-block:var(--stl-pt, 36px) var(--stl-pb, 40px);font-family:Inter,var(--font-body--family, sans-serif)}.otp-stl__inner{max-width:1180px;margin-inline:auto}.otp-stl__head{text-align:center;padding-inline:var(--stl-pad);margin-bottom:16px}.otp-stl__eyebrow{margin:0;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--stl-muted)}.otp-stl__title{margin:7px 0 0;font-family:var(--font-heading--family, "Barlow Condensed", sans-serif);font-weight:700;font-size:clamp(24px,6.2vw,30px);line-height:1.04;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}.otp-stl__sub{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--stl-muted);text-wrap:balance}.otp-stl__stage{position:relative}.otp-stl__track{display:flex;gap:var(--stl-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:0;scroll-padding-inline:0;margin-inline-start:var(--stl-pad);width:calc(100% - 2 * var(--stl-pad));scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.otp-stl__track::-webkit-scrollbar{display:none}.otp-stl__slide{flex:0 0 100%;scroll-snap-align:start;min-width:0}.otp-stl__card{height:100%;background:#fff;border:1px solid var(--stl-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.otp-stl__media{position:relative;aspect-ratio:3 / 4;max-height:330px;background:#efece7;overflow:hidden;flex:0 0 auto}.otp-stl__media img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}.otp-stl__tag{position:absolute;top:9px;left:9px;padding:4px 8px 5px;border-radius:3px;background:#ffffffed;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.otp-stl__proof{position:absolute;left:9px;bottom:9px;right:9px;display:inline-flex;align-items:center;gap:7px;width:fit-content;max-width:calc(100% - 18px);padding:5px 11px 5px 6px;border-radius:999px;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 10px #00000021}.otp-stl__faces{display:flex;flex:0 0 auto}.otp-stl__face{width:19px;height:19px;border-radius:50%;border:1.5px solid #fff;background:#d8d3cb;display:flex;align-items:center;justify-content:center}.otp-stl__face+.otp-stl__face{margin-left:-7px}.otp-stl__face:nth-child(2){background:#c8c2b8}.otp-stl__face:nth-child(3){background:#b9b2a7}.otp-stl__face svg{width:10px;height:10px;fill:#ffffffe6}.otp-stl__proof-txt{min-width:0;line-height:1.15}.otp-stl__proof-n{display:block;font-size:12px;font-weight:700;color:#16130f}.otp-stl__proof-l{display:block;font-size:11px;color:var(--stl-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otp-stl__panel{padding:11px 12px 13px;display:flex;flex-direction:column;flex:1 1 auto}.otp-stl__panel-title{display:none}.otp-stl__items{list-style:none;margin:0;padding:0}.otp-stl__item{display:flex;align-items:baseline;gap:8px;padding-block:4px;border-bottom:1px solid rgba(0,0,0,.06);font-size:12.5px;line-height:1.3}.otp-stl__item:last-child{border-bottom:0}.otp-stl__item-name{flex:1 1 auto}.otp-stl__item-price{flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--stl-muted)}.otp-stl__totals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;padding:7px 8px;border:1px solid var(--stl-line);border-radius:9px;background:#fbfaf8;text-align:center}.otp-stl__total-l{display:block;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--stl-faint);white-space:nowrap}.otp-stl__total-v{display:block;margin-top:2px;font-family:var(--font-heading--family, "Barlow Condensed", sans-serif);font-weight:700;font-size:16px;line-height:1;font-variant-numeric:tabular-nums}.otp-stl__total--was .otp-stl__total-v{text-decoration:line-through;color:var(--stl-faint)}.otp-stl__total--save .otp-stl__total-v{color:var(--stl-save)}.otp-stl__total--now .otp-stl__total-v{font-size:19px}.otp-stl__sizes{margin-top:9px;display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.otp-stl__field{display:grid;gap:3px;min-width:0}.otp-stl__label{font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otp-stl__select{width:100%;min-height:40px;padding:8px 28px 8px 10px;border:1px solid var(--stl-line);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center / 10px;font-family:inherit;font-size:13.5px;color:#16130f;-webkit-appearance:none;appearance:none;cursor:pointer}.otp-stl__select:focus{outline:none;border-color:#000}.otp-stl__buy{width:100%;min-height:42px;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #16130f;border-radius:999px;background:#16130f;color:#fff;font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .25s var(--stl-ease),color .25s var(--stl-ease)}.otp-stl__buy>span{padding-top:9px}.otp-stl__buy svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;flex:0 0 auto}@media(hover:hover){.otp-stl__buy:hover:not(:disabled){background:#fff;color:#16130f}}.otp-stl__buy:disabled{opacity:.45;cursor:default}.otp-stl__buy.is-done{background:var(--stl-save);border-color:var(--stl-save);color:#fff}.otp-stl__note{margin:6px 0 0;text-align:center;font-size:11px;color:var(--stl-muted);min-height:1.1em}.otp-stl__note a{color:#16130f}.otp-stl__arrow{display:none;position:absolute;top:130px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--stl-line);background:#fff;box-shadow:0 3px 14px #0000001f;color:#16130f;cursor:pointer;padding:0;align-items:center;justify-content:center}.otp-stl__arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.otp-stl__arrow--prev{left:4px}.otp-stl__arrow--prev svg{transform:scaleX(-1)}.otp-stl__arrow--next{right:4px}.otp-stl__arrow:disabled{opacity:0;pointer-events:none}.otp-stl__dots{display:flex;justify-content:center;gap:5px;margin-top:13px}.otp-stl__dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#0000002e;cursor:pointer;transition:background .3s var(--stl-ease),width .3s var(--stl-ease)}.otp-stl__dot[aria-current=true]{width:17px;border-radius:3px;background:#16130f}.otp-stl__empty{text-align:center;padding:26px var(--stl-pad);color:var(--stl-muted);font-size:13px}@media screen and (min-width:750px){.otp-stl{--stl-pad: 40px;--stl-gap: 14px}.otp-stl__head{margin-bottom:20px}.otp-stl__title{font-size:clamp(28px,3vw,36px)}.otp-stl__sub{font-size:13.5px}.otp-stl__slide{flex:0 0 calc((100% - var(--stl-gap)) / 2)}.otp-stl__arrow{display:flex}}@media screen and (min-width:1100px){.otp-stl{--stl-gap: 16px}.otp-stl__slide{flex:0 0 calc((100% - 2 * var(--stl-gap)) / 3)}.otp-stl__media{max-height:340px}}@media(prefers-reduced-motion:reduce){.otp-stl__buy{transition:none}.otp-stl__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/otp-shop-the-look.css.map */