:root{
--sW:5vw;
--sH:5vw
}

*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}

::-webkit-slider-runnable-track{background:none}
::-webkit-slider-thumb{background:none;mix-blend-mode:hue;-webkit-filter:blur(2.5vw);width:2.5vw;height:2.5vw;-webkit-box-shadow:-3.5vw 0 0 3.5vw rgba(30,144,255,1)}
::-moz-range-track{background:none;height:3.33vw}
::-moz-range-thumb{-moz-box-sizing:border-box;background:none;width:1.66vw;height:1.66vw;border:.25vw solid #999;border-radius:0 !important;-moz-box-shadow:-3.5vw 0 0 3.5vw rgba(30,144,255,1)}
::-ms-fill-lower{background:none}
::-ms-thumb{-ms-box-sizing:border-box;background:none;border:1.166vw solid #999;width:1.166vw;height:3.33vw}
::-ms-tooltip{display:none}

/*[id^=groovey],[id^=groovey i],[id*=groovey],[id*=groovey i]{color:red} display: none;*/

/*[id$=_32],[id*=_32]{color:blue} display: none;*/
body{background:#000}
.bObj,.sun,input[type=range].myRange{-webkit-transform:var(--nLab);-moz-transform:var(--nLab);-ms-transform:var(--nLab);-o-transform:var(--nLab);transform:var(--nLab)}
.bObj,.sun,input[type=range].myRange{-webkit-transition:var(--trans);-moz-transition:var(--trans);-o-transition:var(--trans);transition:var(--trans)}

.bObj,.sun,.sun--bg,input[type=range].myRange{position:absolute;background:transparent;margin:0;outline:none;width:var(--sW);height:var(--sH);border-radius:50%}
.bObj{--bSha:0 0 1vw rgba(24,32,245,1);-webkit-box-shadow:var(--bSha);-moz-box-shadow:var(--bSha);-ms-box-shadow:var(--bSha);-o-box-shadow:var(--bSha);box-shadow:var(--bSha)}

.sunClass,.sun,.sun--bg{--op:.65;opacity:var(--op)}
.sunClass,.sun,.sun--bg{--rot:125000deg;--nLab:translate3d(0,0,0)rotate(var(--rot));--trans:opacity 1s,transform 30000s linear}
.sunClass:hover{--rot:-125000deg;--op:1;--groove:url(#groovey)}

.sun,.sun--bg{--scale:1;--nLab:translate3d(0,0,0)scale(var(--scale));--trans:transform 1s;background:url(sun3.png);background-position:center;background-size:165%}
.sun{-webkit-filter:var(--groove);-moz-filter:var(--groove);-ms-filter:var(--groove);-o-filter:var(--groove);filter:var(--groove)}
.sun--bg{--whI:0;z-index:-1}

.sunClass:hover ~ .fG{--zTran:-3}
.sunClass:hover .sun{--scale:1.5;opacity:1}
.sunClass:hover .sun--bg{--scale:1}

input[type=range].myRange{--scale:1;--nLab:translate3d(calc(var(--whI) * -.083vw),0,0)scale(var(--scale));--trans:transform 150ms;overflow:hidden;margin:auto;width:100%;outline:none;cursor:pointer;
-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.sunClass:hover input[type=range].myRange{--scale:1;z-index:auto}