clothes-rail{--cr-bg: #eceae5;--cr-fg: #111;--cr-band-bg: #111;--cr-band-fg: #eceae5;--cr-muted: color-mix(in srgb, var(--cr-fg) 50%, transparent);--cr-line: color-mix(in srgb, var(--cr-fg) 14%, transparent);--cr-display: var(--heading-font-family, inherit);--cr-label: var(--base-font-family, inherit);--cr-mono: ui-monospace, "SFMono-Regular", "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--cr-ease: cubic-bezier(.2, .8, .2, 1);--cr-w: 320px;--cr-ratio: 1.25;--cr-pad: clamp(18px, 3.2vw, 56px);--cr-float: 7s;display:block;color:var(--cr-fg);background:var(--cr-bg)}clothes-rail *,clothes-rail *:before,clothes-rail *:after{box-sizing:border-box}clothes-rail button{font:inherit;color:inherit}.cr-stage{position:relative;height:var(--cr-h, 700px);overflow:hidden;outline:none;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:radial-gradient(55% 65% at 50% 42%,#fff9,#fff0 72%),radial-gradient(120% 90% at 50% 50%,#0000 60%,#0000000b)}.cr-stage:focus-visible{box-shadow:inset 0 0 0 1px var(--cr-fg)}.cr-stage{background-color:var(--cr-tint, var(--cr-bg));transition:background-color 1.4s ease}.cr-word{position:absolute;z-index:0;left:0;right:0;top:var(--cr-word-y, 45%);transform:translateY(-50%);display:flex;justify-content:center;pointer-events:none;white-space:nowrap}.cr-word span{font-family:var(--cr-display);font-weight:700;font-size:clamp(110px,20vw,360px);line-height:.8;letter-spacing:-.055em;text-transform:uppercase;color:color-mix(in srgb,var(--cr-fg) 5.5%,transparent);transition:opacity .6s ease,transform 1s var(--cr-ease),filter .7s ease}.is-swap .cr-word span{opacity:0;transform:translateY(5%) scale(.985);filter:blur(8px)}.cr-no-word .cr-word{display:none}.cr-top{position:absolute;z-index:5;top:0;left:0;right:0;height:64px;padding:0 var(--cr-pad);display:flex;align-items:center;justify-content:space-between;font:500 10.5px/1 var(--cr-label);letter-spacing:.22em;text-transform:uppercase}.cr-kicker{color:var(--cr-fg)}.cr-count{color:var(--cr-muted);font-variant-numeric:tabular-nums}.cr-count b{color:var(--cr-fg);font-weight:500}.cr-items{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.cr-item{position:absolute;left:0;top:0;width:var(--cr-w);height:calc(var(--cr-w) * var(--cr-ratio));transform-origin:50% 100%;transition:transform 1.1s var(--cr-ease),opacity .7s ease;will-change:transform}.cr-item.no-anim,.cr-init .cr-item,.cr-init .cr-word span{transition:none!important}.cr-hang{display:block;position:relative;height:100%;color:inherit;text-decoration:none;cursor:pointer;transition:transform .9s var(--cr-ease);-webkit-tap-highlight-color:transparent}.cr-sway{display:block;height:100%}.cr-media{position:relative;display:block;width:100%;height:100%;transition:filter .9s ease,opacity .7s ease}.cr-media .cr-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;pointer-events:none}.is-cutout .cr-img{object-fit:contain;object-position:50% 0;transform:translate(calc(var(--cr-w) * var(--cr-shift-x, 0)),calc(var(--cr-w) * (var(--cr-shift, 0) + var(--cr-offset, 0) / 100)));filter:drop-shadow(0 2px 3px rgba(0,0,0,.06)) drop-shadow(0 18px 22px rgba(0,0,0,.06))}.is-cutout:not(.is-fitted) .cr-media{opacity:0}.is-photo .cr-img{object-fit:cover;object-position:50% 30%;border-radius:2px;box-shadow:0 30px 50px -30px #00000073}.cr-floor{position:absolute;z-index:0;left:50%;top:calc(100% + var(--cr-w) * var(--cr-offset, 0) / 100 + var(--cr-w) * .045);width:calc(var(--cr-w) * var(--cr-gw, .8) * .92);height:calc(var(--cr-w) * .085);transform:translate(-50%,-50%);pointer-events:none;transition:transform .9s var(--cr-ease),opacity .9s ease}.cr-floor:before,.cr-floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:cr-shadow var(--cr-float) ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.3s)}.cr-floor:before{background:radial-gradient(closest-side,rgba(0,0,0,.2),rgba(0,0,0,.08) 55%,transparent);filter:blur(7px)}.cr-floor:after{top:32%;right:18%;bottom:32%;left:18%;background:radial-gradient(closest-side,rgba(0,0,0,.22),transparent);filter:blur(3px)}.is-photo .cr-floor{display:none}.cr-sway{animation:cr-float var(--cr-float) ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.3s)}@keyframes cr-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--cr-w) * -.03))}}@keyframes cr-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.88);opacity:.72}}.cr-still .cr-sway,.cr-still .cr-floor:before,.cr-still .cr-floor:after{animation:none}.cr-item.is-arriving .cr-hang{animation:cr-arrive 1.2s var(--cr-ease)}@keyframes cr-arrive{0%{transform:translateY(calc(var(--cr-w) * -.05))}to{transform:translateY(0)}}.cr-item.is-hover .cr-hang{transform:translateY(calc(var(--cr-w) * -.025))}.cr-item.is-hover .cr-floor{transform:translate(-50%,-50%) scale(.9);opacity:.75}.cr-item[data-depth="1"] .cr-media{filter:saturate(.85) brightness(.98) contrast(.95);opacity:.92}.cr-item[data-depth="2"] .cr-media{filter:saturate(.7) brightness(.97) contrast(.9) blur(.8px);opacity:.75}.cr-item[data-depth="3"] .cr-media{filter:saturate(.6) blur(1.4px);opacity:.6}.cr-item[data-depth="1"] .cr-floor{opacity:.8}.cr-item[data-depth="2"] .cr-floor,.cr-item[data-depth="3"] .cr-floor{opacity:.5}.cr-media{translate:calc(var(--px, 0) * var(--pf, 1) * 14px) calc(var(--py, 0) * var(--pf, 1) * 8px);rotate:calc(var(--px, 0) * var(--pf, 1) * .8deg)}.cr-floor{translate:calc(var(--px, 0) * var(--pf, 1) * 6px) 0}.cr-word span{translate:calc(var(--px, 0) * -28px) calc(var(--py, 0) * -12px)}.cr-pre .cr-hang{opacity:0;translate:0 calc(var(--cr-w) * .2);transition:opacity 1s ease calc(.15s + var(--dpos, 0) * .13s),translate 1.5s var(--cr-ease) calc(.15s + var(--dpos, 0) * .13s),transform .9s var(--cr-ease)}clothes-rail.cr-pre .cr-item .cr-floor{opacity:0;scale:.3;transition:opacity 1.2s ease calc(.35s + var(--dpos, 0) * .13s),scale 1.5s var(--cr-ease) calc(.35s + var(--dpos, 0) * .13s)}.cr-pre .cr-word span{clip-path:inset(-20% 100% -20% 0);transition:clip-path 1.8s cubic-bezier(.7,0,.2,1) .1s,opacity .6s ease,transform 1s var(--cr-ease),filter .7s ease}.cr-pre .cr-top,.cr-pre .cr-info,.cr-pre .cr-actions,.cr-pre .cr-progress{opacity:0;translate:0 18px;transition:opacity .9s ease,translate 1.2s var(--cr-ease)}.cr-pre .cr-top{transition-delay:.2s}.cr-pre .cr-info{transition-delay:.6s}.cr-pre .cr-actions{transition-delay:.75s}.cr-pre .cr-progress{transition-delay:.9s}.cr-pre.is-revealed .cr-hang{opacity:1;translate:0 0}clothes-rail.cr-pre.is-revealed .cr-item .cr-floor{opacity:1;scale:1}.cr-pre.is-revealed .cr-word span{clip-path:inset(-20% 0 -20% 0)}.cr-pre.is-revealed .cr-top,.cr-pre.is-revealed .cr-info,.cr-pre.is-revealed .cr-actions,.cr-pre.is-revealed .cr-progress{opacity:1;translate:0 0}.cr-bottom{position:absolute;z-index:6;left:0;right:0;bottom:0;padding:0 var(--cr-pad) clamp(22px,2.6vw,34px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px}.cr-info>*,.cr-actions .cr-price{transition:transform .6s var(--cr-ease),opacity .4s ease}.is-swap .cr-info>*,.is-swap .cr-actions .cr-price{opacity:0;transform:translateY(10px)}.cr-info .cr-name{transition-delay:.05s}.cr-meta{min-height:11px;margin:0 0 12px;font:500 10.5px/1 var(--cr-label);letter-spacing:.22em;text-transform:uppercase;color:var(--cr-muted)}.cr-name{margin:0;font-family:var(--cr-display);font-weight:var(--heading-font-weight, 500);font-style:var(--heading-font-style, normal);font-size:clamp(30px,3.4vw,56px);line-height:1;letter-spacing:-.035em;text-wrap:balance;color:var(--cr-fg)}.cr-actions{display:flex;align-items:center;gap:clamp(20px,3vw,44px);padding-bottom:4px}.cr-price{display:flex;gap:10px;align-items:baseline;margin:0;white-space:nowrap;font:500 13px/1 var(--cr-label);letter-spacing:.08em;font-variant-numeric:tabular-nums}.cr-price s{color:var(--cr-muted)}.cr-price s:empty{display:none}.cr-cta{position:relative;display:inline-flex;align-items:center;gap:14px;padding:14px 0;color:var(--cr-fg)!important;text-decoration:none!important;white-space:nowrap;font:500 11px/1 var(--cr-label);letter-spacing:.22em;text-transform:uppercase}.cr-cta:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform-origin:100% 50%;transition:transform .6s var(--cr-ease)}.cr-cta svg{width:24px;height:12px;transition:transform .6s var(--cr-ease)}.cr-cta:hover:after{transform:scaleX(0)}.cr-cta:hover svg{transform:translate(6px)}.cr-cta:focus-visible{outline:1px solid var(--cr-fg);outline-offset:6px}.cr-arrows{display:flex;gap:4px;padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--cr-line)}.cr-arrow{width:44px;height:44px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer;opacity:.55;transition:opacity .3s ease,transform .4s var(--cr-ease)}.cr-arrow svg{width:26px;height:13px}.cr-arrow:hover{opacity:1}.cr-arrow[data-dir="-1"]:hover{transform:translate(-3px)}.cr-arrow[data-dir="1"]:hover{transform:translate(3px)}.cr-arrow:focus-visible{opacity:1;outline:1px solid var(--cr-fg);outline-offset:2px}.cr-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:2px;background:var(--cr-line)}.cr-progress span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cr-fg);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.1s var(--cr-ease)}.cr-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;text-align:center;font:12px/1.5 var(--cr-label);color:var(--cr-muted)}.cr-band{overflow:hidden;background:var(--cr-band-bg);color:var(--cr-band-fg)}.cr-band-track{display:flex;width:max-content;animation:cr-marquee 45s linear infinite}.cr-band-group{display:flex}.cr-band span{display:inline-flex;align-items:center;gap:36px;padding:13px 0 13px 36px;font:500 10.5px/1 var(--cr-label);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}.cr-band span:after{content:"\2715";font-size:8px;opacity:.5}@keyframes cr-marquee{to{transform:translate(-50%)}}@media(max-width:749px){.cr-stage{height:var(--cr-h-m, 600px)}.cr-top{height:48px;font-size:9.5px;letter-spacing:.18em}.cr-word span{font-size:34vw}.cr-bottom{grid-template-columns:1fr;gap:12px;padding-bottom:18px}.cr-name{font-size:28px}.cr-meta{margin-bottom:8px}.cr-actions{justify-content:space-between;gap:16px;padding-bottom:0}.cr-arrows{border-left:0;padding-left:0;margin-left:auto}}@media(prefers-reduced-motion:reduce){.cr-item,.cr-info>*,.cr-word span,.cr-progress span,.cr-hang{transition-duration:.01ms!important}.cr-sway,.cr-floor:before,.cr-floor:after,.cr-item .cr-hang{animation:none!important}.cr-band-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/clothes-rail.css.map */