:host { box-sizing: border-box; }
:host *, :host ::before, :host ::after { box-sizing: inherit; }
[hidden] { display: none !important; }
:host { color: var(--wa-color-text-normal); user-select: none; position: relative; display: flex; align-items: center; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; padding: 0.5em 1em 0.5em 0.25em; line-height: var(--wa-line-height-condensed); transition: fill var(--wa-transition-normal) var(--wa-transition-easing); cursor: pointer; }
:host(:focus) { outline: none; }
@media (hover: hover) {
  :host(:not(:state(disabled), :state(current)):is(:state(hover), :hover)) { background-color: var(--wa-color-neutral-fill-normal); color: var(--wa-color-neutral-on-normal); }
}
:host(:state(current)), :host(:state(disabled):state(current)) { background-color: var(--wa-color-brand-fill-loud); color: var(--wa-color-brand-on-loud); opacity: 1; }
:host(:state(disabled)) { outline: none; opacity: 0.5; cursor: not-allowed; }
.label { flex: 1 1 auto; display: inline-block; }
.check { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; font-size: var(--wa-font-size-smaller); visibility: hidden; width: 2em; }
:host(:state(selected)) .check { visibility: visible; }
.start, .end { flex: 0 0 auto; display: flex; align-items: center; }
.start::slotted(*) { margin-inline-end: 0.5em; }
.end::slotted(*) { margin-inline-start: 0.5em; }
@media (forced-colors: active) {
  :host(:hover:not([aria-disabled="true"])) { outline: selecteditem dashed 1px; outline-offset: -1px; }
}