*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;background:#000}.brightness-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:220px;height:3px;border-radius:2px;background:hsla(0,0%,100%,.18);outline:none;cursor:pointer}.brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(180,210,255,.9);cursor:pointer;-webkit-transition:box-shadow .15s ease;transition:box-shadow .15s ease}.brightness-slider::-webkit-slider-thumb:hover{box-shadow:0 0 14px #b4d2ff}.brightness-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(180,210,255,.9);cursor:pointer}.ring-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:220px;height:3px;border-radius:2px;background:rgba(255,150,40,.25);outline:none;cursor:pointer}.ring-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fa3;box-shadow:0 0 8px rgba(255,140,30,.9);cursor:pointer;-webkit-transition:box-shadow .15s ease;transition:box-shadow .15s ease}.ring-slider::-webkit-slider-thumb:hover{box-shadow:0 0 14px #ffa032}.ring-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#fa3;box-shadow:0 0 8px rgba(255,140,30,.9);cursor:pointer}.ring4-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:220px;height:3px;border-radius:2px;background:rgba(255,68,204,.2);outline:none;cursor:pointer}.ring4-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f4c;box-shadow:0 0 8px rgba(255,68,204,.9);cursor:pointer}.ring4-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#f4c;box-shadow:0 0 8px rgba(255,68,204,.9);cursor:pointer}.ring5-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:220px;height:3px;border-radius:2px;background:rgba(68,238,255,.2);outline:none;cursor:pointer}.ring5-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#4ef;box-shadow:0 0 8px rgba(68,238,255,.9);cursor:pointer}.ring5-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#4ef;box-shadow:0 0 8px rgba(68,238,255,.9);cursor:pointer}.ring6-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:220px;height:3px;border-radius:2px;background:rgba(153,255,68,.2);outline:none;cursor:pointer}.ring6-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#9f4;box-shadow:0 0 8px rgba(153,255,68,.9);cursor:pointer}.ring6-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#9f4;box-shadow:0 0 8px rgba(153,255,68,.9);cursor:pointer}@media (max-width:767px){.brightness-slider,.ring-slider,.ring4-slider,.ring5-slider,.ring6-slider{width:min(150px,calc(100vw - 150px));height:2px;touch-action:none}.brightness-slider::-webkit-slider-thumb,.ring-slider::-webkit-slider-thumb,.ring4-slider::-webkit-slider-thumb,.ring5-slider::-webkit-slider-thumb,.ring6-slider::-webkit-slider-thumb{width:13px;height:13px}.brightness-slider::-moz-range-thumb,.ring-slider::-moz-range-thumb,.ring4-slider::-moz-range-thumb,.ring5-slider::-moz-range-thumb,.ring6-slider::-moz-range-thumb{width:13px;height:13px}}.vert-slider{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:20px;height:110px;background:hsla(0,0%,100%,.12);border-radius:2px;outline:none;cursor:pointer;touch-action:none}.vert-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:hsla(0,0%,100%,.75);box-shadow:0 0 7px rgba(180,210,255,.9);cursor:pointer}.vert-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:hsla(0,0%,100%,.75);box-shadow:0 0 7px rgba(180,210,255,.9);cursor:pointer}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:2px}