.witrav-feature-carousel {--witrav-feature-carousel-gap: 24px; --witrav-feature-carousel-card: 360px; --witrav-feature-carousel-media-h: 180px; --witrav-feature-carousel-gutter: var(--wp--preset--spacing--40); --witrav-feature-carousel-inset: max(var(--witrav-feature-carousel-gutter), calc((100% - 1200px) / 2)); overflow-x: hidden; overflow-y: visible; padding-left: 0 !important; padding-right: 0 !important}
.witrav-feature-carousel > * {margin-block-start: 0 !important}
.witrav-feature-carousel__intro {display: flex !important; flex-direction: column; align-items: center; width: min(1200px, calc(100% - 80px)); margin: 0 auto 40px !important; padding: 0; text-align: center}
.witrav-feature-carousel__intro > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__heading {max-width: 18em; margin: 0 auto !important; padding: 0; color: var(--wp--preset--color--contrast); font-weight: 800; line-height: 1.2}
.witrav-feature-carousel__mark {padding: 0 0.2em; background: var(--wp--preset--color--wash-100); color: inherit; border-radius: 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone}
.witrav-feature-carousel__subhead {max-width: 42em; margin: 0 auto !important; padding: 0}
.witrav-feature-carousel__viewport {width: 100% !important; max-width: none !important; margin: 0 0 32px !important; overflow: visible}
.witrav-feature-carousel__viewport > * {margin-block-start: 0 !important}
.witrav-feature-carousel__track {display: flex; flex-wrap: nowrap; align-items: stretch; gap: var(--witrav-feature-carousel-gap) !important; width: 100%; max-width: none; margin: 0 !important; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding-top: 0; padding-bottom: 0; padding-left: var(--witrav-feature-carousel-inset); padding-right: var(--witrav-feature-carousel-inset); scrollbar-width: none; -ms-overflow-style: none; cursor: grab; touch-action: pan-x}
.witrav-feature-carousel__track.is-dragging {cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none}
.witrav-feature-carousel__track.is-dragging a {pointer-events: none}
.witrav-feature-carousel__track::-webkit-scrollbar {display: none}
.witrav-feature-carousel__track > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__card {display: flex; flex-direction: column; flex: 0 0 var(--witrav-feature-carousel-card); flex-shrink: 0; gap: 0 !important; width: var(--witrav-feature-carousel-card); min-width: 0; max-width: none; overflow: hidden; scroll-snap-align: start; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray-200); border-radius: 6px !important; box-shadow: none}
.witrav-feature-carousel__card > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__media {margin: 0 !important; width: 100%; height: var(--witrav-feature-carousel-media-h); overflow: hidden; line-height: 0; border-radius: 0}
.witrav-feature-carousel__media img {display: block; width: 100% !important; height: var(--witrav-feature-carousel-media-h) !important; max-width: none; object-fit: cover; -webkit-user-drag: none; user-select: none; pointer-events: none}
.witrav-feature-carousel__body {display: flex; flex-direction: column; flex: 1 1 auto; gap: 8px !important; padding: 20px}
.witrav-feature-carousel__body > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__title-row {display: flex; flex-wrap: wrap; align-items: center; gap: 8px !important}
.witrav-feature-carousel__title-row > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__title {margin: 0 !important; font-size: 21.6px; font-weight: 800; line-height: 1.3; color: var(--wp--preset--color--contrast)}
.witrav-feature-carousel__badge {display: inline-flex; align-items: center; margin: 0 !important; padding: 2px 8px; border-radius: 4px; background: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--accent-1); font-size: 12.96px; font-weight: 700; line-height: 1.3}
.witrav-feature-carousel__excerpt {margin: 0 !important; font-size: 15.12px; line-height: 1.4; color: var(--wp--preset--color--accent-4)}
.witrav-feature-carousel__more {margin: 0 !important; font-size: 15.12px; font-weight: 600; line-height: 1.3}
.witrav-feature-carousel__more a {color: var(--wp--preset--color--accent-1); text-decoration: none}
.witrav-feature-carousel__more a:hover,
.witrav-feature-carousel__more a:focus-visible {text-decoration: underline}
.witrav-feature-carousel__nav {display: flex; justify-content: flex-end; gap: 8px !important; width: 100%; max-width: none; margin: 0 0 40px !important; padding-left: var(--witrav-feature-carousel-inset); padding-right: var(--witrav-feature-carousel-inset)}
.witrav-feature-carousel__nav:last-child {margin-bottom: 0 !important}
.witrav-feature-carousel__nav > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-carousel__nav .wp-block-button {margin: 0 !important}
.witrav-feature-carousel__nav .wp-block-button__link {display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; overflow: hidden; font-size: 0; line-height: 0; color: transparent; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray-200); border-radius: 6px; box-shadow: none; text-decoration: none; cursor: pointer}
.witrav-feature-carousel__nav .wp-block-button__link::before,
.witrav-feature-carousel__nav .wp-block-button__link::after {display: none}
.witrav-feature-carousel__nav .wp-block-button__link:hover,
.witrav-feature-carousel__nav .wp-block-button__link:focus-visible {color: transparent; text-decoration: none; border-color: var(--wp--preset--color--accent-1)}
.witrav-feature-carousel__prev .wp-block-button__link,
.witrav-feature-carousel__next .wp-block-button__link {position: relative}
.witrav-feature-carousel__prev .wp-block-button__link::after,
.witrav-feature-carousel__next .wp-block-button__link::after {display: block; content: ""; width: 20px; height: 20px; background-color: var(--wp--preset--color--contrast); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18l-6-6 6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18l-6-6 6-6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}
.witrav-feature-carousel__next .wp-block-button__link::after {-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6l6 6-6 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}
.witrav-feature-carousel__actions {display: flex; justify-content: center; width: 100%; margin: 0 !important; padding-left: var(--witrav-feature-carousel-inset); padding-right: var(--witrav-feature-carousel-inset)}
.witrav-feature-carousel__actions > * {margin: 0 !important}

@media (max-width: 768px) {
  .witrav-feature-carousel {--witrav-feature-carousel-card: min(360px, calc(100% - 48px)); --witrav-feature-carousel-media-h: 180px}
  .witrav-feature-carousel__intro {width: calc(100% - 32px); margin-bottom: 32px !important}
}

@media (prefers-reduced-motion: reduce) {
  .witrav-feature-carousel__track {scroll-behavior: auto}
}
