.apc-rack{--w: min(64vw, 280px);--slot: calc(var(--w) * .42);--hanger: calc(var(--w) * .2);--drop: calc(var(--w) * .12);background:#fff;color:#000;padding:52px 0 48px;overflow:hidden;position:relative;isolation:isolate;z-index:0}@media screen and (min-width:750px){.apc-rack{--w: 320px;padding:80px 0 72px}}.apc-rack--hero{padding-top:28px}@media screen and (min-width:750px){.apc-rack{--w: 300px}.apc-rack--hero{padding-top:32px}.apc-rack--hero .apc-rack__head{margin-bottom:22px}.apc-rack--hero .apc-rack__track{padding-bottom:20px}}.apc-rack__head{max-width:780px;margin:0 auto 32px;padding:0 16px;text-align:center}.apc-rack .apc-rack__title{margin:0 0 10px;font-family:var(--apc-serif);font-weight:500;font-size:clamp(3.4rem,9vw,5.6rem);line-height:1.05;letter-spacing:-.02em;color:#000}.apc-rack .apc-rack__sub{margin:0;font-family:var(--apc-sans);font-size:1.7rem;line-height:1.5;color:#000;text-wrap:balance}.apc-rack__empty{text-align:center;padding:0 16px}.apc-rack__stage{position:relative}.apc-rack .apc-rack__rail{display:block;position:absolute;left:0;right:0;top:calc(var(--hanger) / 60 * 16 - 3px);height:6px;border-radius:3px;background:#000}.apc-rack__track{position:relative;display:flex;margin:0;padding:0 calc(50% - var(--slot) / 2) 40px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;outline:none;cursor:grab;touch-action:pan-x pan-y}.apc-rack__track::-webkit-scrollbar{display:none}.apc-rack.is-dragging .apc-rack__track{cursor:grabbing;scroll-snap-type:none}.apc-rack__track:focus-visible{outline:2px solid #000;outline-offset:-2px}.apc-rack__item{position:relative;flex:0 0 var(--slot);height:calc(var(--drop) + var(--w));scroll-snap-align:center}.apc-rack__link{position:absolute;top:0;left:50%;width:var(--w);height:100%;margin-left:calc(var(--w) / -2);display:block;color:#000;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;pointer-events:none}.apc-rack__link .apc-rack__turn{pointer-events:auto}.apc-rack__link:focus-visible .apc-rack__face{outline:2px solid #000;outline-offset:4px;border-radius:12px}.apc-rack__turn,.apc-rack__sway{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 0;transform-style:preserve-3d}.apc-rack__turn{transition:transform .6s cubic-bezier(.2,.75,.2,1);will-change:transform}.apc-rack.is-moving .apc-rack__turn{transition:none}.apc-rack__item.is-swaying .apc-rack__sway{animation:apc-rack-sway 1.2s cubic-bezier(.3,.6,.3,1)}@keyframes apc-rack-sway{0%{transform:rotate(0)}22%{transform:rotate(2deg)}48%{transform:rotate(-1.3deg)}72%{transform:rotate(.6deg)}to{transform:rotate(0)}}.apc-rack__hanger{position:absolute;top:0;left:50%;width:var(--hanger);height:auto;color:#000;transform:translate(-50%) translateZ(1px)}.apc-rack__hanger--behind{transform:translate(-50%) translateZ(-1px) rotateY(180deg)}.apc-rack__face{position:absolute;top:var(--drop);left:0;width:100%;height:auto;aspect-ratio:1;object-fit:contain;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.apc-rack__face--front{transform:rotateY(180deg)}.apc-rack__info{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;max-width:600px;margin:0 auto;padding:0 16px}.apc-rack .apc-rack__arrow{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:999px;background:transparent;color:#000;cursor:pointer;box-shadow:none}.apc-rack__arrow svg{width:30px;height:30px}.apc-rack__arrow:disabled{visibility:hidden}.apc-rack__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.apc-rack__caption{min-height:108px;text-align:center}.apc-rack .apc-rack__name{margin:0 0 6px;font-family:var(--apc-serif);font-weight:500;font-size:clamp(2.4rem,6vw,3rem);line-height:1.15;color:#000}.apc-rack .apc-rack__color{font-weight:500}.apc-rack .apc-rack__price{margin:0;font-family:var(--apc-sans);font-weight:600;font-size:1.9rem;color:#000}.apc-rack .apc-rack__count{margin:6px 0 0;font-family:var(--apc-sans);font-size:1.5rem;color:#000}.apc-rack__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;padding:0 16px}.apc-rack .apc-rack__shop,.apc-rack .apc-rack__flip{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;font-family:var(--apc-sans);font-weight:600;font-size:1.7rem;line-height:1;text-decoration:none;cursor:pointer;box-shadow:none}.apc-rack .apc-rack__shop{background:#000;color:#fff;border:1px solid #000}.apc-rack .apc-rack__flip{background:#fff;color:#000;border:1px solid #000}@media screen and (max-width:749px){.apc-rack__actions{flex-direction:column;align-items:center}.apc-rack .apc-rack__shop,.apc-rack .apc-rack__flip{width:min(100%,300px)}}.apc-rack .apc-rack__flip[hidden]{display:none}.apc-rack__shop:focus-visible,.apc-rack__flip:focus-visible{outline:2px solid #000;outline-offset:3px}@media(prefers-reduced-motion:reduce){.apc-rack__turn{transition:none}.apc-rack__item.is-swaying .apc-rack__sway{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/apollo-rack.css.map */