.native-scroller{--scroller-padding:var(--content-padding);--scroller-gap:1rem;--scroller-offset:2rem;--scroller-control-display:none;--scroller-columns:auto;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-padding);padding-right:var(--scroller-padding)}: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-padding);scroll-snap-align:start}:where(.native-scroller:not(.disabled)).wide{margin-left:calc(var(--scroller-padding)*-1);width:calc(100% + var(--scroller-padding)*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-basis:calc((100% - var(--scroller-offset))/var(--scroller-columns, 2) - var(--scroller-gap) + var(--scroller-gap)/var(--scroller-columns, 2));flex-shrink:0;width:calc((100% - var(--scroller-offset))/var(--scroller-columns, 2) - var(--scroller-gap) + var(--scroller-gap)/var(--scroller-columns, 2))}.native-scroll-control{--scroller-control-top:50%;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),#fff,hsla(0,0%,100%,0) 100%) no-repeat}.native-scroll-control li:first-child{--gradient-direction:right;justify-content:start;padding-left:var(--scroller-padding)}.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-padding)}.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)}.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-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}}