img.logo {
    border-radius: var(--pico-border-radius);
}

header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

form a[role="button"] {
    width: 100%;
}

i.owner {
    color: var(--pico-color-amber-200);
}

.template {
    display: none;
}

a.group {
    text-decoration: none;
}

.group-owner, .group i {
    margin-left: .5em;
}

.group-owner {
    color: var(--pico-color-zinc-500);
}

.music-count {
    font-weight: 900;
    color: var(--pico-color-zinc-500);
    margin-left: .5em;
}

article.message {
    &::before {
        margin-right: .5em;
        font-family: remixicon;
    }
    &.debug::before {
        content: "\eb06";
        color: var(--pico-color-zinc-500);
    }
    &.info::before {
        content: "\ee58";
        color: var(--pico-color-indigo-600);
    }
    &.success::before {
        content: "\eb80";
        color: var(--pico-color-green-500);
    }
    &.warning::before {
        content: "\eca0";
        color: var(--pico-color-amber-200);
    }
    &.error::before {
        content: "\eca0";
        color: var(--pico-color-red-500);
    }
}