:host {
  display: block;
}

.wb-tab-list__header {
  --wb-tab-list-header__box-shadow: none;
  display: flex;
  --wb-tab-list__flex-direction--value: var(--wb-tab-list__flex-direction--override, var(--wb-tab-list__flex-direction));
  --wb-tab-list__flex-wrap--value: var(--wb-tab-list__flex-wrap--override, var(--wb-tab-list__flex-wrap));
  --wb-tab-list__justify-content--value: var(--wb-tab-list__justify-content--override, var(--wb-tab-list__justify-content));
  --wb-tab-list__align-content--value: var(--wb-tab-list__align-content--override, var(--wb-tab-list__align-content));
  --wb-tab-list__align-items--value: var(--wb-tab-list__align-items--override, var(--wb-tab-list__align-items));
  --wb-tab-list__gutter-width--value: var(--wb-tab-list__gutter-width--override, var(--wb-tab-list__gutter-width, var(--wb-ds-grid__gutter-x)));
  --wb-tab-list__gutter-height--value: var(--wb-tab-list__gutter-height--override, var(--wb-tab-list__gutter-height, var(--wb-ds-grid__gutter-y)));
  flex-direction: var(--wb-tab-list__flex-direction--value);
  flex-wrap: var(--wb-tab-list__flex-wrap--value);
  justify-content: var(--wb-tab-list__justify-content--value);
  align-content: var(--wb-tab-list__align-content--value);
  align-items: var(--wb-tab-list__align-items--value);
  gutter-width: var(--wb-tab-list__gutter-width--value);
  gutter-height: var(--wb-tab-list__gutter-height--value);
  --wb-tab-list-header__box-shadow--value: var(--wb-tab-list-header__box-shadow, initial);
  --wb-tab-list-header__border-width--value: var(--wb-tab-list-header__border-width, initial);
  --wb-tab-list-header__border-color--value: var(--wb-tab-list-header__border-color, initial);
  --wb-tab-list-header__blur-radius--value: var(--wb-tab-list-header__blur-radius, initial);
  --wb-tab-list-header__spread-radius--value: var(--wb-tab-list-header__spread-radius, initial);
  --wb-tab-list-header__box-shadow-top--value: var(--wb-tab-list-header__box-shadow-top, inset 0px var(--wb-tab-list-header__border-width--value) var(--wb-tab-list-header__blur-radius--value) var(--wb-tab-list-header__spread-radius--value) var(--wb-tab-list-header__border-color--value));
  --wb-tab-list-header__box-shadow-right--value: var(--wb-tab-list-header__box-shadow-right, inset calc(var(--wb-tab-list-header__border-width--value) * -1) 0px var(--wb-tab-list-header__blur-radius--value) var(--wb-tab-list-header__spread-radius--value) var(--wb-tab-list-header__border-color--value));
  --wb-tab-list-header__box-shadow-bottom--value: var(--wb-tab-list-header__box-shadow-bottom, inset 0px calc(var(--wb-tab-list-header__border-width--value) * -1) var(--wb-tab-list-header__blur-radius--value) var(--wb-tab-list-header__spread-radius--value) var(--wb-tab-list-header__border-color--value));
  --wb-tab-list-header__box-shadow-left--value: var(--wb-tab-list-header__box-shadow-left, inset var(--wb-tab-list-header__border-width--value) 0px var(--wb-tab-list-header__blur-radius--value) var(--wb-tab-list-header__spread-radius--value) var(--wb-tab-list-header__border-color--value));
  box-shadow: var(--wb-tab-list-header__box-shadow--value, var(--wb-tab-list-header__box-shadow-left--value), var(--wb-tab-list-header__box-shadow-right--value), var(--wb-tab-list-header__box-shadow-top--value), var(--wb-tab-list-header__box-shadow-bottom--value));
  border-top: var(--wb-tab-list-header__border-top, initial);
  border-right: var(--wb-tab-list-header__border-right, initial);
  border-bottom: var(--wb-tab-list-header__border-bottom, initial);
  border-left: var(--wb-tab-list-header__border-left, initial);
  border-radius: var(--wb-tab-list-header__border-radius, initial);
  outline: var(--wb-tab-list-header__outline, initial);
  transition: var(--wb-tab-list-header__transition, initial);
  overflow-x: auto;
  scrollbar-width: none;
}
.wb-tab-list__header > * {
  --wb-tab-list__gutter-height--override: initial;
  --wb-tab-list__gutter-width--override: initial;
  box-sizing: border-box;
  margin-top: var(--wb-tab-list__gutter-height--value);
  margin-left: var(--wb-tab-list__gutter-width--value);
}
.wb-tab-list__header * {
  --wb-tab-list-header__border-color: initial;
  --wb-tab-list-header__border-radius: initial;
  --wb-tab-list-header__border-width: initial;
  --wb-tab-list-header__box-shadow: initial;
  --wb-tab-list-header__box-shadow-top: initial;
  --wb-tab-list-header__box-shadow-right: initial;
  --wb-tab-list-header__box-shadow-bottom: initial;
  --wb-tab-list-header__box-shadow-left: initial;
  --wb-tab-list-header__border: initial;
  --wb-tab-list-header__border-top: initial;
  --wb-tab-list-header__border-right: initial;
  --wb-tab-list-header__border-bottom: initial;
  --wb-tab-list-header__border-left: initial;
  --wb-tab-list-header__outline: initial;
  --wb-tab-list-header__transition: initial;
}
.wb-tab-list__header::-webkit-scrollbar {
  display: none;
}
.wb-tab-list__button {
  --wb-tab-list-button__align-items: center;
  color: var(--wb-tab-list-button__color--state, var(--wb-tab-list-button__color--override, var(--wb-tab-list-button__color, var(--wb-button__color, var(--wb-ds-button__color, var(--wb-ds-color-text--default))))));
  font-family: var(--wb-tab-list-button__font-family--state, var(--wb-tab-list-button__font-family--override, var(--wb-tab-list-button__font-family, var(--wb-button__font-family))));
  font-size: var(--wb-tab-list-button__font-size--state, var(--wb-tab-list-button__font-size--override, var(--wb-tab-list-button__font-size, var(--wb-button__font-size))));
  font-style: var(--wb-tab-list-button__font-style--state, var(--wb-tab-list-button__font-style--override, var(--wb-tab-list-button__font-style, var(--wb-button__font-style))));
  font-weight: var(--wb-tab-list-button__font-weight--state, var(--wb-tab-list-button__font-weight--override, var(--wb-tab-list-button__font-weight, var(--wb-button__font-weight))));
  line-height: var(--wb-tab-list-button__line-height--state, var(--wb-tab-list-button__line-height--override, var(--wb-tab-list-button__line-height, var(--wb-button__line-height))));
  letter-spacing: var(--wb-tab-list-button__letter-spacing--state, var(--wb-tab-list-button__letter-spacing--override, var(--wb-tab-list-button__letter-spacing, var(--wb-button__letter-spacing))));
  text-transform: var(--wb-tab-list-button__text-transform--state, var(--wb-tab-list-button__text-transform--override, var(--wb-tab-list-button__text-transform, var(--wb-button__text-transform))));
  text-align: var(--wb-tab-list-button__text-align--state, var(--wb-tab-list-button__text-align--override, var(--wb-tab-list-button__text-align, var(--wb-button__text-align))));
  opacity: var(--wb-tab-list-button__opacity--state, var(--wb-tab-list-button__opacity--override, var(--wb-tab-list-button__opacity, var(--wb-button__opacity))));
  padding-top: var(--wb-tab-list-button__bezel-top--state, var(--wb-tab-list-button__bezel--state, var(--wb-tab-list-button__bezel-top--override, var(--wb-tab-list-button__bezel--override, var(--wb-tab-list-button__bezel-top, var(--wb-tab-list-button__bezel, var(--wb-button__bezel, var(--wb-button__bezel-top, var(--wb-ds-button__bezel, var(--wb-ds-button__bezel-top, var(--wb-ds-space--s, 1rem)))))))))));
  padding-right: var(--wb-tab-list-button__bezel-right--state, var(--wb-tab-list-button__bezel--state, var(--wb-tab-list-button__bezel-right--override, var(--wb-tab-list-button__bezel--override, var(--wb-tab-list-button__bezel-right, var(--wb-tab-list-button__bezel, var(--wb-button__bezel, var(--wb-button__bezel-right, var(--wb-ds-button__bezel, var(--wb-ds-button__bezel-right, var(--wb-ds-space--s, 1rem)))))))))));
  padding-bottom: var(--wb-tab-list-button__bezel-bottom--state, var(--wb-tab-list-button__bezel--state, var(--wb-tab-list-button__bezel-bottom--override, var(--wb-tab-list-button__bezel--override, var(--wb-tab-list-button__bezel-bottom, var(--wb-tab-list-button__bezel, var(--wb-button__bezel, var(--wb-button__bezel-bottom, var(--wb-ds-button__bezel, var(--wb-ds-button__bezel-bottom, var(--wb-ds-space--s, 1rem)))))))))));
  padding-left: var(--wb-tab-list-button__bezel-left--state, var(--wb-tab-list-button__bezel--state, var(--wb-tab-list-button__bezel-left--override, var(--wb-tab-list-button__bezel--override, var(--wb-tab-list-button__bezel-left, var(--wb-tab-list-button__bezel, var(--wb-button__bezel, var(--wb-button__bezel-left, var(--wb-ds-button__bezel, var(--wb-ds-button__bezel-left, var(--wb-ds-space--s, 1rem)))))))))));
  --wb-button__box-shadow--value: var(--wb-button__box-shadow--state, var(--wb-button__box-shadow--override, var(--wb-button__box-shadow, var(--wb-ds-border-is-box-shadow))));
  --wb-button__border-width--value: var(--wb-button__border-width--state, var(--wb-button__border-width--override, var(--wb-button__border-width, var(--wb-ds-button__border-width, var(--wb-ds-border-width--default, var(--wb-ds-border-width--default))))));
  --wb-button__border-color--value: var(--wb-button__border-color--state, var(--wb-button__border-color--override, var(--wb-button__border-color, var(--wb-ds-button__border-color, var(--wb-ds-color-border--default, var(--wb-ds-color-border--default))))));
  --wb-button__blur-radius--value: var(--wb-button__blur-radius--state, var(--wb-button__blur-radius--override, var(--wb-button__blur-radius, var(--wb-ds-border-blur-radius--default, 0))));
  --wb-button__spread-radius--value: var(--wb-button__spread-radius--state, var(--wb-button__spread-radius--override, var(--wb-button__spread-radius, var(--wb-ds-border-spread-radius--default, 0))));
  --wb-tab-list-button__box-shadow--value: var(--wb-tab-list-button__box-shadow--state, var(--wb-tab-list-button__box-shadow--override, var(--wb-tab-list-button__box-shadow, var(--wb-button__box-shadow--value))));
  --wb-tab-list-button__border-width--value: var(--wb-tab-list-button__border-width--state, var(--wb-tab-list-button__border-width--override, var(--wb-tab-list-button__border-width, var(--wb-button__border-width--value))));
  --wb-tab-list-button__border-color--value: var(--wb-tab-list-button__border-color--state, var(--wb-tab-list-button__border-color--override, var(--wb-tab-list-button__border-color, var(--wb-button__border-color--value))));
  --wb-tab-list-button__blur-radius--value: var(--wb-tab-list-button__blur-radius--state, var(--wb-tab-list-button__blur-radius--override, var(--wb-tab-list-button__blur-radius, var(--wb-button__blur-radius--value))));
  --wb-tab-list-button__spread-radius--value: var(--wb-tab-list-button__spread-radius--state, var(--wb-tab-list-button__spread-radius--override, var(--wb-tab-list-button__spread-radius, var(--wb-button__spread-radius--value))));
  --wb-tab-list-button__box-shadow-top--value: var(--wb-tab-list-button__box-shadow-top, inset 0px var(--wb-tab-list-button__border-width--value) var(--wb-tab-list-button__blur-radius--value) var(--wb-tab-list-button__spread-radius--value) var(--wb-tab-list-button__border-color--value));
  --wb-tab-list-button__box-shadow-right--value: var(--wb-tab-list-button__box-shadow-right, inset calc(var(--wb-tab-list-button__border-width--value) * -1) 0px var(--wb-tab-list-button__blur-radius--value) var(--wb-tab-list-button__spread-radius--value) var(--wb-tab-list-button__border-color--value));
  --wb-tab-list-button__box-shadow-bottom--value: var(--wb-tab-list-button__box-shadow-bottom, inset 0px calc(var(--wb-tab-list-button__border-width--value) * -1) var(--wb-tab-list-button__blur-radius--value) var(--wb-tab-list-button__spread-radius--value) var(--wb-tab-list-button__border-color--value));
  --wb-tab-list-button__box-shadow-left--value: var(--wb-tab-list-button__box-shadow-left, inset var(--wb-tab-list-button__border-width--value) 0px var(--wb-tab-list-button__blur-radius--value) var(--wb-tab-list-button__spread-radius--value) var(--wb-tab-list-button__border-color--value));
  box-shadow: var(--wb-tab-list-button__box-shadow--value, var(--wb-tab-list-button__box-shadow-left--value), var(--wb-tab-list-button__box-shadow-right--value), var(--wb-tab-list-button__box-shadow-top--value), var(--wb-tab-list-button__box-shadow-bottom--value));
  border-top: var(--wb-tab-list-button__border-top--state, var(--wb-tab-list-button__border--state, var(--wb-tab-list-button__border-top--override, var(--wb-tab-list-button__border--override, var(--wb-tab-list-button__border-top, var(--wb-tab-list-button__border, var(--wb-button__border-top, var(--wb-button__border, var(--wb-ds-border-is-border)))))))));
  border-right: var(--wb-tab-list-button__border-right--state, var(--wb-tab-list-button__border--state, var(--wb-tab-list-button__border-right--override, var(--wb-tab-list-button__border--override, var(--wb-tab-list-button__border-right, var(--wb-tab-list-button__border, var(--wb-button__border-right, var(--wb-button__border, var(--wb-ds-border-is-border)))))))));
  border-bottom: var(--wb-tab-list-button__border-bottom--state, var(--wb-tab-list-button__border--state, var(--wb-tab-list-button__border-bottom--override, var(--wb-tab-list-button__border--override, var(--wb-tab-list-button__border-bottom, var(--wb-tab-list-button__border, var(--wb-button__border-bottom, var(--wb-button__border, var(--wb-ds-border-is-border)))))))));
  border-left: var(--wb-tab-list-button__border-left--state, var(--wb-tab-list-button__border--state, var(--wb-tab-list-button__border-left--override, var(--wb-tab-list-button__border--override, var(--wb-tab-list-button__border-left, var(--wb-tab-list-button__border, var(--wb-button__border-left, var(--wb-button__border, var(--wb-ds-border-is-border)))))))));
  border-radius: var(--wb-tab-list-button__border-radius--state, var(--wb-tab-list-button__border-radius--override, var(--wb-tab-list-button__border-radius, var(--wb-button__border-radius, var(--wb-ds-button__border-radius, var(--wb-ds-border-radius--default, var(--wb-ds-border-radius--default)))))));
  outline: var(--wb-tab-list-button__outline--state, var(--wb-tab-list-button__outline--override, var(--wb-tab-list-button__outline, var(--wb-button__outline, var(--wb-ds-border-is-outline)))));
  transition: var(--wb-tab-list-button__transition--state, var(--wb-tab-list-button__transition--override, var(--wb-tab-list-button__transition, var(--wb-button__transition, background var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), color var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), box-shadow var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function), border var(--wb-ds-animation-duration--default) var(--wb-ds-animation-timing-function)))));
  background: var(--wb-tab-list-button__background--state, var(--wb-tab-list-button__background--override, var(--wb-tab-list-button__background, var(--wb-button__background, var(--wb-ds-button__background, var(--wb-ds-color-background--default, var(--wb-ds-color-background--default, initial)))))));
  text-decoration: var(--wb-tab-list-button__text-decoration--state, var(--wb-tab-list-button__text-decoration--override, var(--wb-tab-list-button__text-decoration, var(--wb-button__text-decoration, var(--wb-ds-button__text-decoration, none)))));
  cursor: var(--wb-tab-list-button__cursor--state, var(--wb-tab-list-button__cursor--override, var(--wb-tab-list-button__cursor, var(--wb-button__cursor, var(--wb-ds-button__cursor, pointer)))));
  width: var(--wb-tab-list-button__width--state, var(--wb-tab-list-button__width--override, var(--wb-tab-list-button__width, var(--wb-button__width))));
  display: flex;
  --wb-tab-list-button__flex-direction--value: var(--wb-tab-list-button__flex-direction--override, var(--wb-tab-list-button__flex-direction));
  --wb-tab-list-button__flex-wrap--value: var(--wb-tab-list-button__flex-wrap--override, var(--wb-tab-list-button__flex-wrap));
  --wb-tab-list-button__justify-content--value: var(--wb-tab-list-button__justify-content--override, var(--wb-tab-list-button__justify-content));
  --wb-tab-list-button__align-content--value: var(--wb-tab-list-button__align-content--override, var(--wb-tab-list-button__align-content));
  --wb-tab-list-button__align-items--value: var(--wb-tab-list-button__align-items--override, var(--wb-tab-list-button__align-items));
  --wb-tab-list-button__gutter-width--value: var(--wb-tab-list-button__gutter-width--override, var(--wb-tab-list-button__gutter-width, var(--wb-ds-grid__gutter-x)));
  --wb-tab-list-button__gutter-height--value: var(--wb-tab-list-button__gutter-height--override, var(--wb-tab-list-button__gutter-height, var(--wb-ds-grid__gutter-y)));
  flex-direction: var(--wb-tab-list-button__flex-direction--value);
  flex-wrap: var(--wb-tab-list-button__flex-wrap--value);
  justify-content: var(--wb-tab-list-button__justify-content--value);
  align-content: var(--wb-tab-list-button__align-content--value);
  align-items: var(--wb-tab-list-button__align-items--value);
  gutter-width: var(--wb-tab-list-button__gutter-width--value);
  gutter-height: var(--wb-tab-list-button__gutter-height--value);
  text-align: var(--wb-tab-list-button__text-align, center);
  flex: var(--wb-tab-list-button__flex, initial);
  white-space: nowrap;
  --wb-icon__size--override: var(
      --wb-tab-list-button-icon__size--override,
      var(--wb-tab-list-button-icon__size--state, var(--wb-tab-list-button-icon__size))
  );
  --wb-icon__fill--override: var(
      --wb-tab-list-button-icon__fill--override,
      var(--wb-tab-list-button-icon__fill--state, var(--wb-tab-list-button-icon__fill))
  );
  --wb-icon__filter--override: var(
      --wb-tab-list-button-icon__filter--override,
      var(--wb-tab-list-button-icon__filter--state, var(--wb-tab-list-button-icon__filter))
  );
}
.wb-tab-list__button * {
  --wb-tab-list-button__bezel: initial;
  --wb-tab-list-button__bezel-top: initial;
  --wb-tab-list-button__bezel-right: initial;
  --wb-tab-list-button__bezel-bottom: initial;
  --wb-tab-list-button__bezel-left: initial;
}
.wb-tab-list__button * {
  --wb-tab-list-button__border-color: initial;
  --wb-tab-list-button__border-radius: initial;
  --wb-tab-list-button__border-width: initial;
  --wb-tab-list-button__box-shadow: initial;
  --wb-tab-list-button__box-shadow-top: initial;
  --wb-tab-list-button__box-shadow-right: initial;
  --wb-tab-list-button__box-shadow-bottom: initial;
  --wb-tab-list-button__box-shadow-left: initial;
  --wb-tab-list-button__border: initial;
  --wb-tab-list-button__border-top: initial;
  --wb-tab-list-button__border-right: initial;
  --wb-tab-list-button__border-bottom: initial;
  --wb-tab-list-button__border-left: initial;
  --wb-tab-list-button__outline: initial;
  --wb-tab-list-button__transition: initial;
}
.wb-tab-list__button * {
  --wb-tab-list-button__background: initial;
}
.wb-tab-list__button > * {
  --wb-tab-list-button__gutter-height--override: initial;
  --wb-tab-list-button__gutter-width--override: initial;
  box-sizing: border-box;
  margin-top: var(--wb-tab-list-button__gutter-height--value);
  margin-left: var(--wb-tab-list-button__gutter-width--value);
}
.wb-tab-list__button:focus {
  --wb-tab-list-button__opacity--state: var(--wb-tab-list-button__opacity--focus);
  --wb-tab-list-button__font-weight--state: var(--wb-tab-list-button__font-weight--focus);
  --wb-tab-list-button__font-style--state: var(--wb-tab-list-button__font-style--focus);
  --wb-tab-list-button__color--state: var(--wb-tab-list-button__color--focus);
  --wb-tab-list-button__border-left--state: var(--wb-tab-list-button__border-left--focus);
  --wb-tab-list-button__border-bottom--state: var(--wb-tab-list-button__border-bottom--focus);
  --wb-tab-list-button__border-right--state: var(--wb-tab-list-button__border-right--focus);
  --wb-tab-list-button__border-top--state: var(--wb-tab-list-button__border-top--focus);
  --wb-tab-list-button__border--state: var(--wb-tab-list-button__border--focus);
  --wb-tab-list-button__box-shadow--state: var(--wb-tab-list-button__box-shadow--focus);
  --wb-tab-list-button__transition--state: var(--wb-tab-list-button__transition--focus);
  --wb-tab-list-button__border-width--state: var(--wb-tab-list-button__border-width--focus);
  --wb-tab-list-button__border-color--state: var(--wb-tab-list-button__border-color--focus);
  --wb-tab-list-button__background--state: var(--wb-tab-list-button__background--focus);
  --wb-tab-list-button__cursor--state: var(--wb-tab-list-button__cursor--focus);
  --wb-tab-list-button__text-decoration--state: var(--wb-tab-list-button__text-decoration--focus);
  --wb-tab-list-button-icon__fill--state: var(--wb-tab-list-button-icon__fill--focus);
  --wb-tab-list-button-icon__filter--state: var(--wb-tab-list-button-icon__filter--focus);
}
.wb-tab-list__button:hover {
  --wb-tab-list-button__opacity--state: var(--wb-tab-list-button__opacity--hover);
  --wb-tab-list-button__font-weight--state: var(--wb-tab-list-button__font-weight--hover);
  --wb-tab-list-button__font-style--state: var(--wb-tab-list-button__font-style--hover);
  --wb-tab-list-button__color--state: var(--wb-tab-list-button__color--hover);
  --wb-tab-list-button__border-left--state: var(--wb-tab-list-button__border-left--hover);
  --wb-tab-list-button__border-bottom--state: var(--wb-tab-list-button__border-bottom--hover);
  --wb-tab-list-button__border-right--state: var(--wb-tab-list-button__border-right--hover);
  --wb-tab-list-button__border-top--state: var(--wb-tab-list-button__border-top--hover);
  --wb-tab-list-button__border--state: var(--wb-tab-list-button__border--hover);
  --wb-tab-list-button__box-shadow--state: var(--wb-tab-list-button__box-shadow--hover);
  --wb-tab-list-button__transition--state: var(--wb-tab-list-button__transition--hover);
  --wb-tab-list-button__border-width--state: var(--wb-tab-list-button__border-width--hover);
  --wb-tab-list-button__border-color--state: var(--wb-tab-list-button__border-color--hover);
  --wb-tab-list-button__background--state: var(--wb-tab-list-button__background--hover);
  --wb-tab-list-button__cursor--state: var(--wb-tab-list-button__cursor--hover);
  --wb-tab-list-button__text-decoration--state: var(--wb-tab-list-button__text-decoration--hover);
  --wb-tab-list-button-icon__fill--state: var(--wb-tab-list-button-icon__fill--hover);
  --wb-tab-list-button-icon__filter--state: var(--wb-tab-list-button-icon__filter--hover);
}
.wb-tab-list__button:active, .wb-tab-list__button--active {
  --wb-tab-list-button__opacity--state: var(--wb-tab-list-button__opacity--active);
  --wb-tab-list-button__font-weight--state: var(--wb-tab-list-button__font-weight--active);
  --wb-tab-list-button__font-style--state: var(--wb-tab-list-button__font-style--active);
  --wb-tab-list-button__color--state: var(--wb-tab-list-button__color--active);
  --wb-tab-list-button__border-left--state: var(--wb-tab-list-button__border-left--active);
  --wb-tab-list-button__border-bottom--state: var(--wb-tab-list-button__border-bottom--active);
  --wb-tab-list-button__border-right--state: var(--wb-tab-list-button__border-right--active);
  --wb-tab-list-button__border-top--state: var(--wb-tab-list-button__border-top--active);
  --wb-tab-list-button__border--state: var(--wb-tab-list-button__border--active);
  --wb-tab-list-button__box-shadow--state: var(--wb-tab-list-button__box-shadow--active);
  --wb-tab-list-button__transition--state: var(--wb-tab-list-button__transition--active);
  --wb-tab-list-button__border-width--state: var(--wb-tab-list-button__border-width--active);
  --wb-tab-list-button__border-color--state: var(--wb-tab-list-button__border-color--active);
  --wb-tab-list-button__background--state: var(--wb-tab-list-button__background--active);
  --wb-tab-list-button__cursor--state: var(--wb-tab-list-button__cursor--active);
  --wb-tab-list-button__text-decoration--state: var(--wb-tab-list-button__text-decoration--active);
  --wb-tab-list-button-icon__fill--state: var(--wb-tab-list-button-icon__fill--active);
  --wb-tab-list-button-icon__filter--state: var(--wb-tab-list-button-icon__filter--active);
}
.wb-tab-list__button:disabled {
  --wb-tab-list-button__opacity--state: var(--wb-tab-list-button__opacity--disabled);
  --wb-tab-list-button__font-weight--state: var(--wb-tab-list-button__font-weight--disabled);
  --wb-tab-list-button__font-style--state: var(--wb-tab-list-button__font-style--disabled);
  --wb-tab-list-button__color--state: var(--wb-tab-list-button__color--disabled);
  --wb-tab-list-button__border-left--state: var(--wb-tab-list-button__border-left--disabled);
  --wb-tab-list-button__border-bottom--state: var(--wb-tab-list-button__border-bottom--disabled);
  --wb-tab-list-button__border-right--state: var(--wb-tab-list-button__border-right--disabled);
  --wb-tab-list-button__border-top--state: var(--wb-tab-list-button__border-top--disabled);
  --wb-tab-list-button__border--state: var(--wb-tab-list-button__border--disabled);
  --wb-tab-list-button__box-shadow--state: var(--wb-tab-list-button__box-shadow--disabled);
  --wb-tab-list-button__transition--state: var(--wb-tab-list-button__transition--disabled);
  --wb-tab-list-button__border-width--state: var(--wb-tab-list-button__border-width--disabled);
  --wb-tab-list-button__border-color--state: var(--wb-tab-list-button__border-color--disabled);
  --wb-tab-list-button__background--state: var(--wb-tab-list-button__background--disabled);
  --wb-tab-list-button__cursor--state: var(--wb-tab-list-button__cursor--disabled, not-allowed);
  --wb-tab-list-button__text-decoration--state: var(--wb-tab-list-button__text-decoration--disabled);
  --wb-tab-list-button-icon__fill--state: var(--wb-tab-list-button-icon__fill--disabled);
  --wb-tab-list-button-icon__filter--state: var(--wb-tab-list-button-icon__filter--disabled);
}

::slotted(.active) {
  display: block;
}

::slotted(:not(.active)) {
  display: none;
}