input[type=range]{-webkit-appearance:none;background-color:#0000;width:100%;height:0;margin:10px 0;position:relative}@media only screen and (max-width:410px){input[type=range]{position:unset}}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;animate:.2s;background:var(--textColor);border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--textColor);cursor:pointer;-webkit-appearance:none;border:1px solid #000;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:1px 1px 1px #30302f,0 0 1px #30302f}input[type=range]::-moz-range-thumb{background:var(--textColor);cursor:pointer;-webkit-appearance:none;border:1px solid #000;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:1px 1px 1px #30302f,0 0 1px #30302f}input[type=range]:hover:after,input[type=range]:active:after,input[type=range]:focus:after,input[type=range]:focus-within:after{content:attr(value)"px";color:var(--textColorOpposite);background:var(--textColor);border-radius:3px;padding:10px;position:absolute;top:50%;left:105%;transform:translateY(-50%)}@media only screen and (max-width:410px){input[type=range]:hover:after,input[type=range]:active:after,input[type=range]:focus:after,input[type=range]:focus-within:after{top:15px;right:15px;left:unset;transform:unset}}input[type=range]:hover:before,input[type=range]:active:before,input[type=range]:focus:before,input[type=range]:focus-within:before{border-right:15px solid var(--textColor);z-index:222;content:" ";border-top:10px solid #0000;border-bottom:10px solid #0000;width:0;height:0;position:absolute;top:50%;left:103%;transform:translateY(-50%)}@media only screen and (max-width:410px){input[type=range]:hover:before,input[type=range]:active:before,input[type=range]:focus:before,input[type=range]:focus-within:before{display:none}}input[type=range][name=colorDifference]:hover:after,input[type=range][name=colorDifference]:active:after,input[type=range][name=colorDifference]:focus:after{content:attr(value)}input[type=range]:focus::-ms-fill-lower{background:var(--textColor)}input[type=range]:focus::-ms-fill-upper{background:var(--textColor)}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--textColor)}input[type=range]::-moz-range-track{cursor:pointer;animate:.2s;background:var(--textColor);border-radius:1.3px;width:100%;height:6px}input[type=range]::-moz-range-thumb{background:var(--textColor);cursor:pointer;border:1px solid #000;border-radius:50%;width:16px;height:16px;box-shadow:1px 1px 1px #30302f,0 0 1px #30302f}input[type=range]::-ms-thumb{background:var(--textColor);cursor:pointer;border:1px solid #000;border-radius:50%;width:16px;height:16px;box-shadow:1px 1px 1px #30302f,0 0 1px #30302f}input[type=range]::-ms-track{cursor:pointer;animate:.2s;color:#0000;background:0 0;border-width:16px 0;border-color:#0000;width:100%;height:6px}input[type=range]::-ms-fill-lower{border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-fill-upper{border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=text]{border:3px solid var(--textColor);color:#001f3f;width:85px;height:32px;padding:0 5px;font-size:15px;font-weight:700;display:inline-block}input[type=color]{-webkit-appearance:none;cursor:pointer;border:none;border:3px solid var(--textColor);width:32px;height:32px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;color:#fff;text-align:center;z-index:1;opacity:0;background-color:#555;border-radius:6px;width:120px;padding:5px 0;transition:opacity .3s;position:absolute;bottom:130%;left:0}.tooltip .tooltiptext:after{content:"";border:5px solid #0000;border-top-color:#555;margin-left:-5px;position:absolute;top:100%;left:22px}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}