: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; }

AltStyle によって変換されたページ (->オリジナル) /