:root{--value-cell-w:60px;--colorview-swatch:transparent}.config-dialog{--pad:16px;--padL:24px;--padR:24px;--icon:16px;--iconR:calc((var(--padR) - var(--icon)) / 2)}.config-dialog #message-box-contents{overflow-y:overlay;padding:var(--pad) var(--padR) var(--pad) var(--padL)}.config-dialog #message-box-buttons{padding:calc(var(--pad)/2) var(--padR) calc(var(--pad)/2) var(--padL)}#stylus-popup .config-dialog>div{position:relative}#stylus-popup .config-dialog .config-body label{--item-padY:.5em}.sb-overlay{--padR:32px;--iconR:calc(var(--padR) - var(--icon))}.config-heading{font-size:.9em;position:relative;text-align:right;top:-1em}#stylus-popup .config-heading{top:-.25em}.config-body label{align-items:center;display:flex;--item-padY:.75em;padding:calc(var(--item-padY) * clamp(.2, 1 - (var(--num) - 5) / 30, 1)) 0}.config-body label:first-child{padding-top:0}.config-body label:last-child{padding-bottom:0}.config-body label:not(:first-child){border-top:1px dotted var(--c80)}.config-body label:not(.nondefault) .config-reset-icon{visibility:hidden}.config-body .select-wrapper{position:static}.config-body .dirty{font-style:italic}.config-body .dirty:after{content:"*";left:6px;position:absolute}.config-body :is(input:not(.slider),select){box-sizing:border-box;height:var(--input-height);margin:0;vertical-align:middle;width:var(--value-cell-w)}.config-body :is(input[type=text],.select-wrapper,select){left:auto;max-width:124px;min-width:var(--value-cell-w);position:relative;width:auto}.config-body input[type=text]{padding-left:.25em}.config-body .slider{--width:40px}.config-name{flex-grow:1;margin-right:1em}.config-value{box-sizing:border-box;flex-shrink:0}.config-value:not(.slider):not(.select-wrapper)>:not(:last-child),.current-value{margin-right:4px}.current-value{padding:2px 4px}.config-range .current-value{min-width:6ch}:is(.config-number,.config-range) span{line-height:var(--input-height)}.config-reset-icon{cursor:pointer;height:var(--icon);position:absolute;right:var(--iconR)}.config-reset-icon i{box-sizing:border-box;color:var(--c65);flex-shrink:0;font-size:var(--icon);padding:0 1px}.config-reset-icon:hover i{color:var(--c40)}#config-autosave-wrapper{align-items:center;display:inline-flex}#message-box-buttons{position:relative}.config-error{animation:fadein .5s;background-color:red;bottom:-1rem;color:#fff;font-weight:700;height:24px;left:0;line-height:24px;overflow:hidden;padding:0 .75rem;position:absolute;right:0;text-overflow:ellipsis;text-shadow:.5px .5px 6px #400;white-space:nowrap;z-index:99}#message-box .colorview-swatch{box-sizing:content-box;padding:0}#message-box .colorview-swatch,#message-box .colorview-swatch:after,#message-box .colorview-swatch:before,.color-swatch{background-position:unset;border:1px solid transparent;box-sizing:content-box;height:20px;left:0;margin:0;width:var(--value-cell-w)}.color-swatch{border:1px solid var(--c50);cursor:pointer;left:0;opacity:1;position:absolute;top:0;z-index:2}.colorpicker-popup{border:none!important;box-shadow:3px 3px 50px rgba(0,0,0,.5)!important;z-index:2147483647!important}.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)}