:root{--settings-color-mode-box-shadow: inset 0px 0px 1px var(--color-button-text)}:root:has(#dialog-settings-toggle:checked) body{overflow:hidden}:root:has(#dialog-settings-toggle:checked) #dialog-settings{display:flex}:root:has(#color-mode-light:checked) #settings label[for=color-mode-light]{background-color:var(--color-button-active-bg);color:var(--color-button-active-text);box-shadow:var(--settings-color-mode-box-shadow)}:root:has(#color-mode-dark:checked) label[for=color-mode-dark]{background-color:var(--color-button-active-bg);color:var(--color-button-active-text);box-shadow:var(--settings-color-mode-box-shadow)}:root:has(#color-mode-auto:checked) label[for=color-mode-auto]{background-color:var(--color-button-active-bg);color:var(--color-button-active-text);box-shadow:var(--settings-color-mode-box-shadow)}#dialog-settings>section fieldset{padding:var(--margin-small)}#dialog-settings>section fieldset>*+*,#dialog-settings>section fieldset noscript>section{margin-top:var(--margin-small)}#dialog-settings>section fieldset>legend+div{margin-top:0}#dialog-settings>section buttongroup{display:inline-flex}#dialog-settings>section buttongroup>*{border-radius:0}#dialog-settings>section buttongroup>*:first-child{border-radius:.25rem;border-top-right-radius:0;border-bottom-right-radius:0}#dialog-settings>section buttongroup>*:last-child{border-radius:.25rem;border-top-left-radius:0;border-bottom-left-radius:0}#dialog-settings>section buttongroup.color-mode-toggle label[for^=color-mode-]{display:block !important}#dialog-settings>section footer{align-self:flex-end}#dialog-settings>section .javascript-enabled{display:none}#dialog-settings>section .javascript-enabled.visible{display:block}alert{display:block;font-size:1.25em}alert[warn]:before{content:"⚠️"}