/* A visible, self-contained mode control that remains legible in themes with button resets. */
.hsc-app .hsc-mode{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:104px!important;height:42px!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:999px!important;background:rgba(8,42,28,.25)!important;color:#fff!important;box-shadow:none!important;font:700 .78rem/1 ui-sans-serif,system-ui,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;cursor:pointer!important}.hsc-app .hsc-mode:hover{background:rgba(255,255,255,.16)!important}.hsc-app .hsc-mode-sun,.hsc-app .hsc-mode-moon{display:inline-block!important;font-size:1rem!important;line-height:1!important;color:#d8ffe4!important}.hsc-app .hsc-mode-moon{opacity:.42}.hsc-app.is-dark .hsc-mode{background:rgba(255,255,255,.13)!important}.hsc-app.is-dark .hsc-mode-sun{opacity:.42}.hsc-app.is-dark .hsc-mode-moon{opacity:1}.hsc-app .hsc-mode-label{display:inline!important;color:#fff!important}@media(max-width:480px){.hsc-app .hsc-mode{min-width:42px!important;width:42px!important;padding:0!important}.hsc-app .hsc-mode-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}}