.exts>div>div.no{background-color:transparent;pointer-events:none;padding:12px 12px 8px;box-sizing:border-box}.exts .extcol,.exts .extnum,.exts .extrange{height:var(--extrange-hi)}.exts .extcol,.exts .extnum,.exts .extrange,.exts .nes{z-index:10}#picdir svg,#picpos .no svg{transition:rotate .2s ease-in-out}.tlb .wide svg,.exts>.wide .no svg{rotate:90deg;transition:rotate .2s ease-in-out}.exts .extrange .rangewrap{height:var(--rangewrap-hi)}.exts .extcol .rangewrap,.exts .extnum .rangewrap,.exts .extrange .rangewrap{float:left;position:absolute;width:38px;left:0;pointer-events:none}.exts .extcol .rangewrap,.exts .extnum .rangewrap{height:var(--rangewrapcol-hi);top:38px}.exts .extrange .rangewrap{height:var(--rangewrap-hi);top:0}.exts .extrange .rangewrap input[type=range]{padding-right:1em}.exts{overflow:hidden;width:100%}body .exts>div{pointer-events:none;display:none;position:absolute;background-color:var(--clr-bg);width:40px;box-sizing:border-box;overflow:hidden}.exts>div label,.exts>div button,.exts>div div,.exts>div .rangewrap{pointer-events:all}.exts>div .no{pointer-events:none;background-color:transparent}.exts .extcol .no,.exts .extnum .no,.exts .extrange .no{position:absolute;bottom:0}.exts>div>div{padding-top:1em;text-align:center;pointer-events:all}.exts>div>div.ntp{padding-top:0}.exts>div.extcol input[type=range]:not(#clr-hue-slider):not(#clr-alpha-slider),.exts>div.extnum input[type=range]:not(#clr-hue-slider):not(#clr-alpha-slider){width:var(--rangewrapcol-hi)}@supports not (writing-mode: vertical-rl){.exts>div input[type=range]:not(#clr-hue-slider):not(#clr-alpha-slider){writing-mode:horizontal-tb;transform:rotate(90deg);transform-origin:left top;display:inline-block}}span.col{display:inline-block;box-sizing:border-box;overflow:hidden;height:36px;width:36px;margin:1px;border-radius:40px}.exts .col span{height:36px;width:36px}.exts .col{padding:1px}.exts .col span input[type=color]{margin-top:-10px;margin-left:-10px}.exts .num input[type=number]{border-radius:0;border:0;writing-mode:lr;rotate:0deg;display:inline-block;outline:0;height:auto;padding:11px 0;margin:0;color:var(--clr-p-0)}.exts .cyc,.exts .tog,.exts .sel{width:40px;position:relative;background:transparent;border:0;display:flex;flex-direction:column;color:#fff;font-size:10px}.exts .cyc>span:nth-child(1),.exts .tog>span:nth-child(1),.exts .sel>span:nth-child(1){padding:10px;height:40px;width:40px;display:inline-block}input[type=range]:not(#clr-hue-slider):not(#clr-alpha-slider){touch-action:none;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#000;border-radius:4px;height:4px;width:var(--rangewrap-hi)}input[type=range]:not(#clr-hue-slider):not(#clr-alpha-slider){position:absolute;top:50%;left:50%;margin:0;padding:0;border-radius:4px;height:4px;width:var(--rangewrap-hi);transform:translate(-50%,-50%) rotate(-90deg);background:transparent;font:1em/1 arial,sans-serif;touch-action:none}input[type=range]:not(#clr-hue-slider):not(#clr-alpha-slider),input[type=range]:not(#clr-hue-slider):not(#clr-alpha-slider)::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:none;border-radius:4px;background:var(--clr-p-0);height:4px}input[type=range]::-moz-range-track{box-sizing:border-box;border:none;border-radius:4px;height:4px;background:var(--clr-p-0)}input[type=range]::-ms-track{box-sizing:border-box;border:none;border-radius:4px;height:4px;background:var(--clr-p-0)}input[type=range]::-webkit-slider-thumb{margin-top:-8px;box-sizing:border-box;border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--clr-bg);border:3px solid var(--clr-p-0)}input[type=range]::-moz-range-thumb{box-sizing:border-box;border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--clr-bg);border:3px solid var(--clr-p-0)}input[type=range]::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:var(--clr-bg);border:3px solid var(--clr-p-0)}input[type=range]::-ms-tooltip{display:none}.imgbg{background-size:cover;background-position:center}.imgbg>svg{filter:drop-shadow(1px 0px 0 var(--clr-bg)) drop-shadow(-1px 0px 0 var(--clr-bg)) drop-shadow(0px 1px 0 var(--clr-bg)) drop-shadow(0px -1px 0 var(--clr-bg))}button.tlb:active{opacity:.5}