.post-slider {
  --wdg-post-slider-max-width: var( --wdg-width-content );
  --wdg-post-slider-margin: calc( ( 100vw - var( --wdg-post-slider-max-width ) ) / 2 );
  --wdg-post-slider-viewable: 3;
  --wdg-post-slider-slide-width: calc( 100% - var( --wdg-gap-small ) );
  margin-inline: calc(var(--wdg-gap-block) * -1);
  max-width: none !important;
  overflow: hidden;
  position: relative;
}
.post-slider.alignwide {
  --wdg-post-slider-max-width: var( --wdg-width-wide-sub-gutters );
}
.post-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-width-wide-sub-gutters);
  padding-inline: var(--wdg-gap-block);
}
.post-slider__heading {
  margin: 0;
}
.post-slider__content {
  position: relative;
}
.post-slider__nav {
  display: flex;
  flex-grow: 1;
  gap: var(--wdg-gap-xsmall);
  justify-content: center;
  margin: 0;
}
.editor-styles-wrapper .post-slider__nav button,
.post-slider__nav button {
  align-items: center;
  border: none;
  border-radius: 50%;
  display: flex;
  height: clamp(3rem, 2.09vw + 2.49rem, 5rem);
  justify-content: center;
  margin: 0;
  padding: 0;
  width: clamp(3rem, 2.09vw + 2.49rem, 5rem);
}
.editor-styles-wrapper .post-slider__nav button:disabled,
.post-slider__nav button:disabled {
  opacity: 0.25;
  pointer-events: none;
}
@media (min-width: 65.5em) {
  .editor-styles-wrapper .post-slider__nav button.post-slider__nav-btn,
  .post-slider__nav button.post-slider__nav-btn {
    bottom: 50%;
    position: absolute;
  }
}
@media (min-width: 65.5em) {
  .editor-styles-wrapper .post-slider__nav button.post-slider__nav-btn--prev,
  .post-slider__nav button.post-slider__nav-btn--prev {
    inset-inline-start: 0;
    transform: translate(var(--wdg-gap-2xsmall), 50%);
  }
}
@media (min-width: 75em) {
  .editor-styles-wrapper .post-slider__nav button.post-slider__nav-btn--prev,
  .post-slider__nav button.post-slider__nav-btn--prev {
    inset-inline-start: var(--wdg-post-slider-margin);
    transform: translate(calc(-100% - var(--wdg-gap-medium)), 50%);
  }
}
@media (min-width: 65.5em) {
  .editor-styles-wrapper .post-slider__nav button.post-slider__nav-btn--next,
  .post-slider__nav button.post-slider__nav-btn--next {
    inset-inline-end: 0;
    transform: translate(calc(var(--wdg-gap-2xsmall) * -1), 50%);
  }
}
@media (min-width: 75em) {
  .editor-styles-wrapper .post-slider__nav button.post-slider__nav-btn--next,
  .post-slider__nav button.post-slider__nav-btn--next {
    inset-inline-end: var(--wdg-post-slider-margin);
    transform: translate(calc(100% + var(--wdg-gap-medium)), 50%);
  }
}
.editor-styles-wrapper .post-slider__nav button svg,
.post-slider__nav button svg {
  fill: currentColor;
  height: 50%;
  width: 50%;
}
.post-slider__slides {
  align-items: stretch;
  counter-reset: slide-counter;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--wdg-gap-block);
  overflow-x: scroll;
  overflow-y: hidden;
  padding-block: var(--wdg-gap-block);
  padding-inline: max(var(--wdg-gap-block), var(--wdg-post-slider-margin));
  position: static;
  scroll-padding: max(var(--wdg-gap-block), var(--wdg-post-slider-margin));
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.post-slider__slides::-webkit-scrollbar {
  display: none;
}
.post-slider__slide {
  align-items: flex-start;
  -moz-column-gap: var(--wdg-gap-xsmall);
       column-gap: var(--wdg-gap-xsmall);
  display: flex;
  flex: none;
  justify-content: flex-start;
  padding-inline-end: var(--wdg-gap-block);
  scroll-snap-align: start;
  width: var(--wdg-post-slider-slide-width);
}
.post-slider__slide:last-child {
  margin-inline-end: var(--wdg-gap-block);
}
.post-slider__slide:not(:last-child) {
  border-right: 1px solid var(--wdg-color-screen);
}
.post-slider__slide::before {
  color: var(--wdg-color-screen);
  content: counter(slide-counter);
  counter-increment: slide-counter;
  display: block;
  font-family: var(--wdg-font-sans-alt);
  font-size: var(--wdg-font-size-display-lg);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 0.75;
  pointer-events: none;
}
.post-slider__slide .article {
  height: 100%;
  width: 100%;
}
@media (min-width: 48em) {
  .post-slider {
    --wdg-post-slider-slide-width: calc(
    	( var( --wdg-post-slider-max-width ) / var( --wdg-post-slider-viewable ) ) -
    		( var( --wdg-gap-small ) * ( var( --wdg-post-slider-viewable ) - 1 ) / var( --wdg-post-slider-viewable ) )
    );
  }
}

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