.definitions{position:absolute;overflow:hidden;pointer-events:none}.showroom{padding:0 6% 26px}.collection{--columns:2;--col:calc(min(88vw,1500px) / var(--columns));container-type:inline-size;max-width:1500px;margin:12px auto 0}@supports (width:1cqw){.collection{--col:calc(100cqw / var(--columns))}}@media(min-width:650px){.collection{--columns:3}}@media(min-width:1100px){.collection{--columns:4}}@media(min-width:1700px){.collection{--columns:5}}.rack-grid{--row:calc(var(--col) * 1.18);--gap:calc(var(--col) * .08);--rail:max(2px,calc(var(--col) * .007));list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;row-gap:var(--gap)}.rack-item{flex:0 0 calc(100% / var(--columns));position:relative;min-width:0;height:var(--row)}.rack-item:before{content:"";position:absolute;z-index:0;left:0;right:0;top:calc(var(--col) * .07);height:var(--rail);background:linear-gradient(#89968c,#c9d1c7);box-shadow:0 1px #ffffff90;pointer-events:none}.rack-grid--long{--row:calc(var(--col) * 1.6);margin-top:var(--gap)}.rack-grid--long .piece-motion{inset-block-end:calc(var(--col) * .22)}.rack-grid--long.is-revealing .piece-motion{animation-delay:calc(var(--i,0) * 45ms + .15s)}.piece{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;outline:0;touch-action:pan-y;cursor:pointer}.piece-motion{position:absolute;inset:0 0 calc(var(--col) * .19);transform-origin:50% calc(var(--col) * .06);transform:translateY(0) rotate(0) scale(1);transition:none}.is-loading .piece-motion{opacity:0}.is-revealing .piece-motion{animation:hang-in .55s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)}.shelf-grid.is-revealing .piece-motion{animation-delay:calc(var(--i,0) * 45ms + .3s)}@keyframes hang-in{0%{opacity:0;transform:translateY(-2%)}to{opacity:1;transform:none}}.hanger{position:absolute;left:50%;top:calc(var(--col) * .048);width:calc(var(--col) * .55);height:auto;aspect-ratio:260/122;transform:translate(-50%);overflow:visible;pointer-events:none}.garment-visual{position:absolute;inset:calc(var(--col) * .13) calc(var(--col) * .05) 0;overflow:clip;overflow-clip-margin:14px;pointer-events:none}.garment-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 0;filter:drop-shadow(0 .6cqw .6cqw #2135280b)}.piece[data-hanger=clips] .hanger{z-index:1}.piece[data-hanger=clips] .garment-visual{inset:calc(var(--col) * .19) calc(var(--col) * .1) 0}.piece[data-hanger=hood] .garment-visual{inset:calc(var(--col) * .1) calc(var(--col) * .03) 0}.shelf-grid{position:relative;list-style:none;margin:calc(var(--col) * .18) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;row-gap:calc(var(--col) * .1)}.shelf-item{flex:0 0 calc(100% / var(--columns));position:relative;min-width:0;height:calc(var(--col) * .72)}.shelf-item:before{content:"";position:absolute;z-index:0;left:0;right:0;bottom:calc(var(--col) * .13);height:max(3px,calc(var(--col) * .01));background:linear-gradient(#c9d1c7,#89968c);box-shadow:0 2px 4px #21352814;pointer-events:none}.shelf-item .piece-motion{transform-origin:50% 100%}.piece[data-hanger=shelf] .garment-visual{top:6%;right:22%;bottom:2px;left:22%}.piece[data-hanger=shelf] .garment-visual img{object-position:50% 100%;filter:drop-shadow(0 .5cqw .5cqw #21352826)}.piece[data-hanger=shelf] .sold-sign{top:52%}.hanger-logo{opacity:.5;transition:opacity .3s ease}.piece.is-active .hanger-logo,.piece:focus-visible .hanger-logo{opacity:.95}.sold-sign{position:absolute;top:59%;left:50%;transform:translate(-50%,-50%) rotate(-7deg);padding:.8em 1.3em;background:#bd2927;color:#fff;font-size:clamp(8px,calc(var(--col) * .034),11px);font-weight:700;letter-spacing:.12em;line-height:1;white-space:nowrap;box-shadow:0 2px 5px #25100820;pointer-events:none}.piece-caption{position:absolute;top:calc(100% - var(--col) * .125);left:3%;right:3%;text-align:center;font-size:clamp(9px,calc(var(--col) * .037),13px);font-weight:700;letter-spacing:.025em;line-height:1.4;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .2s ease}.piece-info{display:block;margin-top:.2em;font-size:.9em;color:var(--muted)}.piece-info .buy-cue{margin-left:.9em;text-decoration:underline;text-underline-offset:3px}.piece:focus-visible{outline:1px solid var(--muted);outline-offset:4px;border-radius:2px}.piece.is-active .piece-motion,.rack-grid:not(.is-interactive) .piece:focus-visible .piece-motion,.shelf-grid:not(.is-interactive) .piece:focus-visible .piece-motion{transform:translateY(-2.5%) rotate(var(--tilt,0deg)) scale(1.07)}.piece.is-active .piece-caption,.rack-grid:not(.is-interactive) .piece:focus-visible .piece-caption{opacity:1}@media(hover:hover)and (pointer:fine){.rack-grid:not(.is-interactive) .piece:hover .piece-motion,.shelf-grid:not(.is-interactive) .piece:hover .piece-motion{transform:translateY(-2.5%) rotate(var(--tilt,0deg)) scale(1.07)}.rack-grid:not(.is-interactive) .piece:hover .piece-caption{opacity:1}}@media(prefers-reduced-motion:reduce){.piece-motion{transform:none!important;transition:none!important;animation:none!important}}.piece{display:block;color:inherit}.piece-motion,.garment-visual,.piece-caption,.piece-name{display:block}.rack-empty{padding:80px 0;text-align:center;font-size:13px;color:var(--muted)}.rack-pages{display:flex;justify-content:center;gap:24px;margin:40px 0 0;font-size:12px}.rack-pages a{text-decoration:underline;text-underline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ditto-rack.css.map */