.stl{--ink: var(--color-foreground);--ink-2: var(--color-text-secondary, var(--color-foreground));--muted: var(--color-text-tertiary, var(--color-text-secondary));--paper: var(--color-background);--paper-2: var(--color-fill-default, var(--color-fill-light));--card: var(--color-fill-light, var(--color-background));--line: var(--color-border-default);--line-2: var(--color-border-light, var(--color-border-default));--ease: cubic-bezier(.22, .61, .36, 1);--r-sm: var(--stl-radius, 14px);--r: var(--stl-radius, 14px);--stl-pin: color-mix(in srgb, var(--color-foreground) 30%, transparent);width:100%;font-family:var(--font-body--family);color:var(--ink)}.stl__inner{width:100%;margin:0 auto}.stl .mono-num{font-variant-numeric:tabular-nums}.stl__head{margin-bottom:clamp(22px,3vw,40px)}.stl__empty{border:1px dashed var(--line);border-radius:var(--r-sm);padding:clamp(28px,5vw,56px);text-align:center;color:var(--muted);font-size:14px}.stl__lookbook{display:grid;grid-template-columns:var(--stl-thumb-w, 84px) 1fr;gap:clamp(16px,2vw,28px);align-items:start}.stl__thumbs{display:flex;flex-direction:column;gap:12px}.stl__thumb{aspect-ratio:3 / 4;cursor:pointer;opacity:.5;transition:opacity .25s var(--ease);border:1px solid transparent;border-radius:var(--r-sm);overflow:hidden;padding:0;background:var(--paper-2)}.stl__thumb img,.stl__thumb svg{display:block;width:100%;height:100%;object-fit:cover}.stl__thumb.active,.stl__thumb:hover{opacity:1}.stl__stage{position:relative;aspect-ratio:var(--stl-stage-ar, 16 / 10);overflow:hidden;border-radius:var(--r-sm);background:var(--paper-2)}.stl__figure{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}.stl__figure.is-show{opacity:1;pointer-events:auto}.stl__figimg{width:100%;height:100%;object-fit:var(--stl-fit, cover);display:block}.stl__hotspot{position:absolute;width:var(--stl-pin-size, 26px);height:var(--stl-pin-size, 26px);z-index:4;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--paper);background:var(--stl-pin);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:0}.stl__hotspot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--paper);animation:stl-ping 2.4s var(--ease) infinite}.stl__hotspot span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--stl-pin-glyph, var(--paper));font-size:16px;line-height:1}.stl__hotspot--number span{font-size:12px;font-weight:600}.stl__hotspot.is-active{background:var(--stl-active, var(--ink))}@keyframes stl-ping{0%{transform:scale(1);opacity:.8}80%,to{transform:scale(2.1);opacity:0}}.stl__hotcard{position:absolute;z-index:6;width:var(--stl-card-w, 224px);background:var(--stl-card-bg, var(--card));border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;gap:12px;align-items:center;box-shadow:var(--stl-card-shadow, 0 18px 50px -24px rgba(0, 0, 0, .4));opacity:0;transform:translateY(6px) scale(.98);pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease)}.stl__hotcard.show{opacity:1;transform:none;pointer-events:auto}.stl__hcfig{width:56px;height:70px;flex:none;border-radius:calc(var(--r) - 6px);overflow:hidden;background:var(--paper-2);display:block}.stl__hcfig img,.stl__hcfig svg{width:100%;height:100%;object-fit:cover;display:block}.stl__hcbody{min-width:0;display:flex;flex-direction:column;gap:2px}.stl__hcname{font-size:13.5px;font-weight:var(--stl-name-fw, 600);letter-spacing:-.01em;color:var(--ink);text-decoration:none}.stl__hcname:hover{text-decoration:underline;text-underline-offset:2px}.stl__hcprice{font-size:13px;color:var(--ink-2)}.stl__hcadd{align-self:flex-start;margin-top:10px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;background:var(--color-primary-6, var(--ink));color:var(--color-primary-text, var(--paper));border:1px solid var(--color-primary-6, var(--ink));padding:8px 16px;border-radius:100px;cursor:pointer;transition:opacity .2s var(--ease)}.stl__hcadd:hover{opacity:.9}.stl__lists,.stl__list{display:none}.stl__list.is-show{display:block}.stl__listhead{padding:14px 0 6px}.stl__listname{font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.stl__row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.stl__row:last-child{border-bottom:1px solid var(--line)}.stl__rowfig{width:58px;height:72px;border-radius:var(--r-sm);overflow:hidden;background:var(--paper-2);display:block}.stl__rowfig img,.stl__rowfig svg{width:100%;height:100%;object-fit:cover;display:block}.stl__rowmeta{min-width:0;display:flex;flex-direction:column;gap:3px}.stl__rowname{font-size:14px;font-weight:var(--stl-name-fw, 600);letter-spacing:-.01em;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl__rowprice{font-size:13px;color:var(--ink-2)}.stl__rowadd{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--color-primary-6, var(--ink));border-radius:100px;background:var(--color-primary-6, var(--ink));color:var(--color-primary-text, var(--paper));cursor:pointer;white-space:nowrap}.stl__rowadd:hover{opacity:.9}.stl-sheet__intro{font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);margin:0 0 20px}.stl-sheet__product{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--color-border-light)}.stl-sheet__product:first-of-type{border-top:none;padding-top:0}.stl-sheet__pimg{width:64px;height:64px;border-radius:var(--radius-lg, 8px);object-fit:cover;flex-shrink:0;background:var(--color-fill-default)}.stl-sheet__pbody{flex:1;min-width:0}.stl-sheet__ptitle{font-family:var(--font-heading--family);font-size:var(--font-size-base, 16px);font-weight:500;color:var(--color-foreground);margin-bottom:12px}.stl-sheet__group{margin-bottom:14px}.stl-sheet__group:last-child{margin-bottom:0}.stl-sheet__group-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:8px}.stl-sheet__values{display:flex;flex-wrap:wrap;gap:8px}.stl-sheet__pill{font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px);padding:8px 14px;border:1px solid var(--color-border-default);border-radius:var(--vp-option-radius, var(--radius-full, 100px));background:transparent;color:var(--color-foreground);cursor:pointer}.stl-sheet__pill.is-selected{background:var(--vp-selected, var(--color-foreground));color:var(--color-background);border-color:var(--vp-selected, var(--color-foreground))}.stl-sheet__pill.is-unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed}.stl-sheet__swatch{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--color-border-default);border-radius:var(--vp-option-radius, var(--radius-full, 100px));background:transparent;color:var(--color-foreground);cursor:pointer;font-family:var(--font-body--family);font-size:var(--font-size-sm, 14px)}.stl-sheet__swatch.is-selected{border-color:var(--vp-selected, var(--color-foreground));box-shadow:inset 0 0 0 1px var(--vp-selected, var(--color-foreground))}.stl-sheet__swatch.is-unavailable{opacity:.4;cursor:not-allowed}.stl-sheet__chip{width:var(--vp-chip-size, 18px);height:var(--vp-chip-size, 18px);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;flex-shrink:0}.stl-sheet__add{width:100%;margin-top:20px;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:100px;background:var(--color-foreground);color:var(--color-background);border:none;font-family:var(--font-body--family);font-size:14px;font-weight:600;cursor:pointer}.stl--thumbs-right .stl__lookbook{grid-template-columns:1fr var(--stl-thumb-w, 84px)}.stl--thumbs-right .stl__thumbs{order:2}.stl--thumbs-right .stl__stage{order:1}.stl--thumbs-top .stl__lookbook{grid-template-columns:1fr}.stl--thumbs-top .stl__thumbs{flex-direction:row;overflow-x:auto}.stl--thumbs-top .stl__thumb{flex:none;width:var(--stl-thumb-w, 84px)}.stl--no-thumbs .stl__lookbook{grid-template-columns:1fr}.stl--no-thumbs .stl__thumbs,.stl--no-price .stl__hcprice,.stl--no-price .stl__rowprice,.stl--no-add .stl__hcadd,.stl--no-add .stl__rowadd{display:none}@media screen and (max-width:820px){.stl__lookbook,.stl--thumbs-right .stl__lookbook{grid-template-columns:64px 1fr}}@media screen and (max-width:749px){.stl__lookbook{grid-template-columns:1fr}.stl__thumbs{flex-direction:row;overflow-x:auto}.stl__thumb{flex:none;width:64px}.stl__hotspot,.stl__hotcard{display:none}.stl__lists{display:block;margin-top:18px}}@media(prefers-reduced-motion:reduce){.stl__hotspot:before{animation:none}.stl__figure{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shop-the-look.css.map */