/* FADE Rail. Source: prototype/src/fade-rail.css, built by tests/tools/build.mjs. Colours and type come from the theme variables only, the chrome rail is the one literal-grey material block. */
fade-rail{--rail-ease:cubic-bezier(.35,.1,.2,1);--rail-turn-ms:.38s;--rail-leave-ms:.3s;--rail-shift-ms:.44s;--rail-overlap:.06;--rail-seq-ms:.42s;--rail-seq-leave-ms:.4s;--rail-out:cubic-bezier(.16,1,.3,1);--rail-chrome-bar:linear-gradient(180deg,#fff 0%,#d8d9da 18%,#8e9092 50%,#d0d1d2 78%,#6d6f71 100%);--rail-chrome-plate:linear-gradient(90deg,#fff 0%,#d8d9da 18%,#8e9092 50%,#d0d1d2 78%,#6d6f71 100%);--rail-chrome-highlight:#fff;--rail-font:var(--base-font-family,sans-serif);--rail-display:var(--heading-font-family,var(--rail-font));--rail-head:var(--heading-color,var(--body-heading-color));--rail-text:var(--body-text-color);--rail-pitch:9cqw;--rail-card-w:40cqw;--rail-hem-max:calc(var(--rail-card-w)*1.117 + 14px);--rail-label-in:.18s;--rail-loupe:240px;--rail-loupe-zoom:2;--rail-hook-y:-2px;display:block;position:relative;overflow:hidden;background:rgb(var(--color-scheme-1-color));color:rgb(var(--rail-text));font-family:var(--rail-font);-webkit-font-smoothing:antialiased}fade-rail .fade-rail__container,fade-rail .fade-rail__ticker{visibility:visible}fade-rail .fade-rail__container{max-height:none;overflow:visible}fade-rail.use-color-scheme--2{background:rgb(var(--color-scheme-2-color))}fade-rail *,fade-rail *:before,fade-rail *:after{box-sizing:border-box}fade-rail :focus-visible{outline:2px solid rgb(var(--rail-head));outline-offset:2px}.fade-rail__garment:focus-visible{outline:0}.fade-rail__garment:focus-visible:after{content:"";position:absolute;left:50%;top:-4px;bottom:auto;width:var(--rail-hit-w,var(--rail-pitch));height:calc(var(--rail-hem-max) + 8px);translate:-50% 0;border-radius:4px;outline:2px solid rgb(var(--rail-head));outline-offset:2px}.fade-rail__dots{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgb(var(--body-input-border-color,217 217 218)/.5) 1px,transparent 1.2px);background-size:40px 40px;background-position:20px 20px}.fade-rail__container{position:relative;max-width:1440px;margin:0 auto;padding:96px 120px 72px}.fade-rail__head{text-align:center;margin:0 0 72px}.fade-rail__eyebrow{margin:0 0 12px;font:700 12px/16px var(--rail-font);letter-spacing:.06em;text-transform:uppercase}.fade-rail__heading{margin:0 0 12px;font:500 36px/44px var(--rail-display);letter-spacing:-.01em;color:rgb(var(--rail-head))}.fade-rail__sub{margin:0 auto;max-width:56ch;font:400 15px/22px var(--rail-font)}.fade-rail__stage{position:relative;container-type:inline-size;padding-top:4cqw}.fade-rail__bar{position:relative;z-index:12;height:14px;border-radius:7px;background:var(--rail-chrome-bar);box-shadow:inset 0 1px 0 var(--rail-chrome-highlight)}.fade-rail__bar:after{content:"";position:absolute;left:0;top:0;width:480px;height:100%;pointer-events:none;will-change:transform;opacity:var(--rail-hl-o,0);translate:calc(var(--rail-hl-x,0px) - 240px) 0;transition:opacity .12s;background:radial-gradient(ellipse 240px 10px at 50% 25%,var(--rail-chrome-highlight) 0%,transparent 70%)}.fade-rail__bracket{position:absolute;top:-15px;width:22px;height:44px;border-radius:3px;background:var(--rail-chrome-plate)}.fade-rail__bracket:first-child{left:-8px}.fade-rail__bracket:last-child{right:-8px}.fade-rail__slots{position:relative;display:flex;justify-content:center;list-style:none;margin:-14px 0 0;padding:0;height:calc(var(--rail-hem-max) + 80px)}.fade-rail__slot{position:relative;flex:0 0 var(--rail-pitch);width:var(--rail-pitch);height:100%;will-change:transform}.fade-rail__slots.is-overflow{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 var(--rail-pitch);cursor:grab}.fade-rail__slots.is-overflow::-webkit-scrollbar{display:none}.fade-rail__slots.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.fade-rail__slots.is-dragging .fade-rail__garment{pointer-events:none}.fade-rail__slot.is-active{z-index:10}.fade-rail__slot.is-detailed .fade-rail__swing,.fade-rail__slot.is-detailed .fade-rail__img,.fade-rail__stage:has(.is-detailed) .fade-rail__label{visibility:hidden}.fade-rail__garment{position:absolute;display:block;top:0;left:50%;height:100%;width:var(--rail-pitch);translate:-50% 0;margin:0;padding:0;border:0;background:none;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;perspective:calc(var(--rail-card-w)*2);perspective-origin:50% 30%}.fade-rail__slot.is-active .fade-rail__garment:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--rail-hit-w,var(--rail-pitch));translate:-50% 0}.fade-rail__swing{position:absolute;inset:0;transform-origin:50% var(--rail-hook-y);will-change:transform;pointer-events:none}.fade-rail__card{position:absolute;top:calc(var(--rail-hook-y) - var(--rail-card-w)*.08);left:50%;width:var(--rail-card-w);aspect-ratio:3/4;translate:-50% 0;transform-origin:50% 6%;pointer-events:none}.fade-rail__card{transform-style:preserve-3d}.fade-rail__face{position:absolute;inset:0;transform-origin:50% 6%;backface-visibility:hidden;will-change:transform,opacity}.fade-rail__face--front{opacity:0;transform:rotateY(-90deg)}.fade-rail__seq{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}.fade-rail__slot.is-seq .fade-rail__seq{display:block}.fade-rail__slot.is-seq .fade-rail__face{visibility:hidden}.fade-rail__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;visibility:hidden}.fade-rail__img.is-decoded{visibility:visible}.fade-rail__label{position:absolute;margin:0;top:calc(var(--rail-list-top,0px) + var(--rail-hem-max) + 30px);left:50%;translate:-50% 0;width:max-content;max-width:40cqw;text-align:center;opacity:0;pointer-events:none}.fade-rail__name{display:block;font:500 16px/20px var(--rail-display);color:rgb(var(--rail-head))}.fade-rail__price{display:block;margin-top:4px;font:500 12px/16px var(--rail-font);letter-spacing:.04em;text-transform:uppercase}.fade-rail__price:empty,.fade-rail__detail-price:empty{display:none}.fade-rail__cta{text-align:center;margin-top:40px}.fade-rail__empty .fade-rail__stage,.fade-rail__empty .fade-rail__ticker{display:none}.fade-rail__ticker{position:relative;display:flex;align-items:center;height:36px;overflow:hidden;background:rgb(var(--rail-ticker-bg,35 31 31));color:rgb(var(--rail-ticker-text,255 255 255))}.fade-rail__ticker-track{display:flex;align-items:center;white-space:nowrap;will-change:transform}.fade-rail__ticker-item{font:700 12px/16px var(--rail-font);letter-spacing:.06em;text-transform:uppercase;padding:0 24px}.fade-rail__ticker-item:after{content:"";display:inline-block;width:4px;height:4px;border-radius:2px;background:currentColor;vertical-align:middle;margin-left:48px;margin-right:-24px}.fade-rail__ticker-pause{position:absolute;right:0;top:0;width:56px;height:100%;border:0;margin:0;padding:0 10px;cursor:pointer;background:rgb(var(--rail-ticker-bg,35 31 31));border-left:1px solid rgb(var(--rail-ticker-text,255 255 255)/.25);color:inherit;display:grid;place-items:center}.fade-rail__ticker-pause:before{content:"";width:10px;height:12px;background:currentColor;clip-path:polygon(0 0,30% 0,30% 100%,0 100%,70% 100%,70% 0,100% 0,100% 100%,70% 100%,70% 0,30% 0,30% 100%)}.fade-rail__ticker-pause[aria-pressed=true]:before{clip-path:polygon(0 0,100% 50%,0 100%)}.fade-rail__dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgb(var(--color-scheme-1-color)/var(--rail-sheet-fade,1));color:rgb(var(--rail-text));font-family:var(--rail-font);overflow:hidden}.fade-rail__dialog::backdrop{background:transparent}.fade-rail__dialog:not([open]){display:none}.fade-rail__detail{position:relative;width:100%;height:100%}.fade-rail__ui{opacity:0}.fade-rail__close{position:absolute;z-index:2;top:32px;right:max(32px,calc(50vw - 688px));width:44px;height:44px;border:0;margin:0;padding:0;background:none;cursor:pointer;font:700 13px/16px var(--rail-font);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--rail-head))}.fade-rail__nav{position:absolute;z-index:2;top:45%;width:44px;height:44px;translate:-50% -50%;border-radius:50%;cursor:pointer;margin:0;padding:0;border:1px solid rgb(var(--body-input-border-color,217 217 218));background:rgb(var(--body-bg-color));color:rgb(var(--rail-head));display:grid;place-items:center;transition:background-color .12s,color .12s}.fade-rail__nav:hover{background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color))}.fade-rail__nav--prev{left:32%}.fade-rail__nav--next{left:68%}.fade-rail__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.fade-rail__detail-stage,.fade-rail__loupe-ring-host{position:absolute;left:50%;top:16vh;height:56vh;aspect-ratio:3/4;translate:-50% -3.36vh;pointer-events:none}.fade-rail__loupe-ring-host{z-index:1}.fade-rail__detail-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:0 0}.fade-rail__swing--detail{position:absolute;inset:0;transform-origin:50% 6%;will-change:transform}.fade-rail__detail-stage .fade-rail__swing--detail{transform-origin:0 0}.fade-rail__loupe-ring{position:absolute;left:var(--rail-lx,50%);top:var(--rail-ly,50%);width:var(--rail-loupe);height:var(--rail-loupe);translate:-50% -50%;border-radius:50%;border:1px solid rgb(var(--body-input-border-color,217 217 218));box-shadow:0 8px 24px rgb(var(--rail-head)/.18);background:rgb(var(--color-scheme-1-color)) no-repeat;pointer-events:none;opacity:0;transition:opacity .12s}.fade-rail__loupe-ring.is-on{opacity:1}.fade-rail__zoom,.fade-rail__tilt{position:absolute;z-index:2;left:max(32px,calc(50vw - 688px));width:44px;height:44px;border:0;margin:0;padding:0;background:none;cursor:pointer;font:700 13px/16px var(--rail-font);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--rail-head))}.fade-rail__zoom{top:32px}.fade-rail__tilt{top:84px}.fade-rail__zoom[aria-pressed=true],.fade-rail__tilt[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.fade-rail__info{position:absolute;left:0;right:0;top:var(--rail-info-top, calc(58.6vh + 24px) );display:flex;flex-direction:column;align-items:center;text-align:center}.fade-rail__counter{margin:0;font:500 12px/16px var(--rail-font);letter-spacing:.06em;font-variant-numeric:tabular-nums}.fade-rail__detail-name{margin:4px 0 0;font:500 28px/32px var(--rail-display);letter-spacing:-.01em;color:rgb(var(--rail-head))}.fade-rail__detail-price{margin:8px 0 0;font:500 14px/20px var(--rail-font);letter-spacing:.04em}.fade-rail__detail-cta{margin-top:20px;white-space:nowrap}.fade-rail__swipe{position:absolute;left:0;right:0;top:12vh;height:64vh;touch-action:pan-y}@media(min-width:1024px)and (max-width:1439px){.fade-rail__container{padding-left:64px;padding-right:64px}}@media(hover:none),(pointer:coarse),(max-width:1023px){fade-rail{--rail-pitch:84px;--rail-card-w:60vw;--rail-loupe:160px;--rail-hook-y:-2px}.fade-rail__bar:after{width:160px;translate:calc(var(--rail-hl-x,50%) - 80px) 0;background:radial-gradient(ellipse 80px 7px at 50% 25%,var(--rail-chrome-highlight) 0%,transparent 70%)}.fade-rail__zoom,.fade-rail__tilt{left:16px}.fade-rail__zoom{top:16px}.fade-rail__tilt{top:68px}.fade-rail__container{padding:56px 0 48px}.fade-rail__head{text-align:left;padding:0 20px;margin-bottom:40px}.fade-rail__eyebrow{font-size:11px;margin-bottom:8px}.fade-rail__heading{font-size:26px;line-height:32px;margin-bottom:8px}.fade-rail__sub{font-size:14px;line-height:20px;max-width:none}.fade-rail__stage{container-type:normal;padding-top:0}.fade-rail__bar{height:10px;border-radius:0}.fade-rail__bracket{display:none}.fade-rail__slots{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 calc(50% - var(--rail-pitch)/2);height:calc(var(--rail-hem-max) + 30px);margin-top:-10px}.fade-rail__slots::-webkit-scrollbar{display:none}.fade-rail__slot{scroll-snap-align:center}.fade-rail__slot,.fade-rail__swing,.fade-rail__face{will-change:auto}.fade-rail__slot.is-warm .fade-rail__swing{will-change:transform}.fade-rail__slot.is-warm .fade-rail__face{will-change:transform,opacity}.fade-rail__slot:not(.is-warm) .fade-rail__face--front{display:none}.fade-rail__slot:not(.is-warm) .fade-rail__card{transform-style:flat}.fade-rail__slot:not(.is-warm) .fade-rail__face{backface-visibility:visible}.fade-rail__label{position:static;top:auto;translate:none;margin:0 auto;max-width:80vw;min-height:44px}.fade-rail__cta{margin:28px 20px 0}.fade-rail__cta .btn{display:block}.fade-rail__ticker{height:44px}.fade-rail__ticker-pause{width:56px}.fade-rail__price{font-size:13px}.fade-rail__slots{overscroll-behavior-x:contain}.fade-rail__close{top:16px;right:16px}.fade-rail__detail-stage,.fade-rail__loupe-ring-host{top:10vh;height:58vh;translate:-50% -3vh}.fade-rail__nav{top:45%}.fade-rail__nav--prev{left:40px}.fade-rail__nav--next{left:calc(100% - 40px)}.fade-rail__info{top:auto;bottom:calc(24px + env(safe-area-inset-bottom));align-items:stretch;text-align:left;padding:0 20px}.fade-rail__detail-name{font-size:22px;line-height:28px}.fade-rail__detail-cta{display:block;margin-top:24px;min-height:48px;line-height:48px;padding-top:0;padding-bottom:0}.fade-rail__swipe{touch-action:none}}@media(prefers-reduced-motion:reduce){fade-rail{--rail-turn-ms:.2s;--rail-leave-ms:.2s}.fade-rail__ticker-pause{display:none}.fade-rail__swing,.fade-rail__swing--detail{rotate:0deg}.fade-rail__face--front{transform:none}.fade-rail__bar:after{transition:opacity .2s}}