.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;overflow:auto;touch-action:pan-x pan-y;-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}: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-margin-left:var(--scroller-spacing);scroll-snap-align:start}: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{display:flex;gap:var(--scroller-gap)}.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));display:flex;justify-content:space-between;inset:0;pointer-events:none;position:absolute;z-index:1}.native-scroll-control.end li:last-child,.native-scroll-control.start li:first-child{opacity:1}.native-scroll-control li{align-items:flex-start;display:flex;min-width:2.5rem;opacity:0;transition:opacity .3s ease}.native-scroller.fade .native-scroll-control li{background:linear-gradient(to var(--gradient-direction),var(--scroller-fade-color,var(--body-background)),hsla(0,0%,100%,0) 100%) no-repeat}.native-scroll-control li:first-child{--gradient-direction:right;justify-content:start;padding-left:var(--scroller-spacing)}.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;justify-content:end;padding-left:0;padding-right:var(--scroller-spacing)}.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);position:relative;top:var(--scroller-control-top-size)}.native-scroll-control .control-button:not([aria-disabled]){pointer-events:auto}@media (min-width:62em){.native-scroller{--scroller-cta-offset:50%;--scroller-gap:1.5rem;--scroller-cut-offset:0px;--scroller-control-display:flex}}@media (max-width:61.9375em){.native-scroller:not(.wide) .native-scroll-control li:before{background-image:linear-gradient(to var(--direction),var(--scroller-background,var(--page-background,var(--body-background))),transparent);content:"";height:100%;position:absolute;top:0;width:3.5rem}.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}}