@layer quartz-base{.funday-darkmode{cursor:pointer;width:20px;height:32px;color:var(--darkgray);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:color .1s;display:inline-flex;position:relative}.funday-darkmode:hover{color:var(--secondary)}.funday-darkmode svg{width:20px;height:20px;stroke:var(--darkgray);transition:opacity .1s;position:absolute;top:calc(50% - 10px)}.funday-darkmode:hover svg{stroke:var(--secondary)}:root[saved-theme=dark] .sun-icon{display:block}:root[saved-theme=dark] .moon-icon,:root[saved-theme=light] .sun-icon{display:none}:root[saved-theme=light] .moon-icon{display:block}.readermode{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:32px;margin:0;padding:0;transition:color .1s;display:inline-flex;position:relative;color:var(--darkgray)!important}.readermode:hover{color:var(--secondary)!important}.readermode svg{width:20px;height:20px;transition:fill .1s,stroke .1s,opacity .1s;position:absolute;top:calc(50% - 10px);fill:var(--darkgray)!important;stroke:var(--darkgray)!important}.readermode:hover svg,:root[reader-mode=on] .readermode svg{fill:var(--secondary)!important;stroke:var(--secondary)!important}}