.witrav-vertical-tabs {gap: 0 !important; --witrav-vertical-tabs-radius: 16px; --witrav-vertical-tabs-panel: 24px; --witrav-vertical-tabs-gap: 32px; --witrav-vertical-tabs-inset: 12px}
.witrav-vertical-tabs > * {margin-block-start: 0 !important}
.witrav-vertical-tabs__heading {max-width: 22em; margin: 0 auto 40px !important; color: var(--wp--preset--color--contrast)}
.witrav-vertical-tabs__stage {display: grid; position: relative; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: var(--witrav-vertical-tabs-gap); row-gap: 8px; align-items: start; width: 100%; margin: 0 0 40px !important}
.witrav-vertical-tabs__stage::before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; z-index: 0; width: calc((100% - var(--witrav-vertical-tabs-gap)) / 3); background: var(--wp--preset--color--wash-100); border-radius: var(--witrav-vertical-tabs-panel); pointer-events: none}
.witrav-vertical-tabs__stage > *,
.witrav-vertical-tabs__item > *,
.witrav-vertical-tabs__item.is-layout-flow > * + *,
.witrav-vertical-tabs__item.is-layout-constrained > * + *,
.witrav-vertical-tabs__tab,
.witrav-vertical-tabs__media {margin: 0 !important; margin-block: 0 !important; margin-block-start: 0 !important}
.witrav-vertical-tabs__item {display: contents}
.witrav-vertical-tabs__tab {display: grid; grid-column: 1; grid-template-columns: 40px minmax(0, 1fr); column-gap: 16px; align-items: center; align-self: start; z-index: 1; width: auto; margin-inline: var(--witrav-vertical-tabs-inset) !important; padding: 16px 20px; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: var(--witrav-vertical-tabs-radius); box-shadow: none; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}
.witrav-vertical-tabs__item:first-child .witrav-vertical-tabs__tab {margin-top: var(--witrav-vertical-tabs-inset) !important}
.witrav-vertical-tabs__item:last-child .witrav-vertical-tabs__tab {margin-bottom: var(--witrav-vertical-tabs-inset) !important}
.witrav-vertical-tabs__tab > * {margin-block-start: 0 !important}
.witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__tab:hover {background: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent-1)}
.witrav-vertical-tabs__item.is-active .witrav-vertical-tabs__tab {background: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent-1); box-shadow: 0 12px 32px rgba(38, 102, 241, 0.14), 0 4px 12px rgba(17, 24, 39, 0.06)}
.witrav-vertical-tabs__tab:focus-visible {outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px}
.witrav-vertical-tabs__icon {grid-column: 1; grid-row: 1; display: flex; align-items: center; align-self: center; width: 40px; height: 40px; margin: 0 !important; overflow: hidden; line-height: 0; background: var(--wp--preset--color--wash-100); border-radius: 8px}
.witrav-vertical-tabs__icon img {display: block; width: 40px; height: 40px; object-fit: cover; border-radius: 8px}
.witrav-vertical-tabs__tab-title {grid-column: 2; grid-row: 1; display: flex; align-items: center; min-height: 40px; margin: 0 !important; padding: 0; font-size: 17.28px; font-weight: 600; line-height: 1.3; color: var(--wp--preset--color--contrast)}
.witrav-vertical-tabs__media {grid-column: 2; grid-row: 1; position: relative; align-self: start; width: 100%; height: 0; min-width: 0; min-height: 0; overflow: visible; background: transparent}
.witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__media {display: none}
.witrav-vertical-tabs__media > * {margin: 0 !important; margin-block-start: 0 !important}
.witrav-vertical-tabs__media-image {position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: var(--witrav-vertical-tabs-media-h, 0px); margin: 0 !important; padding: 24px; overflow: hidden; background: var(--wp--preset--color--wash-100); border-radius: var(--witrav-vertical-tabs-panel); box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08)}
.witrav-vertical-tabs__media-image img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--witrav-vertical-tabs-radius)}
.witrav-vertical-tabs .wp-block-buttons {margin: 0 !important}
.witrav-vertical-tabs .wp-block-buttons > * {margin-block-start: 0 !important}

@media (max-width: 1024px) {
  .witrav-vertical-tabs__heading {margin-bottom: 24px !important}
  .witrav-vertical-tabs__stage {display: flex !important; flex-direction: column; gap: 12px !important; column-gap: 0; row-gap: 0; margin-bottom: 32px !important}
  .witrav-vertical-tabs__stage::before {display: none}
  .witrav-vertical-tabs__stage > * {margin: 0 !important; margin-block-start: 0 !important}
  .witrav-vertical-tabs__item {display: flex !important; flex-direction: column; gap: 16px !important; width: 100%; min-width: 0; padding: 16px 20px; overflow: hidden; background: var(--wp--preset--color--wash-100); border: 1px solid var(--wp--preset--color--accent-1); border-radius: var(--witrav-vertical-tabs-radius); box-shadow: none}
  .witrav-vertical-tabs__item.is-active {background: var(--wp--preset--color--base); box-shadow: 0 12px 32px rgba(38, 102, 241, 0.14), 0 4px 12px rgba(17, 24, 39, 0.06)}
  .witrav-vertical-tabs__item > * {margin: 0 !important; margin-block-start: 0 !important}
  .witrav-vertical-tabs__tab {display: grid; grid-column: auto; grid-row: auto; width: 100%; margin: 0 !important; padding: 0; background: transparent; border: none; border-radius: 0; box-shadow: none}
  .witrav-vertical-tabs__item.is-active .witrav-vertical-tabs__tab {background: transparent; border: none; box-shadow: none}
  .witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__tab:hover {background: transparent; border: none}
  .witrav-vertical-tabs__item.is-active .witrav-vertical-tabs__icon {background: var(--wp--preset--color--wash-100)}
  .witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__icon {background: var(--wp--preset--color--base)}
  .witrav-vertical-tabs__item .witrav-vertical-tabs__media {display: block; grid-column: auto; grid-row: auto; position: relative; height: auto; min-height: 0; overflow: hidden; padding: 0; background: var(--wp--preset--color--wash-100); border-radius: var(--witrav-vertical-tabs-radius)}
  .witrav-vertical-tabs__item:not(.is-active) .witrav-vertical-tabs__media {display: none !important}
  .witrav-vertical-tabs__media-image {position: relative; top: auto; left: auto; height: 180px; padding: 16px; box-shadow: none; border-radius: var(--witrav-vertical-tabs-radius)}
  .witrav-vertical-tabs__media-image img {height: 180px; border-radius: 12px}
}

@media (prefers-reduced-motion: reduce) {
  .witrav-vertical-tabs__tab {transition: none}
}