.ls-sec .ls-hang{--hg-gap:10px;--hg-cord:20px;--hg-bar:4px;--hg-pad:6px;--hg-amp:1.3deg;max-width:880px;margin-inline:auto}@container (min-width:600px){.ls-sec .ls-hang{--hg-gap:20px;--hg-cord:28px;--hg-pad:14px;--hg-amp:1.8deg}}@container (min-width:900px){.ls-sec .ls-hang{--hg-gap:32px;--hg-cord:36px;--hg-pad:24px;--hg-amp:2deg}}.ls-sec .ls-hang__rail{position:relative}.ls-sec .ls-hang__bar{position:absolute;top:0;left:calc(var(--hg-gap) * -.8);right:calc(var(--hg-gap) * -.8);height:var(--hg-bar);background:var(--ls-ink);border-radius:var(--hg-bar)}.ls-sec .ls-hang__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--hg-gap)}.ls-sec .ls-hang__tab{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:calc(var(--hg-bar) + var(--hg-cord)) 0 0;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;font:inherit;color:inherit;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% calc(var(--hg-bar) / 2)}.ls-sec .ls-hang__cord{position:absolute;top:var(--hg-bar);left:50%;width:2px;height:var(--hg-cord);margin-left:-1px;background:var(--ls-ink)}.ls-sec .ls-hang__ring{position:absolute;top:calc(var(--hg-bar) / 2);left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;box-sizing:border-box;border:2px solid var(--ls-ink);border-radius:50%;background:var(--ls-paper)}.ls-sec .ls-hang__tile{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--ls-cream);border:1px solid var(--ls-line);border-radius:var(--ls-r-card,8px);transition:border-color .15s ease}.ls-sec .ls-hang__tile video,.ls-sec .ls-hang__tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 28%}.ls-sec .ls-hang__tile:after{content:"";position:absolute;z-index:1;top:7px;left:50%;width:10px;height:10px;margin-left:-5px;box-sizing:border-box;border:2px solid var(--ls-ink);border-radius:50%;background:var(--ls-paper)}.ls-sec .ls-hang__tab.has-cut .ls-hang__tile{background:transparent;border-color:transparent}.ls-sec .ls-hang__tab.has-cut .ls-hang__tile:after{display:none}.ls-sec .ls-hang__tab.has-cut[aria-selected=true] .ls-hang__tile{background:var(--ls-cream);border-color:var(--ls-ink)}.ls-sec .ls-hang__tile img.ls-hang__cut{box-sizing:border-box;padding:8%;object-fit:contain;object-position:50% 50%}.ls-sec .ls-hang__tag{position:relative;z-index:1;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:2px;margin:-10px var(--hg-pad) 0;padding:8px 6px 9px;background:var(--ls-paper);border:1px solid var(--ls-ink);border-radius:var(--ls-r-tag,0);transition:background-color .15s ease}.ls-sec .ls-hang__name{font-size:12px;font-weight:600;line-height:1.25;color:var(--ls-ink);overflow-wrap:anywhere;text-wrap:balance}.ls-sec .ls-hang__size{font-weight:400}.ls-sec .ls-hang__price{font-size:12px;font-weight:400;line-height:1.3;color:var(--ls-ink)}.ls-sec .ls-hang__st{font-size:11px;font-weight:400;line-height:1.3;color:var(--ls-ink)}@container (min-width:600px){.ls-sec .ls-hang__name,.ls-sec .ls-hang__price{font-size:14px}.ls-sec .ls-hang__st{font-size:12px}.ls-sec .ls-hang__tag{padding:10px 10px 11px}}@container (min-width:900px){.ls-sec .ls-hang__name{font-size:15px}}.ls-sec .ls-hang__tab[aria-selected=true] .ls-hang__tile{border-color:var(--ls-ink);box-shadow:0 0 0 1px var(--ls-ink)}.ls-sec .ls-hang__tab[aria-selected=true] .ls-hang__tag{background:var(--ls-lav)}.ls-sec .ls-hang__tab.is-out .ls-hang__tile{opacity:.55}@media(hover:hover){.ls-sec .ls-hang__tab:hover .ls-hang__tile{border-color:var(--ls-ink)}}@keyframes ls-hang-swing{0%{transform:rotate(0)}18%{transform:rotate(var(--hg-amp))}42%{transform:rotate(calc(var(--hg-amp) * -.75))}64%{transform:rotate(calc(var(--hg-amp) * .45))}82%{transform:rotate(calc(var(--hg-amp) * -.2))}to{transform:rotate(0)}}.ls-sec .ls-hang__tab.is-swing{animation:ls-hang-swing 1.6s cubic-bezier(.3,.1,.3,1) both}.ls-sec .ls-hang__panels{max-width:680px;margin:22px auto 0}@container (min-width:600px){.ls-sec .ls-hang__panels{margin-top:28px}}@keyframes ls-hang-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ls-sec .ls-hang__panel.is-in{animation:ls-hang-in .22s ease-out}.ls-sec .ls-hang__pmedia{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--ls-cream)}.ls-sec .ls-hang__pmedia video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@container (min-width:700px){.ls-sec .ls-hang__panels{max-width:880px}.ls-sec .ls-hang__panel.has-media{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.ls-sec .ls-hang__panel.has-media .ls-hang__pmedia{aspect-ratio:auto;min-height:100%}}@media(prefers-reduced-motion:reduce){.ls-sec .ls-hang__tab.is-swing,.ls-sec .ls-hang__panel.is-in{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/ls-hang.css.map */