.tabbed-labels {
  display: flex;
  gap: 0.5rem;
  border-bottom: none !important;
  flex-wrap: wrap;
}

.tabbed-labels > label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  border: 1.5px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  opacity: 0.65;
  background: transparent;
}

.tabbed-labels > label:hover {
  opacity: 1;
  border-color: var(--md-primary-fg-color);
  background: var(--md-primary-fg-color--light);
}

.tabbed-labels > input:checked + label {
  background: var(--md-primary-fg-color);
  color: #fff;
  border-color: var(--md-primary-fg-color);
  opacity: 1;
}

.tabbed-labels > label .lang-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

.tabbed-labels > label .lang-icon.icon-shell {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M2 4v16h20V4H2zm2 2h16v12H4V6zm2 2l4 3-4 3V8zm5 5h5v2h-5v-2z'/%3E%3C/svg%3E");
}

.tabbed-labels > label .lang-icon.icon-node {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2368a063' d='M12 1.85c-.27 0-.55.07-.78.2l-7.44 4.3c-.48.28-.78.8-.78 1.36v8.58c0 .56.3 1.08.78 1.36l1.95 1.12c.95.46 1.27.46 1.71.46 1.4 0 2.21-.85 2.21-2.33V8.44c0-.12-.1-.22-.22-.22H8.5c-.13 0-.23.1-.23.22v8.47c0 .66-.68 1.31-1.77.76L4.45 16.5a.26.26 0 0 1-.12-.21V7.71c0-.09.04-.17.12-.21l7.44-4.29c.08-.04.18-.04.26 0l7.44 4.29c.08.04.12.12.12.21v8.58c0 .08-.04.17-.12.21l-7.44 4.29c-.08.04-.17.04-.26 0l-1.91-1.12c-.08-.04-.17-.07-.25-.04-.68.31-.81.35-1.44.53-.16.04-.4.12.09.35l2.48 1.47c.24.14.5.21.78.21s.55-.07.78-.2l7.44-4.3c.48-.28.78-.8.78-1.36V7.71c0-.56-.3-1.08-.78-1.36l-7.44-4.3c-.23-.13-.5-.2-.78-.2z'/%3E%3C/svg%3E");
}

.tabbed-labels > label .lang-icon.icon-php {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='12' rx='11' ry='6.5' fill='%238892bf'/%3E%3Ctext x='12' y='14.5' text-anchor='middle' font-family='Arial' font-weight='bold' font-size='7' fill='white'%3Ephp%3C/text%3E%3C/svg%3E");
}

.tabbed-labels > label .lang-icon.icon-python {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233776ab' d='M9.585 11.692h4.328s2.432.039 2.432-2.35V5.391S16.714 3 12.304 3h-1.108C7.786 3 7.155 5.391 7.155 5.391v2.539h4.328v.85H5.012S3 8.472 3 12.753v1.108c0 3.391 2.012 3.262 2.012 3.262h1.949v-2.539s-.107-2.012 1.979-2.012zM9.235 5.742a.727.727 0 1 1 0-1.454.727.727 0 0 1 0 1.454z'/%3E%3Cpath fill='%23ffd43b' d='M14.415 12.308H10.087s-2.432-.039-2.432 2.35v3.951S7.286 21 11.696 21h1.108c3.41 0 4.041-2.391 4.041-2.391v-2.539h-4.328v-.85h6.471S21 15.528 21 11.247v-1.108c0-3.391-2.012-3.262-2.012-3.262h-1.949v2.539s.107 2.012-1.979 2.012zm.35 6.566a.727.727 0 1 1 0 1.454.727.727 0 0 1 0-1.454z'/%3E%3C/svg%3E");
}

.tabbed-labels > input:checked + label .lang-icon.icon-shell {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M2 4v16h20V4H2zm2 2h16v12H4V6zm2 2l4 3-4 3V8zm5 5h5v2h-5v-2z'/%3E%3C/svg%3E");
}

.tabbed-labels > input:checked + label .lang-icon.icon-node {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 1.85c-.27 0-.55.07-.78.2l-7.44 4.3c-.48.28-.78.8-.78 1.36v8.58c0 .56.3 1.08.78 1.36l1.95 1.12c.95.46 1.27.46 1.71.46 1.4 0 2.21-.85 2.21-2.33V8.44c0-.12-.1-.22-.22-.22H8.5c-.13 0-.23.1-.23.22v8.47c0 .66-.68 1.31-1.77.76L4.45 16.5a.26.26 0 0 1-.12-.21V7.71c0-.09.04-.17.12-.21l7.44-4.29c.08-.04.18-.04.26 0l7.44 4.29c.08.04.12.12.12.21v8.58c0 .08-.04.17-.12.21l-7.44 4.29c-.08.04-.17.04-.26 0l-1.91-1.12c-.08-.04-.17-.07-.25-.04-.68.31-.81.35-1.44.53-.16.04-.4.12.09.35l2.48 1.47c.24.14.5.21.78.21s.55-.07.78-.2l7.44-4.3c.48-.28.78-.8.78-1.36V7.71c0-.56-.3-1.08-.78-1.36l-7.44-4.3c-.23-.13-.5-.2-.78-.2z'/%3E%3C/svg%3E");
}

.tabbed-labels > input:checked + label .lang-icon.icon-php {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='12' rx='11' ry='6.5' fill='white'/%3E%3Ctext x='12' y='14.5' text-anchor='middle' font-family='Arial' font-weight='bold' font-size='7' fill='%238892bf'%3Ephp%3C/text%3E%3C/svg%3E");
}

.tabbed-labels > input:checked + label .lang-icon.icon-python {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.585 11.692h4.328s2.432.039 2.432-2.35V5.391S16.714 3 12.304 3h-1.108C7.786 3 7.155 5.391 7.155 5.391v2.539h4.328v.85H5.012S3 8.472 3 12.753v1.108c0 3.391 2.012 3.262 2.012 3.262h1.949v-2.539s-.107-2.012 1.979-2.012zM9.235 5.742a.727.727 0 1 1 0-1.454.727.727 0 0 1 0 1.454z'/%3E%3Cpath fill='%23ffd43b' d='M14.415 12.308H10.087s-2.432-.039-2.432 2.35v3.951S7.286 21 11.696 21h1.108c3.41 0 4.041-2.391 4.041-2.391v-2.539h-4.328v-.85h6.471S21 15.528 21 11.247v-1.108c0-3.391-2.012-3.262-2.012-3.262h-1.949v2.539s.107 2.012-1.979 2.012zm.35 6.566a.727.727 0 1 1 0 1.454.727.727 0 0 1 0-1.454z'/%3E%3C/svg%3E");
}

/*
 * Swagger UI overrides are injected via JavaScript (lang-icons.js)
 * directly into the Swagger UI iframe's document, since the
 * swagger-ui-tag plugin renders Swagger UI inside an iframe.
 */