.stl,.stl-modal{--bg: #0a0a0a;--panel: #121212;--panel-2: #181818;--line: rgba(255,255,255,.09);--line-2: rgba(255,255,255,.18);--ink: #f2f2ee;--muted: #9a9a94;--accent: #dfff4f;--accent-rgb: 223, 255, 79;--head: Garet-Heavy, "Arial Black", system-ui, sans-serif;--body: Garet-Book, LeagueSpartan-Light, system-ui, -apple-system, "Segoe UI", sans-serif;--ease: cubic-bezier(.2, .7, .2, 1)}.stl{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--body);padding:clamp(28px,5vw,64px) 0 clamp(56px,7vw,96px);overflow-x:clip;-webkit-font-smoothing:antialiased}.stl *,.stl *:before,.stl *:after,.stl-modal *,.stl-modal *:before,.stl-modal *:after{box-sizing:border-box}.stl-wrap{max-width:1240px;margin:0 auto;padding-inline:16px}@media(min-width:768px){.stl-wrap{padding-inline:40px}}.stl-head{margin-bottom:clamp(22px,3.5vw,44px)}.stl-h1{margin:0;font:400 clamp(34px,7vw,76px)/.95 var(--head);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}.stl-h1 span{color:var(--accent)}.stl-why{margin:18px 0 0;display:inline-flex;align-items:center;gap:12px;max-width:100%;padding:10px 14px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:14px;background:rgba(var(--accent-rgb),.05);color:var(--muted);font-size:14px;line-height:1.35}.stl-why b{flex:none;color:var(--accent);font:400 15px/1 var(--head);white-space:nowrap}.stl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:22px}@media(min-width:640px){.stl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.stl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}}.stl-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.stl-card__media{position:relative;display:block;width:100%;aspect-ratio:4 / 5;padding:0;margin:0;border:0;background:var(--panel-2);cursor:pointer;overflow:hidden}.stl-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}@media(hover:hover){.stl-card__media:hover .stl-card__img{transform:scale(1.03)}}.stl-card__media:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.stl-chip{position:absolute;top:12px;z-index:1;padding:7px 10px;border-radius:999px;font:400 12px/1 var(--head);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.stl-chip--lime{left:12px;background:var(--accent);color:#0a0a0a}.stl-chip--dark{right:12px;background:#0a0a0ac7;color:var(--ink);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stl-card__body{container-type:inline-size;display:flex;flex-direction:column;flex:1;padding:16px 16px 18px}@media(min-width:768px){.stl-card__body{padding:18px 20px 20px}}.stl-card__title{margin:0;font:400 clamp(19px,2vw,22px)/1.05 var(--head);text-transform:uppercase;letter-spacing:-.005em;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}.stl-card__meta{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.stl-price{margin:10px 0 0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}.stl-price s{color:var(--muted);font-size:14px}.stl-price strong{color:var(--accent);font:400 20px/1 var(--head)}.stl-card__actions{margin-top:auto;padding-top:14px;display:flex;gap:8px}.stl-card__actions .stl-btn{flex:1 1 auto;min-height:48px;padding:0 10px;font-size:clamp(11px,3.6cqi,13px);letter-spacing:.03em}@container (max-width: 299px){.stl-card__actions{flex-direction:column}}.stl-card__err{margin:10px 0 0;color:#ff8a7a;font-size:13px}.stl-cl-short{display:none}@media(max-width:639.98px){.stl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.stl-card{border-radius:14px}.stl-chip{top:8px;padding:5px 7px;font-size:10.5px}.stl-chip--lime{left:8px}.stl-chip--dark{display:none}.stl-card__body{padding:10px 10px 12px}.stl-card__title{font-size:14px;line-height:1.1}.stl-card__meta{margin-top:4px;display:flex;flex-direction:column;font-size:11.5px;line-height:1.3}.stl-card__meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl-meta-sep{display:none}.stl-price{margin-top:8px;flex-wrap:wrap;gap:0 6px}.stl-price s{font-size:12px}.stl-price strong{font-size:15px}.stl-card__actions{flex-direction:column;gap:6px;padding-top:10px}.stl-card__actions .stl-btn{flex:none;width:100%;min-height:40px;padding:0 8px;border-radius:10px;font-size:11px;letter-spacing:.03em}.stl-card__err{font-size:12px}}@container (max-width: 144.98px){.stl-cl-long{display:none}.stl-cl-short{display:inline}}.stl-empty{margin:24px 0 0;color:var(--muted)}.stl-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;border:1px solid var(--accent);background:var(--accent);color:#0a0a0a;font:400 13px/1 var(--head);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s,background .2s,border-color .2s,color .2s}.stl-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(hover:hover){.stl-btn:hover{transform:translateY(-1px);box-shadow:0 0 30px rgba(var(--accent-rgb),.3)}}.stl-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}@media(hover:hover){.stl-btn--ghost:hover{border-color:var(--ink);box-shadow:none}}.stl-btn.is-busy{color:transparent!important;pointer-events:none}.stl-btn.is-busy:after{content:"";position:absolute;width:18px;height:18px;border:2px solid #0a0a0a;border-right-color:transparent;border-radius:50%;animation:stl-spin .7s linear infinite}.stl-btn--ghost.is-busy:after{border-color:var(--ink);border-right-color:transparent}.stl-btn--wide{width:100%}@keyframes stl-spin{to{transform:rotate(360deg)}}body.template-collection.template-suffix-shop-the-look .plp-sticky-cart{display:none!important}body.template-collection.template-suffix-shop-the-look{padding-bottom:0!important}html.stl-lock,html.stl-lock body{overflow:hidden}.stl-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6000;color:var(--ink);font:400 15px/1.45 var(--body);-webkit-font-smoothing:antialiased}.stl-modal[hidden]{display:none}.stl-modal__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a8;opacity:0;transition:opacity .22s}.stl-modal.is-open .stl-modal__bg{opacity:1}.stl-pop{position:absolute;left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -20px 60px #00000080;transform:translateY(100%);transition:transform .26s var(--ease);outline:none;overflow:hidden}.stl-modal.is-open .stl-pop{transform:none}.stl-pop__grab{flex:none;width:44px;height:5px;margin:8px auto 4px;border-radius:9px;background:var(--line-2)}.stl-pop__x{position:absolute;top:10px;right:10px;z-index:3;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line-2);border-radius:999px;background:#0a0a0ad9;color:var(--ink);cursor:pointer}.stl-pop__x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stl-pop__inner{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.stl-pop__media{display:flex;flex-direction:column;align-items:center;padding:4px 16px 0}.stl-pop__img{position:relative;margin:0 auto;aspect-ratio:var(--r);height:min(44vh,calc((100vw - 32px) / var(--rn)));max-width:100%;border-radius:14px;background:var(--panel-2)}.stl-pop__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:14px}.stl-pop__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:14px;background:#000}.stl-pop__img.has-video .stl-dot,.stl-pop__img.has-video .stl-tip{display:none}.stl-dot{position:absolute;z-index:1;width:28px;height:28px;margin:-14px 0 0 -14px;display:grid;place-items:center;padding:0;border:2px solid #0a0a0a;border-radius:50%;background:var(--accent);color:#0a0a0a;font:400 12px/1 var(--head);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.35),0 4px 12px #00000073;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s}.stl-dot:focus-visible{outline:2px solid #fff;outline-offset:2px}.stl-dot.is-active{transform:scale(1.22);box-shadow:0 0 0 3px #fff,0 6px 16px #00000080;z-index:2}.stl-tip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;max-width:230px;padding:6px 12px 6px 6px;border:1px solid var(--line-2);border-radius:12px;background:#0a0a0aeb;box-shadow:0 10px 30px #00000080;transform:translate(-50%,calc(-100% - 22px));pointer-events:none;white-space:nowrap}.stl-tip.is-below{transform:translate(-50%,22px)}.stl-tip[hidden]{display:none}.stl-tip img{flex:none;width:44px;height:44px;border-radius:8px;object-fit:cover}.stl-tip span{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.25}.stl-tip small{display:block;color:var(--muted);font-size:12px}.stl-vbtn{margin:10px auto 0;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:#0a0a0ad1;color:var(--ink);font:400 11px/1 var(--head);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stl-vbtn svg{color:var(--accent)}.stl-pop__body{padding:16px 16px 8px}.stl-pop__title{margin:0;padding-right:44px;font:400 clamp(20px,2.2vw,26px)/1.05 var(--head);text-transform:uppercase;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere}.stl-why--pop{display:flex;margin:12px 0 4px}.stl-items{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.stl-item{display:grid;grid-template-columns:24px 52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s;outline:none}.stl-item:focus-visible{border-color:var(--line-2)}.stl-item.is-active{background:rgba(var(--accent-rgb),.07);border-color:rgba(var(--accent-rgb),.45)}.stl-item__n{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#0a0a0a;font:400 11px/1 var(--head)}.stl-item__th{width:52px;height:52px;border-radius:10px;overflow:hidden;background:var(--panel-2)}.stl-item__th img{width:100%;height:100%;object-fit:cover;display:block}.stl-item__txt{min-width:0;display:flex;flex-direction:column;gap:4px}.stl-item__name{font-size:14px;line-height:1.25;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stl-item__size{align-self:flex-start;padding:3px 7px;border:1px solid var(--line-2);border-radius:7px;color:var(--muted);font-size:11.5px;line-height:1.1;white-space:nowrap}.stl-item__pr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.stl-item__pr s{color:var(--muted);font-size:12px}.stl-item__pr span{font-size:15px;color:var(--ink)}.stl-pop__foot{position:sticky;bottom:0;z-index:4;container-type:inline-size;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--panel);text-align:center}.stl-l-short{display:none}@container (max-width: 389px){.stl-l-long{display:none}.stl-l-short{display:inline}}.stl-pop__sum{margin:8px 0 0;white-space:nowrap;font-variant-numeric:tabular-nums}.stl-pop__sum s{color:var(--muted);font-size:13px}.stl-pop__sum strong{color:var(--accent);font:400 15px/1 var(--head)}.stl-pop__note{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.35}@media(min-width:900px){.stl-pop{left:50%;top:50%;right:auto;bottom:auto;width:auto;max-width:94vw;max-height:90vh;border-radius:20px;border-bottom:1px solid var(--line);transform:translate(-50%,-46%);opacity:0;transition:transform .24s var(--ease),opacity .2s}.stl-modal.is-open .stl-pop{transform:translate(-50%,-50%);opacity:1}.stl-pop__grab{display:none}.stl-pop__inner{display:grid;grid-template-columns:auto 440px;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.stl-pop__media{grid-row:1 / 3;padding:16px}.stl-pop__img{height:min(80vh,760px,calc((94vw - 472px) / var(--rn)))}.stl-pop__media{justify-content:center}.stl-pop__body{min-height:0;overflow-y:auto;padding:24px 24px 8px 8px}.stl-pop__foot{position:static;padding:14px 24px 20px 8px;border-top:0}}@media(prefers-reduced-motion:reduce){.stl-card__img,.stl-pop,.stl-modal__bg,.stl-dot,.stl-btn{transition:none}.stl-btn.is-busy:after{animation-duration:2s}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/stl.css.map */