.stl{--ink:var(--stl-color-ink);--ink2:var(--stl-color-ink2);--line:var(--stl-color-line);--wash:var(--stl-color-wash);--bd:var(--stl-color-border);font-family:var(--stl-font-ui);color:var(--ink);background:var(--stl-color-paper);min-height:100vh}.stl *{box-sizing:border-box}.stl a{color:inherit;text-decoration:none}.stl a:hover{color:var(--stl-color-ink-hover)}.stl button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.stl .wrap{max-width:1440px;margin:0 auto;padding:0 48px}.stl .mono{font-family:var(--stl-font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.stl .head{padding:56px 0 36px}.stl .head .mono{color:var(--ink2)}.stl .head h1{margin:12px 0 0;font-size:clamp(40px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.02}.stl .head p{margin:16px 0 0;max-width:52ch;font-size:16px;line-height:1.55;color:var(--ink2);text-wrap:pretty}.stl .tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.stl .tabs::-webkit-scrollbar{display:none}.stl .tab{padding:14px 0 13px;font-size:15px;font-weight:500;color:var(--ink2);border-bottom:2px solid transparent;white-space:nowrap}.stl .tab:hover{color:var(--ink)}.stl .tab.on{color:var(--ink);border-bottom-color:var(--ink)}.stl .fbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:20px 0 32px}.stl .chip{height:36px;padding:0 14px;border:1px solid var(--bd);border-radius:999px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:border-color .15s,background .15s}.stl .chip:hover{border-color:var(--ink)}.stl .chip.on{background:var(--ink);border-color:var(--ink);color:var(--stl-color-paper)}.stl .chip svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none}.stl .chip.on svg{fill:currentColor}.stl .sp{flex:1}.stl .sel{height:36px;padding:0 34px 0 14px;border:1px solid var(--bd);border-radius:4px;font:500 13px var(--stl-font-ui);color:var(--ink);background:var(--stl-color-paper);-webkit-appearance:none;appearance:none;cursor:pointer}.stl .sel:hover{border-color:var(--ink)}.stl .selw{position:relative;display:inline-flex}.stl .selw svg{position:absolute;right:11px;top:50%;width:14px;height:14px;margin-top:-7px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.stl .count{color:var(--ink2);padding-left:6px}.stl .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 20px;padding-bottom:104px}.stl.c3 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stl .card{display:flex;flex-direction:column;gap:14px;cursor:pointer;min-width:0}.stl .ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--wash);border-radius:4px}.stl .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.stl .card:hover .ph img{transform:scale(1.03)}.stl .tag{position:absolute;left:12px;top:12px;background:var(--stl-color-paper);color:var(--ink);padding:6px 8px;border-radius:2px;font-family:var(--stl-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.stl .tag.ed{background:var(--ink);color:var(--stl-color-paper)}.stl .heart{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:999px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;transition:transform .15s}.stl .heart:hover{transform:scale(1.06)}.stl .heart svg{width:18px;height:18px;stroke:var(--ink);stroke-width:1.7;fill:none}.stl .heart.on svg{fill:var(--stl-color-omes-red);stroke:var(--stl-color-omes-red)}.stl .strip{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:6px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1)}.stl .card:hover .strip{opacity:1;transform:none}.stl .strip img{width:46px;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:2px;background:var(--stl-color-paper);box-shadow:0 0 0 2px var(--stl-color-paper)}.stl .card h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.stl .ln{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink2);margin-top:4px}.stl .ln b{color:var(--ink);font-weight:600;white-space:nowrap}.stl .empty{padding:72px 0 120px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:15px;color:var(--ink2)}.stl .empty p{margin:0}.stl .dnav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.stl .back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.stl .back:hover{text-decoration:underline;text-underline-offset:4px}.stl .pager{display:flex;align-items:center;gap:12px}.stl .pager .mono{color:var(--ink2);min-width:64px;text-align:center}.stl .pn{height:38px;padding:0 12px;border:1px solid var(--bd);border-radius:4px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:border-color .15s}.stl .pn:hover{border-color:var(--ink)}.stl .pn svg,.stl .back svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none}.stl .detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;padding:32px 0 96px;align-items:start}.stl .photo{position:sticky;top:calc(var(--stl-head,64px) + 24px);aspect-ratio:3/4;border-radius:4px;background:var(--wash)}.stl .photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.stl .dot{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;background:var(--stl-color-paper);color:var(--ink);font:600 12px/30px var(--stl-font-ui);text-align:center;box-shadow:0 2px 12px #00000038;transition:background .15s,color .15s,transform .2s,opacity .2s}.stl .dot:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:999px;border:1.5px solid rgba(255,255,255,.9);animation:stlp 2.4s cubic-bezier(.16,1,.3,1) infinite;pointer-events:none}.stl .dot:hover,.stl .dot.on{background:var(--ink);color:var(--stl-color-paper);transform:translate(-50%,-50%) scale(1.08);z-index:2}.stl .dot.off{opacity:.45}.stl .x0{left:0%}.stl .x2{left:2%}.stl .x4{left:4%}.stl .x6{left:6%}.stl .x8{left:8%}.stl .x10{left:10%}.stl .x12{left:12%}.stl .x14{left:14%}.stl .x16{left:16%}.stl .x18{left:18%}.stl .x20{left:20%}.stl .x22{left:22%}.stl .x24{left:24%}.stl .x26{left:26%}.stl .x28{left:28%}.stl .x30{left:30%}.stl .x32{left:32%}.stl .x34{left:34%}.stl .x36{left:36%}.stl .x38{left:38%}.stl .x40{left:40%}.stl .x42{left:42%}.stl .x44{left:44%}.stl .x46{left:46%}.stl .x48{left:48%}.stl .x50{left:50%}.stl .x52{left:52%}.stl .x54{left:54%}.stl .x56{left:56%}.stl .x58{left:58%}.stl .x60{left:60%}.stl .x62{left:62%}.stl .x64{left:64%}.stl .x66{left:66%}.stl .x68{left:68%}.stl .x70{left:70%}.stl .x72{left:72%}.stl .x74{left:74%}.stl .x76{left:76%}.stl .x78{left:78%}.stl .x80{left:80%}.stl .x82{left:82%}.stl .x84{left:84%}.stl .x86{left:86%}.stl .x88{left:88%}.stl .x90{left:90%}.stl .x92{left:92%}.stl .x94{left:94%}.stl .x96{left:96%}.stl .x98{left:98%}.stl .x100{left:100%}.stl .y0{top:0%}.stl .y2{top:2%}.stl .y4{top:4%}.stl .y6{top:6%}.stl .y8{top:8%}.stl .y10{top:10%}.stl .y12{top:12%}.stl .y14{top:14%}.stl .y16{top:16%}.stl .y18{top:18%}.stl .y20{top:20%}.stl .y22{top:22%}.stl .y24{top:24%}.stl .y26{top:26%}.stl .y28{top:28%}.stl .y30{top:30%}.stl .y32{top:32%}.stl .y34{top:34%}.stl .y36{top:36%}.stl .y38{top:38%}.stl .y40{top:40%}.stl .y42{top:42%}.stl .y44{top:44%}.stl .y46{top:46%}.stl .y48{top:48%}.stl .y50{top:50%}.stl .y52{top:52%}.stl .y54{top:54%}.stl .y56{top:56%}.stl .y58{top:58%}.stl .y60{top:60%}.stl .y62{top:62%}.stl .y64{top:64%}.stl .y66{top:66%}.stl .y68{top:68%}.stl .y70{top:70%}.stl .y72{top:72%}.stl .y74{top:74%}.stl .y76{top:76%}.stl .y78{top:78%}.stl .y80{top:80%}.stl .y82{top:82%}.stl .y84{top:84%}.stl .y86{top:86%}.stl .y88{top:88%}.stl .y90{top:90%}.stl .y92{top:92%}.stl .y94{top:94%}.stl .y96{top:96%}.stl .y98{top:98%}.stl .y100{top:100%}.stl.quiet .dot{width:18px;height:18px;font-size:0;line-height:18px;border:3px solid var(--stl-color-paper);background:#1a1a1a8c}.stl.quiet .dot.on,.stl.quiet .dot:hover{background:var(--ink)}.stl .tip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--stl-color-paper);color:var(--ink);padding:9px 12px;border-radius:4px;white-space:nowrap;text-align:left;font:400 12px/1.35 var(--stl-font-ui);box-shadow:0 8px 24px #00000024;pointer-events:none}.stl .dot.l .tip{left:auto;right:calc(100% + 10px)}.stl .tip b{display:block;font-size:13px;font-weight:600}@keyframes stlp{0%{transform:scale(.85);opacity:1}to{transform:scale(1.55);opacity:0}}@media(prefers-reduced-motion:reduce){.stl .dot:before{animation:none}.stl *{transition:none!important}}.stl .ihead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.stl .kick{color:var(--ink2)}.stl .info h1{margin:10px 0 0;font-size:clamp(32px,3.4vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.05}.stl .desc{margin:14px 0 0;font-size:15px;line-height:1.6;color:var(--ink2);max-width:48ch;text-wrap:pretty}.stl .save{flex:none;height:40px;padding:0 14px;border:1px solid var(--bd);border-radius:4px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:border-color .15s}.stl .save:hover{border-color:var(--ink)}.stl .save svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;fill:none}.stl .save.on svg{fill:currentColor}.stl .rows{margin-top:32px;border-top:1px solid var(--line)}.stl .row{display:grid;grid-template-columns:20px 88px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.stl .row.off .th,.stl .row.off .rmain{opacity:.4}.stl .row.off .rmain .ck{opacity:1}.stl .ck{width:20px;height:20px;border:1.5px solid var(--ink);border-radius:4px;display:grid;place-items:center;margin-top:2px}.stl .ck svg{width:13px;height:13px;stroke:var(--stl-color-paper);stroke-width:2.6;fill:none;opacity:0}.stl .ck.on{background:var(--ink)}.stl .ck.on svg{opacity:1}.stl .th{display:block;width:88px;aspect-ratio:3/4;border-radius:4px;background-color:var(--wash);position:relative;transition:outline-color .15s;outline:1.5px solid transparent;outline-offset:3px}.stl .th img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.stl .row.on .th{outline-color:var(--ink)}.stl .th em{position:absolute;left:6px;top:6px;width:20px;height:20px;border-radius:999px;background:var(--stl-color-paper);font:600 10px/20px var(--stl-font-ui);font-style:normal;text-align:center}.stl .rtop{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.stl .rbrand{color:var(--ink2);font-size:10.5px}.stl .rname{margin:4px 0 0;font-size:15px;font-weight:500;line-height:1.35}.stl .rprice{font-size:15px;font-weight:600;white-space:nowrap}.stl .swp{display:inline-block;margin-left:8px;padding:3px 6px;border-radius:2px;background:var(--wash);font-family:var(--stl-font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;vertical-align:2px}.stl .sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.stl .sz{min-width:42px;height:34px;padding:0 10px;border:1px solid var(--bd);border-radius:4px;font-size:13px;font-weight:500;transition:border-color .15s}.stl .sz:hover{border-color:var(--ink)}.stl .sz.on{border-color:var(--ink);outline:1.5px solid var(--ink);outline-offset:2px}.stl .row.err .sz{border-color:var(--stl-color-danger)}.stl .errt{margin:8px 0 0;font-size:12px;color:var(--stl-color-danger)}.stl .tu{margin:10px 0 0;font-size:13px;color:var(--ink2)}.stl .swap{margin-top:12px;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.stl .alts{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,120px));gap:10px;margin-top:14px}.stl .alt{display:flex;flex-direction:column;gap:6px;text-align:left;padding:8px;border:1px solid var(--bd);border-radius:4px;transition:border-color .15s}.stl .alt:hover{border-color:var(--ink)}.stl .alt .th{width:100%;margin-bottom:4px}.stl .an{font-size:12.5px;font-weight:500;line-height:1.35}.stl .ap{font-size:12.5px;color:var(--ink2)}.stl .tot{position:sticky;bottom:0;background:var(--stl-color-paper);padding:24px 0 16px;display:flex;flex-direction:column;gap:14px}.stl .tline{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.stl .tline>span{color:var(--ink2);font-size:14px}.stl .tline b{font-size:24px;font-weight:600;letter-spacing:-.02em}.stl .cta{height:54px;border-radius:4px;background:var(--ink);color:var(--stl-color-paper);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.stl .cta:hover{background:var(--stl-color-ink-hover)}.stl .cta:disabled{opacity:.35;cursor:not-allowed}.stl .cta svg{width:19px;height:19px;stroke:var(--stl-color-paper);stroke-width:1.7;fill:none}.stl .msg{margin:0;font-size:13px;color:var(--stl-color-danger)}.stl .more{border-top:1px solid var(--line);padding:56px 0 0}.stl .more .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stl .more h2{margin:0 0 28px;font-size:24px;font-weight:600;letter-spacing:-.02em}.stl .toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:var(--stl-color-paper);padding:14px 18px;border-radius:4px;display:flex;align-items:center;gap:14px;font-size:14px;z-index:80;box-shadow:0 12px 32px #00000038;white-space:nowrap}.stl .toast svg{width:18px;height:18px;stroke:var(--stl-color-paper);stroke-width:2;fill:none}.stl .toast a{color:var(--stl-color-paper);text-decoration:underline;text-underline-offset:4px;font-weight:600}@media(max-width:1100px){.stl .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stl .detail{gap:40px}}@media(max-width:900px){.stl .wrap{padding:0 24px}.stl .menu{display:none}.stl .menu+.icons{margin-left:auto}.stl .detail{grid-template-columns:minmax(0,1fr);gap:32px}.stl .photo{position:relative;top:0}}@media(max-width:760px){.stl .grid,.stl.c3 .grid,.stl .more .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.stl .row{grid-template-columns:20px 72px minmax(0,1fr);gap:12px}.stl .row .th{width:72px}.stl .alt .th{width:100%}.stl .strip{display:none}.stl .head{padding:36px 0 24px}}@media(max-width:560px){.stl .pn .pl{display:none}.stl .count{width:100%;padding:4px 0 0}}.stl [hidden]{display:none!important}.stl .sz:disabled{color:var(--stl-color-ink2);text-decoration:line-through;opacity:.5;cursor:not-allowed}.stl .sz:disabled:hover{border-color:var(--stl-color-border)}.stl .rname a:hover,.stl .card h3 a:hover{text-decoration:underline;text-underline-offset:3px}.stl .dot:focus-visible,.stl .chip:focus-visible,.stl .tab:focus-visible,.stl .sz:focus-visible,.stl .cta:focus-visible,.stl .heart:focus-visible{outline:2px solid var(--stl-color-ink);outline-offset:2px}.stl .heart:focus-visible,.stl .dot:focus-visible{outline-color:var(--stl-color-paper)}.stl .mos,.blh .mos,.blr .mos{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:2px;background:var(--stl-color-paper);grid-template-columns:1fr 1fr;grid-auto-rows:1fr;border-radius:inherit;overflow:hidden}.stl .mos img,.blh .mos img,.blr .mos img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;background:var(--stl-color-wash)}.stl .mos.n1,.blh .mos.n1,.blr .mos.n1{grid-template-columns:1fr}.stl .mos.n3 img:first-child,.blh .mos.n3 img:first-child,.blr .mos.n3 img:first-child{grid-row:span 2}.stl .mos.n0,.blh .mos.n0,.blr .mos.n0{background:var(--stl-color-wash)}.stl .photo .mos{border-radius:4px}.stl .sizes.cols+.sizes{margin-top:8px}.stl .sz.cl{padding:0 12px}@media(min-width:761px){.stl .more .grid>.card:nth-child(n+5){display:none}}.stl .head.gone{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-bottom:56px}.stl .head.gone .chip{margin-top:24px;height:44px}.stl .head.gone .chip svg{fill:none;stroke:currentColor}
/*# sourceMappingURL=/cdn/shop/t/5/assets/stl-looks.css.map */