.am-rack{--s: .36;--slot: 58px;--brass: #b08d57;--brass-hi: #e3c99a;overflow:hidden}.am-rack__eyebrow{display:flex;justify-content:center;align-items:center;gap:1.4rem;margin:0 0 2.4rem;font-size:1.2rem;letter-spacing:.24rem;text-transform:uppercase;color:rgba(var(--color-foreground),.8)}.am-rack__sep{width:.1rem;height:1.4rem;background:rgba(var(--color-foreground),.35)}.am-rack__stage{position:relative;display:block;height:calc(1250px * var(--s) + 70px)}.am-rack__rail{position:absolute;left:0;right:0;top:12px;height:4px;border-radius:4px;background:linear-gradient(180deg,var(--brass-hi),var(--brass) 55%,#8a6b3d);box-shadow:0 2px 4px #0000001f}.am-rack__track{position:relative;display:flex;justify-content:safe center;align-items:flex-start;height:100%;margin:0;padding:0 6vw;list-style:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.am-rack__track::-webkit-scrollbar{display:none}.am-rack__item{position:relative;flex:none;width:var(--slot);height:100%;transition:width .7s cubic-bezier(.2,.7,.2,1)}.am-rack__item.is-active{width:calc(var(--w) * var(--s) * 1px + 48px)}.am-rack__piece{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.am-rack__swing{--a: 0;position:absolute;top:0;left:50%;width:0;height:100%;transform:rotate(calc(var(--a) * 1deg));transform-origin:0 14px;perspective:2600px;will-change:transform}.am-rack__hook{position:absolute;top:0;left:-10px;width:20px;height:23px;color:var(--brass);z-index:2}.am-rack__turn{position:absolute;top:21px;left:calc(-320px * var(--s));width:calc(640px * var(--s));height:calc(1250px * var(--s));transform-style:preserve-3d;transform:rotateY(var(--ry, 0deg));transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.am-rack__item.is-left .am-rack__turn{--ry: -78deg;filter:brightness(.93)}.am-rack__item.is-right .am-rack__turn{--ry: 78deg;filter:brightness(.93)}.am-rack__hanger{position:absolute;top:0;left:calc(170px * var(--s));width:calc(300px * var(--s));height:calc(46px * var(--s));color:var(--brass)}.am-rack__img{position:absolute;left:calc(var(--x) * var(--s) * 1px);top:calc((var(--y) - 128) * var(--s) * 1px);width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px);max-width:none;object-fit:fill;filter:drop-shadow(0 10px 14px rgba(0,0,0,.12));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.am-rack__tag{position:absolute;top:26px;left:6px;z-index:3;padding:.3rem .6rem;font-size:1rem;letter-spacing:.08rem;text-transform:uppercase;white-space:nowrap;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:rotate(-6deg);transform-origin:0 0}.am-rack__info{max-width:52rem;margin:1.2rem auto 0;padding:0 2rem;text-align:center;min-height:12rem}.am-rack__name{margin:0;font-family:var(--font-heading-family);font-size:2.4rem;line-height:1.2;color:rgb(var(--color-foreground))}.am-rack__caption{margin:.6rem 0 0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.am-rack__cta.button{margin-top:1.6rem}.am-rack__info.is-swap .am-rack__name,.am-rack__info.is-swap .am-rack__caption{opacity:0;transform:translateY(.4rem)}.am-rack__name,.am-rack__caption{transition:opacity .3s ease,transform .3s ease}@media screen and (max-width:749px){.am-rack{--s: .27;--slot: 42px}.am-rack__track{justify-content:flex-start;padding:0 40vw;scroll-behavior:smooth}.am-rack__name{font-size:2rem}}@media(prefers-reduced-motion:reduce){.am-rack__item,.am-rack__turn{transition-duration:.01s}}.am-rack{--ds: .38;position:relative;scroll-margin-top:12rem}.am-rack__stage,.am-rack__info{transition:opacity .3s ease,transform .3s ease}.am-rack.is-leaving .am-rack__stage,.am-rack.is-leaving .am-rack__info{opacity:0;transform:translateY(-1.6rem)}.am-rack.is-open .am-rack__stage,.am-rack.is-open .am-rack__info{display:none}.am-rack__detail{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 2rem}.am-rack__detail[hidden]{display:none}.am-rack__close{position:absolute;top:0;right:4vw;z-index:3;width:4.4rem;height:4.4rem;display:grid;place-items:center;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.am-rack__drop{position:relative;width:calc(640px * var(--ds));height:calc(1250px * var(--ds) + 90px)}.am-rack__string{position:absolute;left:50%;top:-3.2rem;width:1px;height:calc(90px + 3.2rem);background:rgba(var(--color-foreground),.45);transform-origin:top}.am-rack__dswing{position:absolute;left:0;right:0;top:90px;bottom:0;transform-origin:50% -90px}.am-rack__dhanger{position:absolute;top:0;left:calc(170px * var(--ds));width:calc(300px * var(--ds));height:calc(46px * var(--ds));color:var(--brass)}.am-rack__dimg{position:absolute;left:calc(var(--x, 0) * var(--ds) * 1px);top:calc((var(--y, 128) - 128) * var(--ds) * 1px);width:calc(var(--w, 0) * var(--ds) * 1px);height:calc(var(--h, 0) * var(--ds) * 1px);max-width:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.14))}.am-rack__dinfo{text-align:center;max-width:52rem;margin-top:2.4rem}.am-rack__count{margin:0 0 .8rem;font-size:1.1rem;letter-spacing:.24rem;color:rgba(var(--color-foreground),.6)}.am-rack__dname{margin:0;font-family:var(--font-heading-family);font-size:2.8rem;font-weight:400;line-height:1.2}.am-rack__dsub{margin:.6rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.am-rack__dsub:empty{display:none}.am-rack__dnav{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:2rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.12)}.am-rack__arrow{width:4.4rem;height:4.4rem;display:grid;place-items:center;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:50%;background:none;color:rgb(var(--color-foreground));cursor:pointer}.am-rack__back{margin-top:1.4rem;padding:.4rem;border:0;background:none;font:inherit;font-size:1.2rem;letter-spacing:.12rem;text-transform:uppercase;text-decoration:underline;text-underline-offset:.4rem;color:rgba(var(--color-foreground),.75);cursor:pointer}.am-rack__detail.is-dropping .am-rack__string{animation:am-rack-string .9s cubic-bezier(.2,.8,.2,1) both}.am-rack__detail.is-dropping .am-rack__dswing{animation:am-rack-drop .9s cubic-bezier(.2,.8,.2,1) both,am-rack-sway 2.2s .6s ease-out both}.am-rack__detail.is-dropping .am-rack__dinfo{animation:am-rack-fade .6s .45s ease both}@keyframes am-rack-string{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes am-rack-drop{0%{opacity:0;translate:0 -70%}to{opacity:1;translate:0 0}}@keyframes am-rack-sway{0%{rotate:0deg}20%{rotate:3.2deg}45%{rotate:-2deg}65%{rotate:1deg}82%{rotate:-.4deg}to{rotate:0deg}}@keyframes am-rack-fade{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@media screen and (max-width:749px){.am-rack{--ds: .3;scroll-margin-top:7rem}.am-rack__close{right:1.6rem}.am-rack__dname{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.am-rack__detail.is-dropping .am-rack__string,.am-rack__detail.is-dropping .am-rack__dswing,.am-rack__detail.is-dropping .am-rack__dinfo{animation:none}}.am-rack.is-open .am-rack__eyebrow{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/amaris-rack.css.map */