.range-slide{-webkit-appearance:none;width:100%;height:12px;border-radius:2px;outline:none;border:.75px solid #e0e0e0;background-color:white;transition:background .15s ease-in-out}.range-slide::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:22px;background:white;border:.75px solid #e0e0e0;border-radius:4px;cursor:pointer}.slider-thumb-value{position:absolute;top:50%;left:30%;transform:translate(-65%,-50%);background-color:transparent!important;background:transparent;pointer-events:none;border-radius:10px;font-size:10px;font-weight:medium;color:#333;white-space:nowrap}#clock-screen{--flip-height:80px;--flip-width:calc(var(--flip-height) * 0.65);--line-height:calc(var(--flip-height) * 0.5);--flip-container-color:#353531;--flip-color:#353531;--flip-text-color:#efefef;--flip-border-radius:calc(var(--flip-height) * 0.07);--animation-time:0.8s;--animation-ease:linear;--perspective:200px}#clock-screen.full{--flip-height:225px!important;--flip-width:calc(var(--flip-height) * 0.65);--line-height:calc(var(--flip-height) * 0.5);--flip-container-color:#353531;--flip-color:#353531;--flip-text-color:#efefef;--flip-border-radius:calc(var(--flip-height) * 0.07);--animation-time:0.8s;--animation-ease:linear;--perspective:370px}@media (max-width:768px){#clock-screen.responsive{--flip-height:50px!important;--flip-width:calc(var(--flip-height) * 0.65)!important;--line-height:calc(var(--flip-height) * 0.5)!important;--flip-container-color:#353531!important;--flip-color:#353531!important;--flip-text-color:#efefef!important;--flip-border-radius:calc(var(--flip-height) * 0.07)!important;--animation-time:0.8s!important;--animation-ease:linear!important;--perspective:200px!important}#clock-screen.responsive.full{--flip-height:90px!important;--flip-width:calc(var(--flip-height) * 0.65);--line-height:calc(var(--flip-height) * 0.5);--flip-container-color:#353531;--flip-color:#353531;--flip-text-color:#efefef;--flip-border-radius:calc(var(--flip-height) * 0.07);--animation-time:0.8s;--animation-ease:linear;--perspective:370px}}#clock-screen .dot{box-shadow:0 2px 5px 0 rgba(0,0,0,.7)}#clock-screen .dot.full{box-shadow:0 2px 8px 1px rgba(0,0,0,.7)}#clock-screen .flip{height:var(--flip-height);width:var(--flip-width);border-radius:calc(var(--flip-height) * .07);font-size:calc(var(--flip-height) * .8);font-weight:700;position:relative;font-family:Montserrat;box-shadow:0 2px 5px 0 rgba(0,0,0,.7);text-shadow:0 3px 2px #000}#clock-screen .flip.full{box-shadow:0 2px 9px 1px rgba(0,0,0,.7)}.flip .flip-display{height:var(--flip-height);width:var(--flip-width);display:flex;flex-direction:column;z-index:1}.flip .flip-display .flip-display-bottom,.flip .flip-display .flip-display-top{position:relative;text-align:center;overflow:hidden;width:100%;height:calc(var(--flip-height) * .5);color:var(--flip-text-color);background-color:var(--flip-container-color);line-height:calc(var(--line-height) * var(--i))}.flip .flip-display .flip-display-top{--i:2;border-top-left-radius:var(--flip-border-radius);border-top-right-radius:var(--flip-border-radius)}.flip .flip-display .flip-display-bottom{--i:-2;border-bottom-left-radius:var(--flip-border-radius);border-bottom-right-radius:var(--flip-border-radius)}.flip .flipper{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:var(--flip-height);width:var(--flip-width);perspective:var(--perspective)}.flip .flipper .flipper-bottom,.flip .flipper .flipper-top{position:absolute;left:-10%;right:-10%;width:var(--flip-width);margin:auto;text-align:center;height:calc(var(--flip-height) * .5);line-height:calc(var(--line-height) * var(--i));background-color:var(--flip-color);overflow:hidden;color:var(--flip-text-color)}.flip .flipper .flipper-top{--i:2;top:0;transform-origin:bottom;border-top-left-radius:var(--flip-border-radius);border-top-right-radius:var(--flip-border-radius)}.flip .flipper .flipper-bottom{--i:-2;bottom:0;transform:rotateX(90deg);transform-origin:top;border-bottom-left-radius:var(--flip-border-radius);border-bottom-right-radius:var(--flip-border-radius)}.flip.play .flipper-top{-webkit-animation:flipperTopAnimation var(--animation-time) var(--animation-ease);animation:flipperTopAnimation var(--animation-time) var(--animation-ease)}.flip.play .flipper-bottom{-webkit-animation:flipperBottomAnimation var(--animation-time) var(--animation-ease);animation:flipperBottomAnimation var(--animation-time) var(--animation-ease)}@-webkit-keyframes flipperTopAnimation{0%{transform:rotateX(0deg)}50%,to{transform:rotateX(-90deg);opacity:1}to{opacity:0}}@keyframes flipperTopAnimation{0%{transform:rotateX(0deg)}50%,to{transform:rotateX(-90deg);opacity:1}to{opacity:0}}@-webkit-keyframes flipperBottomAnimation{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}@keyframes flipperBottomAnimation{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}#clock-screen .flip-clock{position:relative;display:flex;flex-shrink:0;column-gap:10px}#clock-screen .flip-clock.full{column-gap:27px!important}#clock-screen .flip-clock .hours,#clock-screen .flip-clock .minutes,#clock-screen .flip-clock .seconds{z-index:1;display:inline-flex;column-gap:8px}#clock-screen .flip-clock .hours.full,#clock-screen .flip-clock .minutes.full,#clock-screen .flip-clock .seconds.full{column-gap:25px!important}#clock-screen .flip-clock .dot{width:10px;height:10px}#clock-screen .flip-clock .dot.full,#clock-screen .flip-clock.dot.full{width:30px!important;height:30px!important}@media (max-width:768px){#clock-screen .flip-clock.full{column-gap:15px!important;transform:rotate(90deg)!important}#clock-screen .flip-clock .hours.full,#clock-screen .flip-clock .minutes.full,#clock-screen .flip-clock .seconds.full{column-gap:10px!important}#clock-screen .flip-clock .dot.full,#clock-screen .flip-clock.dot.full{width:10px!important;height:10px!important}}#tsparticles{width:100%;height:100%}#tsparticles canvas{position:relative!important}#tsparticles canvas#canvas_1{background-color:green!important}#tsparticles canvas#canvas_2{background-color:blue!important}#tsparticles canvas#canvas_3{background-color:purple!important}#tsparticles canvas#canvas_4{background-color:gray!important}#tsparticles canvas#canvas_5{background-color:orange!important}