.masterstudy-dark-mode-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;margin:0;padding:0;background:0 0;border:none;outline:0;position:relative}.masterstudy-dark-mode-button::after,.masterstudy-dark-mode-button::before{position:absolute;top:50%;left:50%;font-family:stmlms;line-height:1;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;text-transform:none;font-size:20px;font-weight:400;padding:0;margin:1px 0 0;transition:.3s}.masterstudy-dark-mode-button::before{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:var(--stmlms-icon-sun);color:#4d5e6f}.masterstudy-dark-mode-button::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);content:var(--stmlms-icon-moon);color:rgba(255,255,255,.7);opacity:0;visibility:hidden}.masterstudy-dark-mode-button.masterstudy-dark-mode-button_style-dark:hover::after,.masterstudy-dark-mode-button:hover::before{color:var(--accent-100)}.masterstudy-dark-mode-button:hover{cursor:pointer;background:0 0}.masterstudy-dark-mode-button.masterstudy-dark-mode-button_style-dark::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);opacity:0;visibility:hidden}.masterstudy-dark-mode-button.masterstudy-dark-mode-button_style-dark::after{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);opacity:1;visibility:visible}