@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        height: 15px;
        width: 15px;
        cursor: grabbing;
        background-color: #FFF;
        border-radius: 50%;
        border: 2px solid rgb(34 211 238);
        box-shadow: -407px 0 0 400px rgb(34 211 238);
    }

}

/* COMMON */
.material-icons {
    color:
        color: rgba(0, 0, 0, 0.87);
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.material-icons.tomato {
    color: tomato;
}

.material-icons.royalblue {
    color: royalblue;
}

[x-cloak] {
    display: none !important;
}

#marquee {
    --mq-font-family: "Roboto", cursive;
    --mq-font-size: 0.8rem;
    --mq-color: #FFF;



}