.slider-block{--slider-mobile-page-gutter:var(--default-grid-gap,var(--ds-space-4));--slider-mobile-slide-width:calc(100% - var(--slider-mobile-page-gutter) - var(--slider-mobile-page-gutter));--slider-desktop-peek:10%;padding:var(--ds-space-8) 0;grid-column:bleed}@media (min-width:64rem){.slider-block{grid-column:page}}.slider-block__slides{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;gap:var(--ds-space-3);width:100%;padding-inline:var(--slider-mobile-page-gutter);list-style:none;display:flex;overflow-x:scroll}@media (min-width:64rem){.slider-block__slides{gap:34px;padding-inline:0}}.slider-block__slide{scroll-snap-align:center;flex:0 0 var(--slider-mobile-slide-width);background:#fcfcfc;overflow:hidden}@media (min-width:64rem){.slider-block__slide{flex-basis:calc(100% - 2 * var(--slider-desktop-peek))}}@media (min-width:64rem){.slider-block__slide:only-child{scroll-snap-align:start}}.slider-block__slide img{object-fit:cover;aspect-ratio:16/10;width:100%;height:auto;display:block}@media (min-width:64rem){.slider-block__slide img{aspect-ratio:16/9}}.slider-block__nav{flex-direction:row;justify-content:center;align-items:center;gap:16px;margin:0;padding:0;display:flex}.slider-block__nav-arrow{display:none}@media (min-width:64rem){.slider-block__nav-arrow{display:inline-flex}}@media (min-width:64rem){.slider-block__nav>.slider-block__nav-arrow:first-of-type{order:1}.slider-block__nav>.slider-block__nav-tabs{order:2}.slider-block__nav>.slider-block__nav-arrow:last-of-type{order:3}}.slider-block__nav-tabs{align-items:center;gap:var(--ds-space-3);flex-direction:row;margin:0;padding:0;list-style:none;display:flex}.slider-block__nav-item{align-items:center;display:flex}.slider-block__nav-button{background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:inline-flex;position:relative}.slider-block__nav-button:after{content:"";border:1px solid var(--ds-color-border-strong);background:0 0;border-radius:50%;width:14px;height:14px}.slider-block__nav-button[data-active=true]:after,.slider-block__nav-button[data-active=true]:hover:after{background:var(--ds-color-border-strong)}.slider-block__nav-button:hover:after{background:var(--ds-color-surface-hover)}.slider-block__nav-button:focus-within{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}
