/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --tab-active-border-color: var(--digi--color--marking--navigation--selected);
  --tab-text-color: var(--digi--color--text--primary);
  --tab-icon-primary--color: var(--digi--color--icon--primary);
  --tab-icon-primary--color-hover: var(--digi--color--icon--primary);
  --tab-icon-primary--color-active: var(--digi--color--icon--primary);
}
:host .digi-tablist {
  font-family: var(--digi--global--typography--font-family--default);
  color: var(--digi--color--text--primary);
  position: relative;
  display: flex;
  gap: 1rem;
  background-color: var(--digi--color--background--primary);
  margin-bottom: 2.875rem;
  border-bottom: 1px solid var(--digi--color--divider--secondary);
}
:host .digi-tablist--overflow-scroll .control-wrapper {
  display: none !important;
}
:host .digi-tablist--overflow-scroll [role=tablist] {
  overflow-x: auto;
}
:host .digi-tablist--overflow-controls [role=tablist] {
  overflow-x: hidden;
}
:host .digi-tablist button {
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}
:host .digi-tablist [role=tablist] {
  display: flex;
  font-weight: bold;
  flex-grow: 1;
  width: 100%;
}
:host .digi-tablist .control-wrapper {
  position: absolute;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
:host .digi-tablist .control-wrapper .tab-control-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--digi--color--background--interactive--default--tertiary);
  border-radius: 6px;
  min-height: auto;
  padding: 0.75rem;
  aspect-ratio: 1;
  cursor: pointer;
}
:host .digi-tablist .control-wrapper .tab-control-button digi-icon-chevron-right,
:host .digi-tablist .control-wrapper .tab-control-button digi-icon-chevron-left {
  --digi--icon--color: var(--digi--color--icon--cta);
}
:host .digi-tablist .digi-tab {
  cursor: pointer;
  white-space: nowrap;
}
:host .digi-tablist .digi-tab .content-wrapper {
  position: relative;
  height: 2.75rem;
  display: flex;
  flex-direction: column;
  transition: background-color 0.1s linear;
}
:host .digi-tablist .digi-tab .tablist-content {
  flex: 1;
  display: flex;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
:host .digi-tablist .digi-tab [class*=digi-icon-]:not(svg) {
  --digi--icon--width: 1rem;
  --digi--icon--color: var(--tab-icon-primary--color);
  padding-right: var(--digi--gutter--smaller);
}
:host .digi-tablist .digi-tab digi-badge-notification {
  margin-left: -0.125rem;
}
:host .digi-tablist .digi-tab .title {
  font-size: 1rem;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  color: var(--tab-text-color);
}
:host .digi-tablist .digi-tab .title::after {
  content: attr(data-text);
  content: attr(data-text)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: bold;
}
:host .digi-tablist .digi-tab .indicator {
  height: 0.25rem;
  width: 100%;
  visibility: hidden;
  background-color: var(--tab-active-border-color);
}
:host .digi-tablist .digi-tab:focus {
  outline: none;
  box-shadow: none;
}
:host .digi-tablist .digi-tab:focus-visible {
  z-index: 10;
  outline: 2px solid black;
  outline-offset: -3px;
  box-shadow: 0px 0px 0px 5px inset white;
}
:host .digi-tablist .digi-tab:hover:not(.is-active) .title {
  color: var(--digi--color--text--interactive--primary);
  text-decoration: underline;
}
:host .digi-tablist .digi-tab:hover:not(.is-active) [class*=digi-icon-]:not(svg) {
  --tab-icon-primary--color: var(--tab-icon-primary--color-hover);
}
:host .digi-tablist .digi-tab.is-active .title {
  font-weight: bold;
}
:host .digi-tablist .digi-tab.is-active svg {
  transform: translateX(-0.125rem);
}
:host .digi-tablist .digi-tab.is-active [class*=digi-icon-]:not(svg) {
  --tab-icon-primary--color: var(--tab-icon-primary--color-active);
}
:host .digi-tablist .digi-tab.is-active .indicator {
  visibility: visible;
}