.native-scroller{--scroller-padding:var(--content-padding);--scroller-gap:1rem;--scroller-offset:2rem;--scroller-control-display:none;--scroller-cut-offset:calc(var(--scroller-offset,var(--scroller-gap)) - var(--scroller-padding) + var(--scroller-gap) - var(--row-edge-spacing,0px));--scroller-spacing:calc(var(--scroller-padding) + var(--row-edge-spacing,0px));position:relative}:where(.native-scroller:not(.disabled)) .native-scroll-wrapper>:first-child{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;overflow:auto}:where(.native-scroller:not(.disabled)) .native-scroll-wrapper>:first-child::-webkit-scrollbar{display:none}:where(.native-scroller:not(.disabled)) .native-scroll-wrapper>:first-child{padding-left:var(--scroller-spacing);padding-right:var(--scroller-spacing)}:where(.native-scroller:not(.disabled)).snap .native-scroll-wrapper>:first-child{scroll-snap-type:x mandatory}:where(.native-scroller:not(.disabled)).snap .native-scroll-wrapper>:first-child>*{scroll-snap-align:start;scroll-margin-left:var(--scroller-spacing)}:where(.native-scroller:not(.disabled)).wide{margin-left:calc(var(--scroller-spacing)*-1);width:calc(100% + var(--scroller-spacing)*2)}.native-scroller.disabled .native-scroll-wrapper>:first-child{flex-wrap:wrap}.native-scroller .native-scroll-wrapper>:first-child{gap:var(--scroller-gap);display:flex}.native-scroller .native-scroll-wrapper>:first-child>*{flex-shrink:0}.native-scroller.flow{--scroller-control-top:50%}.native-scroller:not(.flow) .native-scroll-wrapper>:first-child>*{width:calc((100% - var(--scroller-cut-offset))/var(--scroller-columns,2) - var(--scroller-gap) + var(--scroller-gap)/var(--scroller-columns,2))}.native-scroll-control{--scroller-column-height:calc(((var(--row-size,var(--content-size)) - (var(--scroller-gap)*(var(--scroller-columns) - 1)))/var(--scroller-columns))*var(--scroller-column-ratio,1)/2);--scroller-control-top-size:var(--scroller-control-top,var(--scroller-column-height));pointer-events:none;z-index:15;justify-content:space-between;display:flex;position:absolute;inset:0}.native-scroll-control.end li:last-child,.native-scroll-control.start li:first-child{opacity:1}.native-scroll-control li{opacity:0;align-items:flex-start;min-width:2.5rem;transition:opacity .3s;display:flex}.native-scroller.fade .native-scroll-control li{background:linear-gradient(to var(--gradient-direction),var(--scroller-fade-color,var(--body-background)),#fff0 100%) no-repeat}.native-scroll-control li:first-child{--gradient-direction:right;padding-left:var(--scroller-spacing);justify-content:start}.native-scroll-control li:first-child .control-button{transform:translate(calc(var(--scroller-cta-offset,0px)*-1),-50%)}.native-scroll-control li:last-child{--gradient-direction:left;padding-left:0;padding-right:var(--scroller-spacing);justify-content:end}.native-scroll-control li:last-child .control-button{transform:translate(var(--scroller-cta-offset,0),-50%)}.native-scroll-control .control-button{display:var(--scroller-control-display);top:var(--scroller-control-top-size);position:relative}.native-scroll-control .control-button:not([aria-disabled]){pointer-events:auto}@media (width>=62em){.native-scroller{--scroller-cta-offset:50%;--scroller-gap:1.5rem;--scroller-cut-offset:0px;--scroller-control-display:flex}}@media (width<=61.9375em){.native-scroller:not(.wide) .native-scroll-control li:before{content:"";background-image:linear-gradient(to var(--direction),var(--scroller-background,var(--page-background,var(--body-background))),transparent);width:3.5rem;height:100%;position:absolute;top:0}.native-scroller:not(.wide) .native-scroll-control li:first-child:before{--direction:right;left:0}.native-scroller:not(.wide) .native-scroll-control li:last-child:before{--direction:left;right:0}}