.card-slider {
  --wdg-card-slider-max-width: var( --wdg-width-wide );
  --wdg-card-slider-margin: calc( ( ( 100vw - ( min( var( --wdg-card-slider-max-width ), 100% ) ) ) / 2 ) );
  --wdg-card-slider-viewable: 1;
  margin-inline: calc(var(--wdg-gap-block) * -1);
  max-width: none;
  overflow: hidden;
  position: relative;
}
.card-slider.has-background {
  padding-block: var(--wdg-gap-block);
}
.card-slider__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--wdg-gap-block);
  justify-content: space-between;
  margin-block-end: var(--wdg-gap-2xsmall);
  margin-inline: auto;
  max-width: calc(var(--wdg-card-slider-max-width) + (var(--wdg-gap-large)));
  padding-inline: var(--wdg-gap-large);
}
@media (min-width: 48em) {
  .card-slider__header {
    flex-direction: row;
  }
}
.card-slider__header h2,
.card-slider__header .wp-block-button {
  margin: 0;
}
.card-slider__header .wp-block-button__link {
  font-size: var(--wdg-font-size-default);
}
.card-slider__header .wp-block-button__link svg {
  color: var(--wdg-color-link, var(--wdg-color-secondary));
}
.card-slider .wp-block-heading {
  margin: 0;
}
.card-slider__nav {
  display: flex;
  flex-grow: 1;
  gap: var(--wdg-gap-xsmall);
  justify-content: center;
  margin: 0;
}
.editor-styles-wrapper .card-slider__nav button,
.card-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 .card-slider__nav button:disabled,
.card-slider__nav button:disabled {
  opacity: 0.25;
  pointer-events: none;
}
@media (min-width: 65.5em) {
  .editor-styles-wrapper .card-slider__nav button.card-slider__nav-btn,
  .card-slider__nav button.card-slider__nav-btn {
    bottom: 50%;
    position: absolute;
  }
}
@media (min-width: 65.5em) {
  .editor-styles-wrapper .card-slider__nav button.card-slider__nav-btn--prev,
  .card-slider__nav button.card-slider__nav-btn--prev {
    inset-inline-start: 0;
    transform: translate(var(--wdg-gap-2xsmall), 50%);
  }
}
@media (min-width: 75em) {
  .editor-styles-wrapper .card-slider__nav button.card-slider__nav-btn--prev,
  .card-slider__nav button.card-slider__nav-btn--prev {
    inset-inline-start: var(--wdg-card-slider-margin);
    transform: translate(calc(-100% - var(--wdg-gap-xsmall)), 50%);
  }
}
@media (min-width: 65.5em) {
  .editor-styles-wrapper .card-slider__nav button.card-slider__nav-btn--next,
  .card-slider__nav button.card-slider__nav-btn--next {
    inset-inline-end: 0;
    transform: translate(calc(var(--wdg-gap-2xsmall) * -1), 50%);
  }
}
@media (min-width: 75em) {
  .editor-styles-wrapper .card-slider__nav button.card-slider__nav-btn--next,
  .card-slider__nav button.card-slider__nav-btn--next {
    inset-inline-end: var(--wdg-card-slider-margin);
    transform: translate(calc(100% + var(--wdg-gap-xsmall)), 50%);
  }
}
.editor-styles-wrapper .card-slider__nav button svg,
.card-slider__nav button svg {
  fill: currentColor;
  height: 50%;
  width: 50%;
}
.card-slider__content {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--wdg-gap-block);
  overflow: auto;
  padding-block: var(--wdg-gap-block);
  padding-inline: max(var(--wdg-gap-block), var(--wdg-card-slider-margin));
  scroll-padding-inline-start: max(var(--wdg-gap-block), var(--wdg-card-slider-margin));
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.card-slider__content::-webkit-scrollbar {
  display: none;
}
.card-slider__content > * {
  flex: none;
  scroll-snap-align: start;
  width: calc(100% - var(--wdg-gap-block) * 2);
}
.card-slider__description {
  align-self: center;
  padding-inline: var(--wdg-gap-block);
}
@media (min-width: 48em) {
  .card-slider {
    --wdg-card-slider-viewable: 3;
  }
  .card-slider__content > * {
    width: calc(var(--wdg-card-slider-max-width) / var(--wdg-card-slider-viewable) - var(--wdg-gap-block) * (var(--wdg-card-slider-viewable) - 1) / var(--wdg-card-slider-viewable));
  }
}

.header + .wp-block-group.is-style-overlap-top .card-slider .card:not([class*="--cover"]):not([class*="--row"]) .card__media {
  order: unset;
}

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