.rx .scroll-rail{--rail-card-gap:var(--scroll-rail-gap);gap:var(--rail-card-gap);overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 var(--content-inset) var(--space-3) 0;margin-inline-end:calc(var(--content-inset) * -1);display:flex;position:relative;overflow:auto hidden}.rx .scroll-rail::-webkit-scrollbar{display:none}.rx .scroll-rail>*{flex:0 0 calc((100% - 2 * var(--rail-card-gap)) / 3);scroll-snap-align:start}@media (width<=1100px){.rx .scroll-rail>*{flex-basis:calc((100% - var(--rail-card-gap)) / 2.25)}}@media (width<=640px){.rx .scroll-rail{--rail-card-gap:var(--scroll-rail-gap-sm);scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--content-inset) * -1);padding:0 var(--content-inset) var(--space-2);scroll-padding-inline:var(--content-inset)}.rx .scroll-rail::-webkit-scrollbar{display:none}.rx .scroll-rail>*{flex:0 0 min(18.75em,82%)}}.rx .scroll-rail-bleed{container-type:inline-size}.rx .scroll-rail.scroll-rail--full{--rail-bleed:calc((100vw - 100cqi) / 2);margin-inline:calc(var(--rail-bleed) * -1);padding-inline:var(--rail-bleed);scroll-padding-inline:var(--rail-bleed)}@media (width>=900px){.rx .scroll-rail.scroll-rail--grid-2,.rx .scroll-rail.scroll-rail--grid-3,.rx .scroll-rail.scroll-rail--grid-4{touch-action:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline-end:0;padding:0;display:grid;overflow:visible}.rx .scroll-rail.scroll-rail--grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rx .scroll-rail.scroll-rail--grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.rx .carousel-markers{justify-content:center;gap:var(--space-1);display:flex}.rx .carousel-markers[hidden]{display:none}.rx .scroll-rail+.carousel-markers{margin-top:var(--space-3)}.rx .carousel-markers[data-markers-state=pending],.rx .carousel-markers[data-carousel-markers=reserve][data-markers-state=off]{visibility:hidden}.rx .carousel-markers__marker{min-height:var(--tap-min);padding:0 var(--space-1);border-radius:var(--radius-control);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;display:inline-grid}.rx .carousel-markers__marker[hidden]{display:none}.rx .carousel-markers__line{width:calc(var(--space-4) + var(--space-8) * var(--m,0));height:var(--border-thick);border-radius:var(--radius-pill);background:var(--carousel-markers-line);display:block;position:relative;overflow:hidden}.rx .carousel-markers__line:after{content:"";border-radius:inherit;background:var(--carousel-markers-active);opacity:var(--m,0);position:absolute;inset:0}.rx .carousel-markers__marker:hover .carousel-markers__line{background:var(--carousel-markers-line-hover)}.rx .carousel-markers__marker:focus-visible{outline:var(--focus-width) solid var(--carousel-markers-focus);outline-offset:calc(var(--space-1) * -1)}.rx .carousel-markers__marker[aria-current=true]{--m:1}.rx .carousel-markers--dots .carousel-markers__line{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-round)}.rx .carousel-markers--track .carousel-markers__track{width:min(100%, var(--carousel-markers-track-width));min-height:var(--space-6);border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;align-items:center;display:grid}.rx .carousel-markers--track .carousel-markers__track:focus-visible{outline:var(--focus-width) solid var(--carousel-markers-focus);outline-offset:var(--space-1)}.rx .carousel-markers__rail{height:var(--border-thick);border-radius:var(--radius-pill);background:var(--carousel-markers-track);display:block;position:relative;overflow:hidden}.rx .carousel-markers__thumb{width:calc(var(--tr,1) * 100%);border-radius:inherit;background:var(--carousel-markers-track-thumb);cursor:grab;touch-action:none;transform:translateX(calc((1 / var(--tr,1) - 1) * var(--tp,0) * 100%));will-change:transform;position:absolute;inset:0 auto 0 0}.rx .carousel-markers--track[data-dragging] .carousel-markers__track,.rx .carousel-markers--track[data-dragging] .carousel-markers__thumb{cursor:grabbing}.rx .carousel-markers--track[data-carousel-markers=reserve]{min-height:var(--tap-min);align-items:center}
