.ds-no-style-leak * {
  all: unset;
  box-sizing: border-box;
  display: block;
}

:host {
  display: contents;
}

.ds-tab__qtiK80 {
  all: initial;
  display: revert;
  box-sizing: border-box;
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  position: relative;
  display: inline-flex;
  flex-direction: row;
  flex-shrink: 0;
  min-width: 44px;
  min-height: 44px;
  padding: var(--ds-spacing-xSmall);
  background-color: var(--ds-bgColor-transparent-onLight);
  color: var(--ds-textColor-secondary);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  font-style: normal;
  font-weight: var(--ds-fontWeight-semibold);
  line-height: var(--ds-lineHeight-large);
  letter-spacing: var(--ds-letterSpacing-wide);
  cursor: default;
}
@media (min-width: 60rem) {
  .ds-tab__qtiK80 {
    font-size: var(--ds-fontSize-18);
  }
}
.ds-tab__qtiK80--selected, .ds-tab__qtiK80:hover:not(.ds-tab__qtiK80--selected), .ds-tab__qtiK80:active:not(.ds-tab__qtiK80--selected) {
  color: var(--ds-textColor-default);
}
.ds-tab__qtiK80--container:focus-visible {
  box-shadow: inset 0 0 0 var(--ds-borderWidth-thick, 0.25rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * -1 * 1);
}
.ds-tab__qtiK80--container.ds-tab__qtiK80--selected {
  background-color: var(--ds-bgColor-white);
}
.ds-tab__qtiK80--container.ds-tab__qtiK80--selected::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-block-start: var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary);
}
.ds-tab__qtiK80--container.ds-tab__qtiK80--selected:not(:focus-visible)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-inline: var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);
}
.ds-tab__qtiK80--container:hover:not(.ds-tab__qtiK80--selected) {
  background-color: var(--ds-bgColor-transparent-onLight-hover);
}
.ds-tab__qtiK80--container:active:not(.ds-tab__qtiK80--selected) {
  background-color: var(--ds-bgColor-transparent-onLight-active);
}
.ds-tab__qtiK80--line:focus-visible .ds-tab__qtiK80__content {
  box-shadow: 0 0 0 var(--ds-borderWidth-thin, 0.125rem) var(--ds-borderColor-white, #fff);
  outline: var(--ds-borderWidth-thin, 0.125rem) solid var(--ds-borderColor-black, #0c0c0c);
  outline-offset: calc(var(--ds-borderWidth-thin, 0.125rem) * 1);
}
.ds-tab__qtiK80--line.ds-tab__qtiK80--selected::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-block-end: var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary);
}
.ds-tab__qtiK80--line:hover:not(.ds-tab__qtiK80--selected)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-block-end: var(--ds-borderWidth-thick) solid var(--ds-borderColor-default);
}
.ds-tab__qtiK80--line:active:not(.ds-tab__qtiK80--selected)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-block-end: var(--ds-borderWidth-thick) solid var(--ds-borderColor-black, #0c0c0c);
}
.ds-tab__qtiK80 .ds-tab__qtiK80__content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--ds-spacing-2xSmall);
}