/* Reusable two-or-more-tab presentation for Priorix Continuum pages. */
.gsk-tabs {
  --gsk-tabs-active: #011689;
  --gsk-tabs-inactive: #CDD2E7;
  --gsk-tabs-inactive-text: #4D4D4F;
  --gsk-tabs-panel: #d4d8eb;
  --gsk-tabs-focus: #15717d;
  box-sizing: border-box;
  width: 100%;
  color: var(--gsk-tabs-inactive-text);
  background: #fff;
}

.gsk-tabs .gsk-tabs__nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
}

.gsk-tabs .gsk-tabs__tab-link {
  display: inline-flex;
  flex: 1 1 50%;
  min-height: 4.25rem;
  padding: 1rem 1.25rem;
  align-items: center;
  justify-content: center;
  color: var(--gsk-tabs-inactive-text) !important;
  background: var(--gsk-tabs-inactive);
  border: 0;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  text-decoration: none !important;
  cursor: pointer;
}

.gsk-tabs .gsk-tabs__tab-link > span {
  color: inherit !important;
}

.gsk-tabs .gsk-tabs__tab-link sup {
  font-size: 0.65em;
  line-height: 0;
  vertical-align: super;
}

.gsk-tabs .gsk-tabs__tab-link--active,
.gsk-tabs .gsk-tabs__tab-link[aria-selected="true"] {
  color: #fff !important;
  background: var(--gsk-tabs-active);
  text-decoration: underline !important;
}

.gsk-tabs .gsk-tabs__tab-link:focus-visible {
  outline: 3px solid var(--gsk-tabs-focus);
  outline-offset: 3px;
}

.gsk-tabs__panel-content[hidden],
.gsk-tabs__panel-content--inactive {
  display: none !important;
}

#gsk-tab-panel-2 {
  display: none;
}

.gsk-tabs__panel-content--active {
  display: flex;
}

.gsk-tabs__panel-content .gsk-tabs__panel-card ul,
#gsk-tab-panel-1-content ul,
#gsk-tab-panel-2-content ul {
  margin-block: 0;
}

@media (max-width: 47.9375rem) {

  .gsk-tabs .gsk-tabs__tab-link {
    min-width: 0;
    padding: 1rem;
    align-items: flex-start;
    text-align: center;
    white-space: normal;
  }

  .gsk-tabs__panel-content {
    padding: 0.75rem;
  }
}
