.clothing-rail{margin-top:20px;min-width:0}.clothing-rail-head h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:800;color:var(--primary,#17354a);overflow-wrap:anywhere}.clothing-rail-head h3 svg{flex-shrink:0}.clothing-rail-head p{margin:4px 0 0;color:var(--muted-foreground,#52616b)}.clothing-rail-groups{display:grid;gap:12px}.clothing-rail-groups>.clothing-rail-group{margin:0}.clothing-rail-group .expand-heading>h4{margin:0;font-size:1.05rem;font-weight:800;color:var(--primary,#17354a)}.clothing-rail-line{list-style:none;margin:0;padding:10px 4px 12px;position:relative;display:grid;gap:18px 12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));overflow:hidden}@media(min-width:640px){.clothing-rail-line{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.clothing-rail-group.expand-card>.clothing-rail-line{margin-inline:12px}.clothing-rail-hang{position:relative;padding-top:14px;min-width:0;--len:18px}.clothing-rail-hang:nth-child(3n+2){--len:25px}.clothing-rail-hang:nth-child(3n){--len:32px}.clothing-rail-hang:before{content:"";position:absolute;top:0;inset-inline:-7px;height:4px;border-radius:4px;background:var(--primary,#17354a)}.clothing-rail-hang:last-child:before{inset-inline-end:-2000px}.clothing-rail-swinger{position:relative;padding-top:var(--len);transform-origin:50% -12px}.clothing-rail-string{position:absolute;top:-12px;left:50%;width:2px;height:calc(var(--len) + 22px);margin-left:-1px;background:color-mix(in srgb,var(--primary,#17354a) 22%,#fff)}.clothing-rail-string:before{content:"";position:absolute;top:-2px;left:-5px;width:12px;height:8px;border:2px solid var(--primary,#17354a);border-bottom:0;border-radius:8px 8px 0 0}.clothing-rail-line[data-armed]:not(.is-swung) .clothing-rail-swinger{opacity:0}.clothing-rail-line.is-swung .clothing-rail-swinger{animation:clothing-rail-swing 1.5s cubic-bezier(.23,1,.32,1) both}.clothing-rail-line.is-swung .clothing-rail-hang:nth-child(2) .clothing-rail-swinger{animation-delay:90ms}.clothing-rail-line.is-swung .clothing-rail-hang:nth-child(3) .clothing-rail-swinger{animation-delay:.18s}.clothing-rail-line.is-swung .clothing-rail-hang:nth-child(4) .clothing-rail-swinger{animation-delay:.27s}.clothing-rail-line.is-swung .clothing-rail-hang:nth-child(5) .clothing-rail-swinger{animation-delay:.36s}.clothing-rail-line.is-swung .clothing-rail-hang:nth-child(n+6) .clothing-rail-swinger{animation-delay:.45s}@keyframes clothing-rail-swing{0%{opacity:0;transform:rotate(16deg)}12%{opacity:1}30%{transform:rotate(-9deg)}52%{transform:rotate(5deg)}72%{transform:rotate(-2deg)}to{opacity:1;transform:none}}.clothing-tag{position:relative;perspective:900px;min-width:0}.clothing-tag-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.clothing-tag-face{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;background:#fff;border:1px solid var(--border,#d3dce2);box-shadow:0 1px 2px rgba(23,53,74,.06),0 8px 24px -12px rgba(23,53,74,.18);padding:22px 12px 12px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px);border-radius:0 0 10px 10px}.clothing-tag-hole{position:absolute;top:7px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--background,#f5f7fa);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary,#17354a) 22%,#fff)}.clothing-tag-kind{font-size:.75rem;font-weight:700;color:var(--muted-foreground,#52616b)}.clothing-tag-face h5{margin:0;font-size:1rem;font-weight:800;line-height:1.45;color:var(--primary,#17354a);overflow-wrap:anywhere}.clothing-tag-near{margin:0;font-size:.8rem;font-weight:700;color:var(--primary,#17354a)}.clothing-tag-btn{margin-top:auto;justify-content:center;padding:0 10px;border-radius:8px;border:1px solid var(--primary,#17354a);background:#fff;font:inherit;text-decoration:none;text-align:center;cursor:pointer}.clothing-tag-btn,.clothing-tag-offer{display:inline-flex;align-items:center;min-height:44px;color:var(--primary,#17354a);font-size:.875rem;font-weight:700;line-height:1.4}.clothing-tag-offer{overflow-wrap:anywhere}.clothing-tag-offer.is-quiet{font-weight:500}.clothing-tag-face.is-back{margin-top:6px;background:color-mix(in srgb,var(--primary,#17354a) 8%,#fff)}.clothing-tag :is(.clothing-tag-btn,.clothing-tag-offer):focus-visible{outline:3px solid var(--ring);outline-offset:2px}.clothing-tag.is-armed .clothing-tag-in>.clothing-tag-face{grid-area:1/1;margin:0;backface-visibility:hidden;transition:transform .5s cubic-bezier(.23,1,.32,1)}.clothing-tag.is-armed .clothing-tag-face.is-back{transform:rotateY(180deg)}.clothing-tag.is-armed.is-flipped .clothing-tag-face.is-front{transform:rotateY(-180deg)}.clothing-tag.is-armed.is-flipped .clothing-tag-face.is-back{transform:rotateY(0)}@media (prefers-reduced-motion:reduce){.clothing-rail *,.clothing-rail :after,.clothing-rail :before{animation:none!important;transition:none!important}.clothing-rail-line[data-armed]:not(.is-swung) .clothing-rail-swinger{opacity:1}}