.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme{--bg-color:var(--surface);--main-color:var(--text);position:relative;display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:var(--bg-color);border-radius:999px;border:2px solid var(--border-strong);box-shadow:4px 4px var(--border-strong)}.icon,.input{position:absolute}.theme:focus-visible{outline:3px solid color-mix(in srgb,var(--focus),transparent 40%);outline-offset:3px}.input{cursor:pointer;width:100%;height:100%;z-index:10;opacity:0}.icon{top:calc(50% - 13px);left:calc(50% - 13px);width:26px;height:26px;color:var(--text)}.icon.icon-moon{fill:currentColor}.icon.icon-sun{stroke:currentColor;display:none}.input:checked~.icon.icon-sun{display:block}.input:checked~.icon.icon-moon{display:none}.theme:active{box-shadow:0 0 var(--border-strong);transform:translate(3px,3px)}.theme-toggle-inline{display:inline-flex;align-items:center;justify-content:center}.theme-toggle-fab{position:fixed;right:20px;bottom:20px;z-index:9999}