.card-rail{position:relative;overflow:hidden;--card-rail-edge: 1.5rem}@media screen and (min-width:750px){.card-rail{--card-rail-edge: max(5rem, calc((100vw - var(--page-width)) / 2))}}.card-rail__viewport{display:flex;flex-direction:column;justify-content:center;gap:var(--card-rail-stack-gap);--card-rail-stack-gap: 3.2rem}.js .card-rail__viewport{min-height:100vh;min-height:100svh}.card-rail__header{max-width:72rem}.card-rail__heading{margin:0;color:currentColor}.card-rail__subheading{margin:1.2rem 0 0}.card-rail__subheading>*:first-child{margin-top:0}.card-rail__subheading>*:last-child{margin-bottom:0}.card-rail__track{overflow:hidden}.card-rail__row{display:flex;align-items:stretch;height:auto;gap:var(--card-rail-gap, 2.4rem);padding-inline:var(--card-rail-edge);width:max-content;max-width:none;will-change:transform}.card-rail__card{flex:0 0 var(--card-rail-card-width, 34rem);width:var(--card-rail-card-width, 34rem);display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border-radius:var(--card-rail-radius, .8rem);text-decoration:none}.card-rail__media{position:relative;flex:0 0 auto;width:100%;aspect-ratio:var(--card-rail-image-ratio, 3 / 4);overflow:hidden;background-color:rgba(var(--color-foreground),.06)}@supports not (aspect-ratio: 1){.card-rail__media:before{content:"";display:block;padding-bottom:133%}}.card-rail .card-rail__media img,.card-rail .card-rail__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card-rail .card-rail__media .placeholder-svg{background-color:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.35)}.card-rail__body{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:.8rem;padding:6rem 1.2rem 2rem;color:#fff;background:linear-gradient(to top,#0009,#0000)}.card-rail .card-rail__card-heading{margin:0;color:#fff;font-size:30px}.card-rail__card-text{margin:0;font-size:1.5rem;line-height:1.5}.card-rail__card-text>*:first-child{margin-top:0}.card-rail__card-text>*:last-child{margin-bottom:0}.card-rail__card-link{padding-top:.4rem;font-size:1.4rem;text-underline-offset:.3rem;text-decoration:underline}.card-rail__card--link{cursor:pointer;color:rgba(var(--color-foreground),.75)}.card-rail__card--link img{transition:transform .5s cubic-bezier(.25,.46,.45,.94)}@media(hover:hover){.card-rail__card--link:hover img{transform:scale(1.04)}}.card-rail__card--link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media(prefers-reduced-motion:reduce){.card-rail__card--link img{transition:none}.card-rail__card--link:hover img{transform:none}}.card-rail__progress{height:.2rem;margin-inline:var(--card-rail-edge);background-color:rgba(var(--color-foreground),.12);overflow:hidden}.card-rail__progress-bar{display:block;height:100%;background-color:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left center}.card-rail__footer{margin-top:calc(2.4rem - var(--card-rail-stack-gap));padding-inline:var(--card-rail-edge)}@media(prefers-reduced-motion:no-preference){.js .card-rail:not(.card-rail--static) .card-rail__card{opacity:0}}@media screen and (max-width:749px){.js .card-rail--swipe .card-rail__viewport{min-height:0}.card-rail--swipe .card-rail__track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.card-rail--swipe .card-rail__track::-webkit-scrollbar{display:none}.card-rail--swipe .card-rail__card{scroll-snap-align:center}.card-rail__viewport{--card-rail-stack-gap: 2.4rem}.card-rail__card-text{font-size:1.4rem}}.card-rail--static .card-rail__viewport{min-height:0}.card-rail--static .card-rail__track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.card-rail--static .card-rail__card{opacity:1;visibility:visible;transform:none;scroll-snap-align:center}.card-rail--static .card-rail__row{transform:none}@media(prefers-reduced-motion:reduce){.js .card-rail .card-rail__viewport{min-height:0}.card-rail__track{overflow-x:auto;scroll-snap-type:x mandatory}.card-rail__card{opacity:1;visibility:visible;transform:none;scroll-snap-align:center}.card-rail__row{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/card-rail.css.map */