.qms-theme-icons{
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:3px;
    border:1px solid var(--qms-border);
    border-radius:10px;
    background:var(--qms-surface);
}

.qms-theme-icons > input[name="csrfmiddlewaretoken"]{
    display:none !important;
}

.qms-theme-icon{
    appearance:none;
    width:32px;
    height:32px;
    min-width:32px;
    min-height:32px;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    border-radius:7px;
    background:transparent;
    color:var(--qms-muted);
    cursor:pointer;
    font:inherit;
    line-height:1;
    transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease;
}

.qms-theme-icon:hover{
    color:var(--qms-text);
    background:color-mix(in srgb,var(--qms-primary) 7%,var(--qms-surface));
}

.qms-theme-icon:active{
    transform:scale(.96);
}

.qms-theme-icon[aria-pressed="true"]{
    color:var(--qms-primary);
    background:var(--qms-primary-soft);
    box-shadow:0 1px 3px rgba(15,23,42,.10);
}

.qms-theme-icon:focus-visible{
    outline:2px solid var(--qms-primary);
    outline-offset:2px;
}

.qms-theme-glyph{
    display:block;
    font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2",sans-serif;
    font-size:18px;
    font-weight:600;
    line-height:1;
    color:currentColor;
    transform:translateY(-.5px);
}

.qms-theme-system-glyph{
    font-size:17px;
}

.qms-topbar-right .eq-language-switcher{
    color:var(--qms-muted);
    margin-right:2px;
}

.qms-topbar-right .eq-language-switcher button{
    border-radius:6px;
    text-decoration:none;
}

.qms-topbar-right .eq-language-switcher button.active{
    color:var(--qms-primary);
    background:color-mix(in srgb,var(--qms-primary) 10%,transparent);
    text-decoration:none;
}

@media(max-width:780px){
    .qms-theme-icon{
        width:30px;
        height:30px;
        min-width:30px;
        min-height:30px;
    }
}
