.slider{--width:24px;--knob:12px;--pad:0px;--color-off:hsla(0,0%,50%,.35);--color-on:rgba(51,153,153,.33);--shadow-hsl:180,50%,10%;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-off);border:none;border-radius:var(--knob);color:var(--bg);display:inline-flex;flex-basis:var(--width);height:calc(var(--knob) - var(--pad)*2);transition:box-shadow .2s;width:var(--width)}.slider,.slider:focus{box-shadow:inset 1px 1px 2px hsla(var(--shadow-hsl),.5)}.slider:after{background-color:currentColor;border:1px solid var(--color-off);border-radius:100%;box-shadow:2px 2px 4px 1px hsla(var(--shadow-hsl),.4);box-sizing:border-box;content:"";height:var(--knob);margin:0 calc(var(--pad)*-1);width:var(--knob)}.slider:checked{background-color:var(--color-on);color:var(--accent-2);justify-content:flex-end}.slider:checked:after{border-color:hsla(var(--shadow-hsl),.25)}.slider:hover{box-shadow:inset 1px 1px 2px hsla(var(--shadow-hsl),.8)}.slider:focus{position:relative}.slider:focus:not([data-focused-via-click]):before{box-shadow:var(--focus-shadow);content:"";height:100%;left:calc(var(--pad)*-2);padding:calc(var(--pad) + 2px) calc(var(--pad)*2);position:absolute;width:100%}:root[data-ui-theme=dark] .slider{--color-off:hsla(0,0%,50%,.6);--color-on:rgba(102,204,204,.3)}:root{align-items:center;height:100vh;justify-content:center;--pad:1rem;--pad05:calc(var(--pad)*0.5);--value-cell-w:6ch}:root,body{background:none;display:flex}body{border:1px solid var(--c60);box-shadow:0 5px 15px 3px rgba(0,0,0,.35);max-height:calc(100vh - 32px);max-width:800px;min-width:400px;width:auto}body,main{flex-direction:column}main{background:var(--bg);display:flex;overflow-y:auto}.clickable{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}header{align-items:center;background-color:var(--accent-3);border-bottom:1px solid hsla(0,0%,50%,.2);display:flex;font-weight:700;padding:var(--pad)}header h1{flex:1 0;margin:0 var(--pad05)}header i:hover{color:var(--accent-1)}.chromium-only.chrome-no-popup-border,.firefox .chromium-only,html:not(.mv3) .mv3-only{display:none}label.chromium-only>:first-child:after{color:var(--c50);content:"(Chrome)";margin-left:.5ex}.block{align-items:center;display:flex;flex-shrink:0;padding:var(--pad05) var(--pad);position:relative}.block:nth-last-child(n+2){border-bottom:1px dotted var(--c80)}h2{box-sizing:border-box;flex:0 0 8em;font-size:120%;font-weight:700;margin:0;overflow-wrap:break-word;padding-right:8px}.items:not(.no-stretch){width:100%}label{align-items:center;display:flex}.items:not(.no-stretch) label>:first-child{flex-grow:1;margin-right:8px}.swap label{min-height:var(--input-height)}.swap label>:first-child{margin-right:0;order:2}.swap input:not([type=number]):not([type=radio]){margin-right:calc(var(--value-cell-w) - var(--width))}.swap input[type=number]{margin-left:-2ch;width:calc(var(--value-cell-w) + 2ch - var(--gap))}.swap :is(.slider,input[type=color]){--width:calc(var(--value-cell-w)*0.7)}.radio-wrapper+span{margin-left:.5em}input[type=number]{--gap:3px;border:none;margin-right:var(--gap);padding:0;text-align:right;width:calc(var(--value-cell-w) - var(--gap))}input[type=color]{--width:var(--value-cell-w);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--c65);border-radius:2px;cursor:pointer;height:var(--input-height);margin:4px 0 0;padding:0;width:var(--width)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-moz-color-swatch{border:none}input[type=color]::-webkit-color-swatch{border:none}input[type=time]{margin:0 .5em}.slider{margin-left:0}#favs.disabled+label,label.disabled{color:var(--c65)}#favs.disabled+label input,label.disabled input{opacity:.5}#FOUC{background:#fb04}footer{background-color:var(--c90);border-bottom:none;border-top:1px solid var(--c60);display:flex;justify-content:center;margin:0;padding:var(--pad05) var(--pad)}footer button{margin:0 .25em}[data-cmd=check-updates] button{position:relative}[data-cmd=note]{cursor:pointer;padding-left:.25rem}[data-cmd=note].broken{color:red;font-size:1.5rem;line-height:1rem;vertical-align:text-bottom}[data-cmd=note].broken:hover{text-shadow:0 0 1px darkred}a.icon>i{color:var(--c40);font-size:16px;pointer-events:none;vertical-align:text-bottom}a.icon:hover>i{color:var(--fg)}.sync-status{box-sizing:border-box;overflow-wrap:break-word;padding-left:1em}.sync-status:first-letter{text-transform:uppercase}[data-drive=webdav]{border-collapse:collapse;border-spacing:0;width:100%}[data-drive=webdav] td:first-child{max-width:10em;overflow-wrap:break-word;padding:1px .5em 1px 0}[data-drive=webdav] td:nth-child(2){padding:1px 0;width:100%}[data-drive=webdav] input{box-sizing:border-box;line-height:1.5;width:100%}.sync-options:not([data-enabled]) .actions{display:none}.sync-options .actions button{margin-top:.5em}