.media-slider {
  --wdg-media-slider-max-width: var( --wdg-width-content );
  --wdg-media-slider-margin: calc( ( 100vw - var( --wdg-media-slider-max-width ) ) / 2 );
  --wdg-media-slider-viewable: 1;
  --wdg-media-slider-slide-width: calc( 100% - var( --wdg-gap-gutter ) );
  max-width: none !important;
  position: relative;
}
.media-slider.alignwide {
  --wdg-media-slider-max-width: var( --wdg-width-wide );
}
.media-slider.has-background {
  padding-block: var(--wdg-gap-block);
}
.media-slider__header {
  align-items: flex-start;
  box-sizing: content-box;
  display: flex;
  gap: var(--wdg-gap-small);
  justify-content: flex-start;
  margin-block-end: var(--wdg-gap-block);
  margin-inline: auto;
  max-width: var(--wdg-media-slider-max-width);
}
.media-slider__heading {
  margin: 0;
}
.media-slider__nav {
  display: flex;
  flex-grow: 1;
  gap: max(0.5em, var(--wdg-gap-2xsmall));
  justify-content: flex-end;
  margin: 0;
}
.media-slider__nav-btn[type=button] {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 2px solid rgba(var(--wdg-color-text-rgb, currentColor), 0.3);
  border-radius: 50%;
  height: clamp(3rem, 0.96vw + 2.76rem, 4.25rem);
  inset-block-start: 0;
  inset-inline: auto;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  transition-duration: 250ms;
  transition-property: border-color, opacity;
  transition-timing-function: var(--wdg-ease-in-out-quad);
  width: clamp(3rem, 0.96vw + 2.76rem, 4.25rem);
}
.media-slider__nav-btn[type=button][disabled] {
  opacity: 0.2;
  pointer-events: none;
}
.media-slider__nav-btn[type=button]:hover, .media-slider__nav-btn[type=button]:focus {
  border-color: rgba(var(--wdg-color-text-rgb), 0.8);
}
.media-slider__nav-btn[type=button] svg {
  fill: currentColor;
  height: 50%;
  width: 50%;
}
.media-slider__slides {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--wdg-gap-gutter);
  margin-inline: calc(var(--wdg-gap-gutter) * -1);
  overflow-x: scroll;
  padding-inline: max(var(--wdg-gap-gutter), var(--wdg-media-slider-margin));
  position: static;
  scroll-padding: max(var(--wdg-gap-gutter), var(--wdg-media-slider-margin));
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.media-slider__slides::-webkit-scrollbar {
  display: none;
}
.media-slider__slide {
  flex: none;
  scroll-snap-align: start;
  width: var(--wdg-media-slider-slide-width);
}
.media-slider__slide figure {
  margin: 0;
}
.media-slider__slide figure img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.media-slider__slide figure img,
.media-slider__slide figure video,
.media-slider__slide figure iframe {
  aspect-ratio: var(--wdg-media-slider-aspect-ratio);
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
}
.media-slider__slide figure.wp-block-embed .wp-block-embed__wrapper::before {
  padding-block-start: var(--wdg-media-slider-embed-padding, 56.25%);
}
.media-slider--aspect-ratio-1-1 {
  --wdg-media-slider-aspect-ratio: 1/1;
  --wdg-media-slider-embed-padding: 100%;
}
.media-slider--aspect-ratio-4-3 {
  --wdg-media-slider-aspect-ratio: 4/3;
  --wdg-media-slider-embed-padding: 75%;
}
.media-slider--aspect-ratio-3-4 {
  --wdg-media-slider-aspect-ratio: 3/4;
  --wdg-media-slider-embed-padding: 133.3333%;
}
.media-slider--aspect-ratio-16-9 {
  --wdg-media-slider-aspect-ratio: 16/9;
  --wdg-media-slider-embed-padding: 56.25%;
}
.media-slider--aspect-ratio-9-16 {
  --wdg-media-slider-aspect-ratio: 9/16;
  --wdg-media-slider-embed-padding: 177.777778%;
}
.media-slider--aspect-ratio-1-85-1 {
  --wdg-media-slider-aspect-ratio: 1.85/1;
  --wdg-media-slider-embed-padding: 54.054%;
}
.media-slider--aspect-ratio-2-35-1 {
  --wdg-media-slider-aspect-ratio: 2.35/1;
  --wdg-media-slider-embed-padding: 42.55%;
}
@media (min-width: 48em) {
  .media-slider {
    --wdg-media-slider-slide-width: calc(
    	( var( --wdg-media-slider-max-width ) / var( --wdg-media-slider-viewable ) ) -
    		( var( --wdg-gap-gutter ) * ( var( --wdg-media-slider-viewable ) - 1 ) / var( --wdg-media-slider-viewable ) )
    );
  }
  .media-slider--visible-2 {
    --wdg-media-slider-viewable: 2;
  }
  .media-slider--visible-3 {
    --wdg-media-slider-viewable: 3;
  }
  .media-slider--visible-4 {
    --wdg-media-slider-viewable: 4;
  }
}

/*# sourceMappingURL=style.css.map */