.stl .m-fbtn,.stl .m-count,.stl .np,.stl .m-ov,.stl .m-pbar,.stl .m-peek,.stl .m-ovl,.stl .m-sheet{display:none}@media(max-width:760px){.stl .wrap{padding:0 var(--stl-space-gutter-small)}.stl button{-webkit-tap-highlight-color:transparent}.stl .head{padding:24px 0 18px}.stl .head .mono{font-size:10.5px}.stl .head h1{margin-top:10px;font-size:var(--stl-type-mobile-page-title)}.stl .head p{margin-top:10px;font-size:var(--stl-type-mobile-body);line-height:1.5}.stl .fstrip{position:sticky;top:var(--stl-head,var(--stl-size-mobile-header));z-index:30;margin:0 calc(-1 * var(--stl-space-gutter-small));background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--stl-color-line)}.stl .tabs{gap:24px;padding:0 var(--stl-space-gutter-small)}.stl .tab{height:var(--stl-size-tap);padding:0;font-size:14px}.stl .fbar{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:10px var(--stl-space-gutter-small);scrollbar-width:none}.stl .fbar::-webkit-scrollbar{display:none}.stl .fbar .chip{flex:none;height:var(--stl-size-tap);padding:0 16px}.stl .fbar .sp,.stl .fbar .selw,.stl .fbar>[data-filter=savedOnly],.stl .fbar>.count{display:none}.stl .m-fbtn{display:inline-flex;border-color:var(--stl-color-ink)}.stl .m-fbtn svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none}.stl .m-fbtn i{min-width:18px;height:18px;border-radius:var(--stl-radius-pill);background:var(--stl-color-ink);color:var(--stl-color-paper);font:600 10px/18px var(--stl-font-ui);font-style:normal;text-align:center;padding:0 5px}.stl .m-fbtn.on i{background:var(--stl-color-paper);color:var(--stl-color-ink)}.stl .m-count{display:flex;align-items:center;justify-content:space-between;padding:6px 0 8px}.stl .m-count .mono{color:var(--stl-color-ink2);font-size:10.5px}.stl .m-saved{height:var(--stl-size-tap);display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.stl .m-saved svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none}.stl .m-saved.on svg{fill:var(--stl-color-omes-red);stroke:var(--stl-color-omes-red)}.stl .grid,.stl.c3 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px;padding-bottom:48px}.stl .card{gap:0}.stl .card:hover .ph img{transform:none}.stl .tag{left:8px;top:8px;padding:5px 6px;font-size:9px}.stl .heart{right:2px;top:2px;width:var(--stl-size-tap);height:var(--stl-size-tap);background:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}.stl .heart:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:var(--stl-radius-pill);background:var(--stl-color-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1}.stl .heart svg{width:17px;height:17px}.stl .np{display:inline-flex;position:absolute;left:8px;bottom:8px;height:24px;padding:0 9px;border-radius:var(--stl-radius-pill);background:var(--stl-color-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;font-size:11px;font-weight:600}.stl .card h3{margin-top:10px;font-size:var(--stl-type-mobile-card-title);line-height:1.3}.stl .ln{font-size:12.5px;margin-top:3px}.stl .ln .mp{display:none}.stl .empty{padding:48px 0 96px;font-size:14px}.stl .dnav{display:none}.stl .detail{grid-template-columns:minmax(0,1fr);gap:0;padding:0}.stl .photo{position:relative;top:0;margin:0 calc(-1 * var(--stl-space-gutter-small));border-radius:0;overflow:hidden;touch-action:pan-y}.stl .photo img{border-radius:0}.stl .photo .tip{display:none}.stl .dot:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.stl.quiet .dot:after{top:-13px;right:-13px;bottom:-13px;left:-13px}.stl .m-ov{display:grid;place-items:center;width:var(--stl-size-tap);height:var(--stl-size-tap);border-radius:var(--stl-radius-pill);background:var(--stl-color-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 6px #00000014;color:var(--stl-color-ink)}.stl .m-ov svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}.stl .m-back{position:absolute;left:12px;top:12px;z-index:3}.stl .m-fav{position:absolute;right:12px;top:12px;z-index:3}.stl .m-fav.on svg{fill:var(--stl-color-omes-red);stroke:var(--stl-color-omes-red)}.stl .m-pbar{display:flex;position:absolute;left:12px;right:12px;bottom:12px;z-index:3;align-items:center;justify-content:space-between;transition:opacity .25s}.stl .m-pbar.hide{opacity:0;pointer-events:none}.stl .m-pos{height:32px;padding:0 12px;border-radius:var(--stl-radius-pill);background:var(--stl-color-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-flex;align-items:center;font-weight:600;color:var(--stl-color-ink)}.stl .m-pnav{display:flex;gap:8px}.stl .m-peek{display:grid;position:absolute;left:12px;right:12px;bottom:12px;z-index:4;background:var(--stl-color-paper);border-radius:var(--stl-radius-base);box-shadow:var(--stl-shadow-popover);padding:8px 4px 8px 8px;grid-template-columns:var(--stl-size-peek-thumb) minmax(0,1fr) auto auto;gap:10px;align-items:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s var(--stl-motion-ease),transform .3s var(--stl-motion-ease)}.stl .m-peek.on{opacity:1;transform:none;pointer-events:auto}.stl .m-peek .pth{width:var(--stl-size-peek-thumb);aspect-ratio:3/4;border-radius:var(--stl-radius-tag);overflow:hidden;background:var(--stl-color-wash)}.stl .m-peek .pth img{width:100%;height:100%;object-fit:cover;display:block}.stl .m-peek .pinfo{display:flex;flex-direction:column;min-width:0}.stl .m-peek .pinfo .mono{color:var(--stl-color-ink2);font-size:9.5px}.stl .m-peek .pinfo b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stl .m-peek .pinfo>span:last-child{font-size:12px}.stl .m-peek .pgo{height:var(--stl-size-tap);padding:0 10px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.stl .m-peek .px{width:var(--stl-size-tap);height:var(--stl-size-tap);display:grid;place-items:center}.stl .m-peek .px svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none}.stl .ihead{padding-top:20px}.stl .ihead .save{display:none}.stl .info h1{margin-top:8px;font-size:var(--stl-type-mobile-detail-title);line-height:1.08}.stl .desc{margin-top:10px;font-size:var(--stl-type-mobile-body);line-height:1.55}.stl .rows{margin-top:16px}.stl .row{grid-template-columns:22px 72px minmax(0,1fr);gap:12px;padding:16px 0}.stl .row .th{width:var(--stl-size-thumb-mobile)}.stl .ck{width:22px;height:22px;position:relative}.stl .ck:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}.stl .rname,.stl .rprice{font-size:14px}.stl .sizes{flex-wrap:nowrap;overflow-x:auto;margin:7px calc(-1 * var(--stl-space-gutter-small)) 0 -3px;padding:3px var(--stl-space-gutter-small) 3px 3px;scrollbar-width:none}.stl .sizes::-webkit-scrollbar{display:none}.stl .sz{flex:none;min-width:var(--stl-size-tap);height:var(--stl-size-tap)}.stl .swap{display:inline-flex;align-items:center;gap:6px;height:var(--stl-size-tap);margin:2px 0 -12px}.stl .swap svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;fill:none}.stl .row .alts{display:none}.stl .more{margin-top:32px;padding:28px 0 0!important}.stl .more h2{margin-bottom:16px;font-size:20px}.stl .more .grid{display:flex;gap:10px;overflow-x:auto;margin:0 calc(-1 * var(--stl-space-gutter-small));padding:0 var(--stl-space-gutter-small);scroll-snap-type:x mandatory;scroll-padding:0 var(--stl-space-gutter-small);scrollbar-width:none}.stl .more .grid::-webkit-scrollbar{display:none}.stl .more .card{flex:0 0 44%;scroll-snap-align:start}.stl[data-stl-detail] .wrap{padding-bottom:var(--stl-space-mobile-bottom-bar)}.stl .tot{position:fixed;left:0;right:0;bottom:var(--stl-bottom-offset,0px);z-index:45;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"msg msg" "tl cta";gap:8px 14px;align-items:center;padding:10px var(--stl-space-gutter-small) calc(10px + env(safe-area-inset-bottom));background:var(--stl-color-paper);border-top:1px solid var(--stl-color-line)}.stl .tot .msg{grid-area:msg;font-size:12.5px;line-height:1.4}.stl .tline{grid-area:tl;flex-direction:column;align-items:flex-start;gap:0}.stl .tline>span{font-size:12px}.stl .tline b{font-size:18px;letter-spacing:-.01em;white-space:nowrap}.stl .cta{grid-area:cta;height:var(--stl-size-mobile-cta);font-size:14px;white-space:nowrap}.stl .toast{bottom:calc(92px + var(--stl-bottom-offset,0px) + env(safe-area-inset-bottom));width:calc(100% - 32px);white-space:normal;font-size:13px;line-height:1.35;padding:12px 14px;gap:10px}.stl .toast a{margin-left:auto;white-space:nowrap}.stl .m-ovl{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:75;background:var(--stl-color-overlay);opacity:0;pointer-events:none;transition:opacity .3s}.stl .m-ovl.on{opacity:1;pointer-events:auto}.stl .m-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:76;max-height:86vh;background:var(--stl-color-paper);border-radius:var(--stl-radius-sheet);transform:translateY(100%);visibility:hidden;transition:transform var(--stl-motion-sheet) var(--stl-motion-ease),visibility 0s var(--stl-motion-sheet)}.stl .m-sheet.open{transform:none;visibility:visible;transition:transform var(--stl-motion-sheet) var(--stl-motion-ease)}.stl .m-sheet:before{content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:var(--stl-radius-pill);background:var(--stl-color-border)}.stl .m-shead{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 6px var(--stl-space-gutter-small);border-bottom:1px solid var(--stl-color-line)}.stl .m-shead h3{margin:0;font-size:16px;font-weight:600}.stl .m-shead button{width:var(--stl-size-tap);height:var(--stl-size-tap);display:grid;place-items:center}.stl .m-shead svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}.stl .m-sbody{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--stl-space-gutter-small) 8px}.stl .m-sec{padding:18px 0;border-bottom:1px solid var(--stl-color-line)}.stl .m-sec:last-child{border-bottom:0}.stl .m-sec h4{margin:0 0 12px;font-family:var(--stl-font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--stl-color-ink2)}.stl .m-pills{display:flex;flex-wrap:wrap;gap:8px}.stl .m-pills .chip{height:var(--stl-size-tap);padding:0 16px}.stl .m-swrow{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--stl-size-tap);font-size:14px;font-weight:500;text-align:left}.stl .m-sw{flex:none;width:44px;height:26px;border-radius:var(--stl-radius-pill);background:var(--stl-color-border);position:relative;transition:background .2s}.stl .m-sw:after{content:"";position:absolute;left:2px;top:2px;width:22px;height:22px;border-radius:var(--stl-radius-pill);background:var(--stl-color-paper);box-shadow:0 1px 3px #0003;transition:transform .2s var(--stl-motion-ease)}.stl .m-swrow.on .m-sw{background:var(--stl-color-ink)}.stl .m-swrow.on .m-sw:after{transform:translate(18px)}.stl .m-sfoot{display:flex;gap:10px;padding:12px var(--stl-space-gutter-small) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--stl-color-line)}.stl .m-b2{height:48px;padding:0 18px;border:1px solid var(--stl-color-ink);border-radius:var(--stl-radius-base);font-size:14px;font-weight:500}.stl .m-b1{flex:1;height:48px;border-radius:var(--stl-radius-base);background:var(--stl-color-ink);color:var(--stl-color-paper);font-size:14px;font-weight:600}.stl .m-ssub{margin:0;padding:12px 0 4px;font-size:13px;color:var(--stl-color-ink2)}.stl .m-arow{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px 0;border-bottom:1px solid var(--stl-color-line);text-align:left}.stl .m-arow:last-child{border-bottom:0}.stl .m-ath{width:56px;aspect-ratio:3/4;border-radius:var(--stl-radius-base);overflow:hidden;background:var(--stl-color-wash)}.stl .m-ath img{width:100%;height:100%;object-fit:cover;display:block}.stl .m-ainfo{display:flex;flex-direction:column;gap:2px;min-width:0}.stl .m-ainfo .mono{color:var(--stl-color-ink2);font-size:9.5px}.stl .m-ainfo b{font-size:14px;font-weight:500}.stl .m-ainfo>span:last-child{font-size:13px;color:var(--stl-color-ink2)}.stl .m-choose{height:36px;padding:0 14px;border:1px solid var(--stl-color-border);border-radius:var(--stl-radius-pill);font-size:13px;font-weight:500;display:grid;place-items:center}}@media(max-width:760px)and (prefers-reduced-motion:reduce){.stl .m-sheet,.stl .m-ovl,.stl .m-peek,.stl .m-pbar{transition:none}}@media(max-width:760px){body:has(.stl[data-stl-detail]) back-to-top{opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/stl-looks-mobile.css.map */