.urovo-tabs-v2 {
  width: 100%;
  min-width: 0;
  --showcase-size: clamp(1.25rem, 2.2vw, 2.25rem);
}
.urovo-tabs-v2--sm {
  --showcase-size: clamp(1rem, 1.4vw, 1.25rem);
}
.urovo-tabs-v2--md {
  --showcase-size: clamp(1.125rem, 1.8vw, 1.75rem);
}
.urovo-tabs-v2--xl {
  --showcase-size: clamp(1.5rem, 3.2vw, 3.25rem);
}
.urovo-tabs-v2__stage {
  min-width: 0;
  position: relative;
}
.urovo-tabs-v2.is-ready {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}
.urovo-tabs-v2--left.is-ready {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
}
.urovo-tabs-v2--left > .urovo-tabs-v2__stage {
  grid-column: 2;
  grid-row: 1;
}
.urovo-tabs-v2--left > .urovo-tabs-v2__navigation {
  grid-column: 1;
  grid-row: 1;
}
.urovo-tabs-v2.is-ready > .urovo-tabs-v2__stage > .urovo-tabs__item > [data-tab-label] {
  display: none;
}
.urovo-tabs-v2 [hidden] {
  display: none !important;
}
.urovo-tabs-v2__list {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: inset 2px 0 color-mix(in srgb, var(--showcase-label), transparent 75%);
}
.urovo-tabs-v2__trigger {
  position: relative;
  width: 100%;
  border: 0;
  background: transparent;
  padding: clamp(1rem, 2.2vw, 2rem) 0 clamp(1rem, 2.2vw, 2rem) clamp(1.25rem, 3vw, 3rem);
  text-align: start;
  font: inherit;
  font-size: var(--showcase-size);
  font-weight: 500;
  line-height: 1.25;
  color: var(--showcase-label);
  overflow-wrap: anywhere;
  cursor: pointer;
  transition: color 360ms ease;
}
.urovo-tabs-v2__indicator {
  position: absolute;
  inset: 0 auto auto 0;
  background: var(--showcase-indicator);
  pointer-events: none;
}
.urovo-tabs-v2.has-motion .urovo-tabs-v2__indicator {
  transition:
    transform 560ms cubic-bezier(0.22, 1, 0.36, 1),
    width 560ms cubic-bezier(0.22, 1, 0.36, 1),
    height 560ms cubic-bezier(0.22, 1, 0.36, 1);
}
.urovo-tabs-v2__label {
  display: inline-block;
  transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
}
.urovo-tabs-v2__trigger[aria-selected="true"] > .urovo-tabs-v2__label {
  transform: translateX(6px);
}
.urovo-tabs-v2__trigger[aria-selected="true"] {
  color: var(--showcase-active);
}
.urovo-tabs-v2__trigger:focus-visible {
  outline: 2px solid var(--showcase-indicator);
  outline-offset: 4px;
}
.urovo-tabs-v2.is-ready > .urovo-tabs-v2__stage > .urovo-tabs__item > .urovo-tabs__panel {
  padding: 0;
}
.urovo-tabs-v2__stage.is-animating {
  overflow: hidden;
}
.urovo-tabs-v2__stage > .is-leaving {
  position: absolute;
  inset: 0;
  pointer-events: none;
  animation: urovo-showcase-slide-out 640ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.urovo-tabs-v2__stage > .is-entering {
  position: relative;
  animation: urovo-showcase-slide-in 640ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes urovo-showcase-slide-in {
  from {
    transform: translate3d(calc(var(--showcase-direction, 1) * 100%), 0, 0);
    opacity: 0.45;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes urovo-showcase-slide-out {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(calc(var(--showcase-direction, 1) * -100%), 0, 0);
    opacity: 0.45;
  }
}
/* Keep the rail on the edge facing the content in either desktop layout. */
@media (min-width: 768px) {
  .urovo-tabs-v2--left > .urovo-tabs-v2__navigation > .urovo-tabs-v2__list {
    box-shadow: inset -2px 0 color-mix(in srgb, var(--showcase-label), transparent 75%);
  }
  .urovo-tabs-v2--left > .urovo-tabs-v2__navigation > .urovo-tabs-v2__list > .urovo-tabs-v2__indicator {
    left: auto;
    right: 0;
  }
  .urovo-tabs-v2--left > .urovo-tabs-v2__navigation > .urovo-tabs-v2__list > .urovo-tabs-v2__trigger {
    padding-inline: 0 clamp(1.25rem, 3vw, 3rem);
    text-align: right;
  }
}
.urovo-tabs-v2:is(.urovo-tabs-v2--top, .urovo-tabs-v2--bottom).is-ready {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}
.urovo-tabs-v2--top > .urovo-tabs-v2__navigation {
  order: -1;
}
.urovo-tabs-v2--bottom > .urovo-tabs-v2__navigation {
  order: 1;
}
.urovo-tabs-v2:is(.urovo-tabs-v2--top, .urovo-tabs-v2--bottom) > .urovo-tabs-v2__navigation {
  min-width: 0;
}
.urovo-tabs-v2:is(.urovo-tabs-v2--top, .urovo-tabs-v2--bottom) > .urovo-tabs-v2__navigation > .urovo-tabs-v2__list {
  flex-direction: row;
  overflow-x: auto;
  box-shadow: inset 0 -2px color-mix(in srgb, var(--showcase-label), transparent 75%);
}
.urovo-tabs-v2:is(.urovo-tabs-v2--top, .urovo-tabs-v2--bottom) > .urovo-tabs-v2__navigation > .urovo-tabs-v2__list > .urovo-tabs-v2__trigger {
  width: auto;
  flex: 1 0 auto;
  max-width: 85%;
  padding: 0.9rem 1.25rem;
  text-align: center;
}
.urovo-tabs-v2:is(.urovo-tabs-v2--top, .urovo-tabs-v2--bottom)
  > .urovo-tabs-v2__navigation
  > .urovo-tabs-v2__list
  > .urovo-tabs-v2__trigger[aria-selected="true"]
  > .urovo-tabs-v2__label {
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  .urovo-tabs-v2.is-ready {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem;
  }
  .urovo-tabs-v2:not(.urovo-tabs-v2--bottom) > .urovo-tabs-v2__navigation {
    order: -1;
    min-width: 0;
  }
  .urovo-tabs-v2__list {
    flex-direction: row;
    overflow-x: auto;
    box-shadow: inset 0 -2px color-mix(in srgb, var(--showcase-label), transparent 75%);
  }
  .urovo-tabs-v2 .urovo-tabs-v2__navigation > .urovo-tabs-v2__list > .urovo-tabs-v2__trigger {
    width: auto;
    flex: 0 0 auto;
    max-width: 85%;
    padding: 0.75rem 1rem;
    font-size: min(var(--showcase-size), 1.25rem);
  }
  .urovo-tabs-v2__trigger[aria-selected="true"] > .urovo-tabs-v2__label {
    transform: translateY(-2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .urovo-tabs-v2 .urovo-tabs-v2__trigger,
  .urovo-tabs-v2 .urovo-tabs-v2__label,
  .urovo-tabs-v2.has-motion .urovo-tabs-v2__indicator {
    transition: none;
  }
  .urovo-tabs-v2:is(.urovo-tabs-v2--left, .urovo-tabs-v2--right, .urovo-tabs-v2--top, .urovo-tabs-v2--bottom)
    > .urovo-tabs-v2__navigation
    > .urovo-tabs-v2__list
    > .urovo-tabs-v2__trigger[aria-selected="true"]
    > .urovo-tabs-v2__label {
    transform: none;
  }
  .urovo-tabs-v2__stage > .is-entering,
  .urovo-tabs-v2__stage > .is-leaving {
    animation: none;
  }
}

/* FAQ grouping: compact labels and a wider answer column. */
.faq-tabs-pattern .urovo-tabs-v2 .urovo-tabs-v2__trigger {
  font-size: var(--text-md);
  line-height: var(--text-md--line-height);
  padding-block: 0.75rem;
}
@media (min-width: 768px) {
  .faq-tabs-pattern .urovo-tabs-v2--left.is-ready {
    align-items: start;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
}
