* {
    all: unset;
    transition: 200ms ease-out;
}

.lyrics-window {
    background-color: $bg;
    border-radius: 16px;
    border: 2px solid $blue;
}

.lyrics-box {
    margin: 20px;
    min-width: 500px;
}

.lyrics-box-single {
    margin: 10px;
    min-width: 300px;
}

.lyrics-text {
    color: $fg;
    font-size: 15px;
    font-family: 'Maple Mono Normal NF CN', 'Maple Mono CN', monospace;
}

.lyrics-text-single {
    color: $fg;
    font-size: 14px;
    font-family: 'Noto Sans', sans-serif;
}

.control-box {
    padding: 6px;
    min-height: 90px;
}

.control-box-single {
    min-height: 40px;
}

.offset-minus,
.offset-reset,
.offset-plus,
.offset-clear {
    padding: 0px 6px;
    margin: 0px 4px 0px 4px;
    font-family: 'MesloLGM Nerd Font Mono';
    font-size: 25px;
    min-width: 16px;
}

.offset-minus-single,
.offset-plus-single {
    padding: 0px 6px;
    margin: 0;
    font-family: 'MesloLGM Nerd Font Mono';
    font-size: 20px;
    min-width: 16px;
}

.offset-minus,
.offset-minus-single {
    color: $blue;
}

.offset-plus,
.offset-plus-single {
    color: $yellow;
}

.offset-reset {
    color: $green;
}

.offset-clear {
    color: $red;
}