/* Native inputs/ARIA own state. One paint layer supplies every selected variant. */
:is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary) {
  position: relative;
  isolation: isolate;
  background: transparent;
  border-color: transparent;
  border-radius: var(--choice-radius);
  box-shadow: none;
  filter: none;
  transition: background var(--choice-duration) var(--choice-ease);
}
:is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border: var(--choice-edge-width) solid var(--choice-edge);
  border-radius: var(--choice-radius);
  background: var(--choice-fill);
  box-shadow: var(--choice-shadow);
  opacity: 0;
  transition: opacity var(--choice-duration) var(--choice-ease), background var(--choice-duration) var(--choice-ease);
}
:is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):is([aria-pressed="true"], [aria-selected="true"], [aria-checked="true"], [aria-current="page"], [aria-current="location"], :has(input:checked))::before { opacity: 1; }
:is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):active:not(:disabled, [aria-disabled="true"], :has(input:disabled)) { transform: none; opacity: 1; }
:is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):active:not(:disabled, [aria-disabled="true"], :has(input:disabled))::before {
  background: var(--choice-press-fill);
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  :is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):hover:not(:active, :disabled, [aria-disabled="true"], :has(input:disabled))::before { opacity: var(--choice-hover-opacity); }
  :is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):is([aria-pressed="true"], [aria-selected="true"], [aria-checked="true"], [aria-current="page"], [aria-current="location"], :has(input:checked)):hover::before { opacity: 1; }
}
:is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):is(:focus-visible:not([data-pointer-focus]), :has(input:focus-visible:not([data-pointer-focus]))),
.scraper-tree-line .scraper-folder:focus-visible:not([data-pointer-focus]) {
  outline: 1px solid var(--choice-focus);
  outline-offset: -2px;
}
.ui-choice:is(:disabled, [aria-disabled="true"], :has(input:disabled)) { opacity: var(--choice-disabled-opacity); cursor: not-allowed; }
/* The row owns keyboard focus; native controls retain their blue check mark. */
.ui-choice input:is([type="checkbox"], [type="radio"]):focus-visible { outline: none; box-shadow: none; }
/* Unsupported browsers retain the translucent solid fill above. Only visible
   choices blur; menu/sheet containers release their blur to avoid nested layers. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):is([aria-pressed="true"], [aria-selected="true"], [aria-checked="true"], [aria-current="page"], [aria-current="location"], :has(input:checked), :active)::before {
    -webkit-backdrop-filter: var(--glass-render, blur(var(--choice-blur)) saturate(var(--choice-saturation)));
    backdrop-filter: var(--glass-render, blur(var(--choice-blur)) saturate(var(--choice-saturation)));
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary), :is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary)::before { transition: none; }
}
@media (forced-colors: active) {
  :is(.ui-choice, .account-menu-item, .user-menu-item, .action-sheet-item, .context-menu-item, .fm-pop button, #drawer button, .drawer-submenu > summary):is([aria-pressed="true"], [aria-selected="true"], [aria-checked="true"], [aria-current="page"], [aria-current="location"], :has(input:checked)) { outline: 2px solid Highlight; outline-offset: -3px; }
}
