.mdThemeSwitcher{
margin-left:auto!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
padding:6px!important;
border-radius:999px!important;
background:transparent!important;
border:1px solid rgba(0,0,0,.15)!important;
pointer-events:all!important;
z-index:20!important;
}

html.mdThemeIsDark .mdThemeSwitcher{
border:1px solid rgba(255,255,255,.25)!important;
}

.mdThemeButton{
appearance:none!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
padding:10px 18px!important;
border:none!important;
border-radius:999px!important;
background:transparent!important;
color:inherit!important;
font-size:15px!important;
font-weight:700!important;
cursor:pointer!important;
transition:.25s!important;
pointer-events:all!important;
}

.mdThemeButton::before,
.mdThemeButton::after,
.mdThemeLabel::before,
.mdThemeLabel::after{
content:none!important;
display:none!important;
}

.mdThemeButton.active{
background:black!important;
color:white!important;
}

html.mdThemeIsDark .mdThemeButton.active{
background:white!important;
color:black!important;
}

.mdThemeFA{
font-size:18px!important;
width:20px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
line-height:1!important;
color:inherit!important;
}

.mdThemeFA::before{
display:inline-block!important;
}

.mdThemeLabel{
white-space:nowrap!important;
}

@media(max-width:1200px){
.mdThemeButton{
font-size:12px!important;

}

.mdThemeFA{
font-size:16px!important;
width:16px!important;
}
}

@media(max-width:940px){

.mdThemeSwitcher{
position:static!important;
margin-left:12px!important;
margin-right:0!important;
transform:none!important;
padding:4px!important;
gap:2px!important;
flex-shrink:0!important;
}

.mdThemeButton{
padding:8px!important;
gap:0!important;
}

.mdThemeFA{
font-size:16px!important;
width:16px!important;
}

.mdThemeLabel{
display:none!important;
}

}