@media screen {
:where(main,dialog) button[data-action-tone] {background:var(--action-bg)!important;color:var(--action-ink)!important;border-color:var(--action-edge)!important}
:where(main,dialog) button[data-action-tone="neutral"] {--action-bg:#e6e9ef;--action-ink:#243449;--action-edge:#62738a}
:where(main,dialog) button[data-action-tone="primary"] {--action-bg:#234e83;--action-ink:#fff;--action-edge:#234e83}
:where(main,dialog) button[data-action-tone="view"] {--action-bg:#b8d9fa;--action-ink:#163b60;--action-edge:#386a9b}
:where(main,dialog) button[data-action-tone="change"] {--action-bg:#ffdfa0;--action-ink:#4b3205;--action-edge:#93651b}
:where(main,dialog) button[data-action-tone="refresh"] {--action-bg:#d9ccf4;--action-ink:#352052;--action-edge:#76579c}
:where(main,dialog) button[data-action-tone="danger"] {--action-bg:#f5cfc0;--action-ink:#613323;--action-edge:#a16046}
:where(main,dialog) button[data-action-tone]:hover:not(:disabled) {filter:brightness(.95)}
:where(main,dialog) button[data-action-tone]:focus-visible {outline:3px solid #163b60!important;outline-offset:3px}
:where(main,dialog) button[data-action-tone]:disabled {opacity:.55;cursor:not-allowed}
:where(main,dialog) button[data-action-tone][aria-pressed="true"] {box-shadow:inset 0 0 0 2px currentColor;text-decoration:underline;text-underline-offset:3px}
}