/* *:not(strong, h1, h2, h3, b, #taskbar *, .timer *, .list) {
	font-family: 'Crete Round', "HarmonyOS_Sans_SC_Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, Oxygen, Roboto, Helvetica, Arial, sans-serif;
}

strong,
h1,
h2,
h3,
b,
.title.h {
	font-family: 'Varela Round', "HarmonyOS_Sans_SC_Bold", "HarmonyOS_Sans_SC_Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, Oxygen, Roboto, Helvetica, Arial, sans-serif !important;
} */

#taskbar * {
    font-family: 'Amaranth', sans-serif, "HarmonyOS_Sans_SC_Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, Oxygen, Roboto, Helvetica, Arial, sans-serif !important;
}

button:not(.flew-layer *):active {
    background-color: rgba(19, 36, 55, .8) !important;
    color: rgb(254, 205, 46) !important;
    /* border-bottom: 1.5px solid rgb(19, 36, 65) !important; */
    border-bottom: 1.5px solid rgba(19, 36, 55, .8) !important;
    transform: translateY(2px);
    height: 1.4rem;
}

@media (prefers-color-scheme: light) {

    input:not(input[type="checkbox"], input[type="radio"]),
    button,
    select {
        border: 1.5px solid rgb(16, 32, 48) !important;
    }

    button:not(.flew-layer *) {
        border-bottom: 3px solid rgb(19, 36, 65) !important;
        background-color: rgba(254, 205, 46, .8) !important;
    }

    input:not(input[type="checkbox"], input[type="radio"]) {
        box-shadow: inset 0 0.25em 1px 0 #f0f1f3;
    }

    .dialog {
        border-radius: .67rem;
        border: 2px solid rgb(19, 36, 55);
    }

    .main.container>div:not(.flew-layer *),
    .flew-button {
        border: 2px solid rgb(19, 36, 55);
    }

    .main.container>div:active {
        box-shadow: inset 0 0.25em 1px 0 #f0f1f3 !important;
    }

    #taskbar {
        background: rgba(252, 238, 204, .9) !important;
        border-top: 2px solid rgb(19, 36, 65) !important;
    }

    .flew-button {
        background: rgba(252, 238, 204, .9) !important;
    }

    .flew-button:hover {
        border: 2px solid rgba(48, 46, 40, .8) !important;
    }

    #taskbar>.state {
        background: rgba(204, 238, 255, .8);
        border-right: 2px solid rgb(19, 36, 65);
    }

    #taskbar>.controlbtn {
        background: rgba(238, 204, 255, .8);
        border-right: 2px solid #040300;
    }
}

@media (prefers-color-scheme: dark) {
    .timer img {
        filter: invert(.9);
        transition: all .4s linear;
    }


    .timer img:hover {
        filter: invert(.7) blur(1px) !important;
    }

    input:not(input[type="checkbox"], input[type="radio"]),
    button,
    select {
        border: 1.5px solid #040300 !important;
    }

    button:not(.flew-layer *) {
        border-bottom: 3px solid #040300 !important;
        background-color: rgba(254, 205, 46, .8) !important;
    }

    .dialog {
        background-color: rgba(32, 32, 36, .8) !important;
    }

    .dialog *:not(button) {
        color: #d9d7d4;
    }

    .main.container>div:not(.flew-layer *),
    .flew-button,
    .dialog {
        border: 2px solid #040300;
    }

    .dialog {
        border-radius: .67rem;
    }

    #taskbar>.state {
        background: rgba(34, 58, 76, .8);
        border-right: 2px solid #040300;
    }

    #taskbar>.controlbtn {
        background: rgba(76, 34, 58, .8);
        border-right: 2px solid #040300;
    }

    #taskbar {
        background: #272421 !important;
        border-top: 2px solid #040300 !important;
    }

    .flew-button {
        background: #272421 !important;
    }

    .flew-button:hover {
        border: 2px solid rgba(48, 46, 40, .8) !important;
    }

    button:not(.flew-layer *):active {
        border-bottom: 1.5px solid #040300 !important;
    }
}

#taskbar>.controlbtn:hover {
    text-shadow: 0 0 4px rgba(148, 127, 194, .5);
}

input:disabled {
    cursor: not-allowed !important;
}