.witrav-feature-tabs {--witrav-feature-tabs-tab-max: 1280px; --witrav-feature-tabs-chevron-down: url("../../assets/images/icons/chevron-down.svg"); --witrav-feature-tabs-chevron-up: url("../../assets/images/icons/chevron-up.svg"); --witrav-feature-tabs-more-arrow: url("../../assets/images/icons/arrow-right-accent.svg")}
.witrav-feature-tabs__heading {display: flex !important; flex-direction: column; align-items: center; width: 100%; text-align: center}
.witrav-feature-tabs__heading > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__title {margin: 0 !important; max-width: 22em}
.witrav-feature-tabs__subhead {max-width: 42em; margin: 0 !important}
.witrav-feature-tabs__nav {justify-content: center; flex-wrap: wrap; margin-block-end: 0}
.witrav-feature-tabs__nav .wp-block-button {margin: 0 !important}
.witrav-feature-tabs__nav .wp-block-button__link {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: 6px; text-decoration: none; cursor: pointer; background: transparent; color: var(--wp--preset--color--accent-4); border: 1.5px solid #cbd5e1; box-shadow: none}
.witrav-feature-tabs__nav .wp-block-button.has-icon .wp-block-button__link::before {content: ""; display: block; width: 18px; height: 18px; flex-shrink: 0; background-color: currentColor; -webkit-mask: var(--witrav-tab-icon) center / contain no-repeat; mask: var(--witrav-tab-icon) center / contain no-repeat}
.witrav-feature-tabs__nav .wp-block-button.has-icon-monitor {--witrav-tab-icon: url("../../assets/images/icons/monitor.svg")}
.witrav-feature-tabs__nav .wp-block-button.has-icon-smartphone-tab {--witrav-tab-icon: url("../../assets/images/icons/smartphone-tab.svg")}
.witrav-feature-tabs__nav .wp-block-button__link:hover,
.witrav-feature-tabs__nav .wp-block-button__link:focus-visible {color: var(--wp--preset--color--accent-4); text-decoration: none}
.witrav-feature-tabs__nav .wp-block-button.is-active .wp-block-button__link,
.witrav-feature-tabs__nav .wp-block-button.is-active .wp-block-button__link:hover,
.witrav-feature-tabs__nav .wp-block-button.is-active .wp-block-button__link:focus-visible {background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent-1)}
.witrav-feature-tabs__panels {max-width: var(--witrav-feature-tabs-tab-max); width: 100%; margin-left: auto; margin-right: auto}
.witrav-feature-tabs__panels > * {margin-block-start: 0 !important}
.witrav-feature-tabs__panel:not(.is-active) {display: none}
.witrav-feature-tabs__stage {display: grid; grid-template-columns: minmax(0, 560px) minmax(0, 1fr); column-gap: 32px; row-gap: 12px; align-items: start; width: 100%; max-width: var(--witrav-feature-tabs-tab-max); margin-left: auto; margin-right: auto}
.witrav-feature-tabs__stage > *,
.witrav-feature-tabs__item > *,
.witrav-feature-tabs__item.is-layout-flow > * + *,
.witrav-feature-tabs__item.is-layout-constrained > * + *,
.witrav-feature-tabs__media,
.witrav-feature-tabs__tab {margin: 0 !important; margin-block: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__item {display: contents}
.witrav-feature-tabs__media {grid-column: 1; grid-row: 1; position: relative; align-self: start; width: 100%; height: 0; min-width: 0; min-height: 0; overflow: visible}
.witrav-feature-tabs__item:not(.is-active) .witrav-feature-tabs__media {display: none}
.witrav-feature-tabs__media > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-feature-tabs__media-image {position: absolute; top: 0; left: 0; width: 100%; height: var(--witrav-feature-tabs-media-h, 0px); margin: 0 !important; overflow: hidden; border-radius: 6px; box-shadow: none}
.witrav-feature-tabs__media-image img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 6px}
.witrav-feature-tabs__tab {display: grid; grid-column: 2; grid-template-columns: 40px minmax(0, 1fr) 28px; column-gap: 16px; row-gap: 16px; align-items: center; align-self: start; width: 100%; padding: 20px 24px; cursor: pointer; background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--gray-200); border-radius: 6px !important; box-shadow: none !important; transition: background 0.2s ease, border-color 0.2s ease}
.witrav-feature-tabs__tab > * {margin-block-start: 0 !important}
.witrav-feature-tabs__tab::after {content: ""; grid-column: 3; grid-row: 1; width: 28px; height: 28px; border-radius: 6px; background-color: var(--wp--preset--color--gray-100); background-image: var(--witrav-feature-tabs-chevron-down); background-repeat: no-repeat; background-position: center; background-size: 14px}
.witrav-feature-tabs__item.is-active .witrav-feature-tabs__tab {align-items: start; padding: 24px; border-width: 1.5px; border-color: var(--wp--preset--color--accent-1); box-shadow: none !important}
.witrav-feature-tabs__item.is-active .witrav-feature-tabs__tab::after {background-color: var(--wp--preset--color--wash-100); background-image: var(--witrav-feature-tabs-chevron-up)}
.witrav-feature-tabs__icon {grid-column: 1; grid-row: 1; display: flex; align-items: center; justify-content: center; align-self: center; width: 40px; height: 40px; margin: 0 !important; padding: 0; border-radius: 6px; background: var(--wp--preset--color--accent-2); line-height: 0}
.witrav-feature-tabs__icon > * {margin: 0 !important}
.witrav-feature-tabs__item.is-active .witrav-feature-tabs__icon {background: var(--wp--preset--color--wash-100)}
.witrav-feature-tabs__glyph {width: 20px; height: 20px; line-height: 0}
.witrav-feature-tabs__glyph img {display: block; width: 20px; height: 20px; object-fit: contain}
.witrav-feature-tabs__tab-title {grid-column: 2; grid-row: 1; display: flex; align-items: center; min-height: 40px; margin: 0 !important; padding: 0}
.witrav-feature-tabs__tab-body {grid-column: 2; grid-row: 2; margin: 0 !important}
.witrav-feature-tabs__item:not(.is-active) .witrav-feature-tabs__tab-body {display: none}
.witrav-feature-tabs__more {grid-column: 2; grid-row: 3; margin: 0 !important}
.witrav-feature-tabs__more a {display: inline-flex; align-items: center; gap: 6px; color: var(--wp--preset--color--accent-1); text-decoration: none}
.witrav-feature-tabs__more a::after {content: ""; display: block; width: 14px; height: 14px; background-color: currentColor; -webkit-mask: var(--witrav-feature-tabs-more-arrow) center / contain no-repeat; mask: var(--witrav-feature-tabs-more-arrow) center / contain no-repeat}
.witrav-feature-tabs__item:not(.is-active) .witrav-feature-tabs__more {display: none}
.witrav-feature-tabs__tab:focus-visible {outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px}
.witrav-feature-tabs.witrav-tab-max-640 {--witrav-feature-tabs-tab-max: 640px}
.witrav-feature-tabs.witrav-tab-max-660 {--witrav-feature-tabs-tab-max: 660px}
.witrav-feature-tabs.witrav-tab-max-680 {--witrav-feature-tabs-tab-max: 680px}
.witrav-feature-tabs.witrav-tab-max-700 {--witrav-feature-tabs-tab-max: 700px}
.witrav-feature-tabs.witrav-tab-max-720 {--witrav-feature-tabs-tab-max: 720px}
.witrav-feature-tabs.witrav-tab-max-740 {--witrav-feature-tabs-tab-max: 740px}
.witrav-feature-tabs.witrav-tab-max-760 {--witrav-feature-tabs-tab-max: 760px}
.witrav-feature-tabs.witrav-tab-max-780 {--witrav-feature-tabs-tab-max: 780px}
.witrav-feature-tabs.witrav-tab-max-800 {--witrav-feature-tabs-tab-max: 800px}
.witrav-feature-tabs.witrav-tab-max-820 {--witrav-feature-tabs-tab-max: 820px}
.witrav-feature-tabs.witrav-tab-max-840 {--witrav-feature-tabs-tab-max: 840px}
.witrav-feature-tabs.witrav-tab-max-860 {--witrav-feature-tabs-tab-max: 860px}
.witrav-feature-tabs.witrav-tab-max-880 {--witrav-feature-tabs-tab-max: 880px}
.witrav-feature-tabs.witrav-tab-max-900 {--witrav-feature-tabs-tab-max: 900px}
.witrav-feature-tabs.witrav-tab-max-920 {--witrav-feature-tabs-tab-max: 920px}
.witrav-feature-tabs.witrav-tab-max-940 {--witrav-feature-tabs-tab-max: 940px}
.witrav-feature-tabs.witrav-tab-max-960 {--witrav-feature-tabs-tab-max: 960px}
.witrav-feature-tabs.witrav-tab-max-980 {--witrav-feature-tabs-tab-max: 980px}
.witrav-feature-tabs.witrav-tab-max-1000 {--witrav-feature-tabs-tab-max: 1000px}
.witrav-feature-tabs.witrav-tab-max-1020 {--witrav-feature-tabs-tab-max: 1020px}
.witrav-feature-tabs.witrav-tab-max-1040 {--witrav-feature-tabs-tab-max: 1040px}
.witrav-feature-tabs.witrav-tab-max-1060 {--witrav-feature-tabs-tab-max: 1060px}
.witrav-feature-tabs.witrav-tab-max-1080 {--witrav-feature-tabs-tab-max: 1080px}
.witrav-feature-tabs.witrav-tab-max-1100 {--witrav-feature-tabs-tab-max: 1100px}
.witrav-feature-tabs.witrav-tab-max-1120 {--witrav-feature-tabs-tab-max: 1120px}
.witrav-feature-tabs.witrav-tab-max-1140 {--witrav-feature-tabs-tab-max: 1140px}
.witrav-feature-tabs.witrav-tab-max-1160 {--witrav-feature-tabs-tab-max: 1160px}
.witrav-feature-tabs.witrav-tab-max-1180 {--witrav-feature-tabs-tab-max: 1180px}
.witrav-feature-tabs.witrav-tab-max-1200 {--witrav-feature-tabs-tab-max: 1200px}
.witrav-feature-tabs.witrav-tab-max-1220 {--witrav-feature-tabs-tab-max: 1220px}
.witrav-feature-tabs.witrav-tab-max-1240 {--witrav-feature-tabs-tab-max: 1240px}
.witrav-feature-tabs.witrav-tab-max-1260 {--witrav-feature-tabs-tab-max: 1260px}

.witrav-feature-tabs__dots {display: none; justify-content: center; align-items: center; gap: 8px; margin: 24px 0 0 !important; margin-block-start: 24px !important}

@media (max-width: 1024px) {
  .witrav-feature-tabs__stage {display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; overflow: visible; gap: 12px !important; column-gap: 12px; row-gap: 12px; padding-inline: 0}
  .witrav-feature-tabs__stage > * {margin: 0 !important; margin-block-start: 0 !important}
  .witrav-feature-tabs__item {display: flex; flex-direction: column; flex: none; gap: 12px !important; width: 100%; max-width: none; min-width: 0; padding: 0; overflow: visible; background: transparent; border-radius: 0; box-shadow: none}
  .witrav-feature-tabs__item > * {margin: 0 !important; margin-block-start: 0 !important}
  .witrav-feature-tabs__item .witrav-feature-tabs__media {display: none; grid-column: auto; grid-row: auto; height: auto; min-height: 0; overflow: hidden; border-radius: 6px}
  .witrav-feature-tabs__item.is-active .witrav-feature-tabs__media {display: block; order: -1}
  .witrav-feature-tabs__media-image {position: relative; top: auto; left: auto; height: 240px; box-shadow: none; border-radius: 6px}
  .witrav-feature-tabs__tab {display: grid; grid-column: auto; grid-row: auto; grid-template-columns: 40px minmax(0, 1fr) 28px; align-self: stretch; width: 100%; cursor: pointer}
  .witrav-feature-tabs__item .witrav-feature-tabs__tab-body {grid-column: 2; grid-row: 2}
  .witrav-feature-tabs__dots {display: none}
}

@media (prefers-reduced-motion: reduce) {
  .witrav-feature-tabs__tab {transition: none}
  .witrav-feature-tabs__stage {scroll-behavior: auto}
}