.brand__pic{display:inline;vertical-align:middle}.brand__pic--light,.brand__pic--dark{display:none}@media(prefers-color-scheme: light){body:not([darkmode]) .brand__pic--system{display:inline}body:not([darkmode]) .brand__pic--light,body:not([darkmode]) .brand__pic--dark{display:none}}@media(prefers-color-scheme: dark){body:not([darkmode]) .brand__pic--system{display:inline}body:not([darkmode]) .brand__pic--light,body:not([darkmode]) .brand__pic--dark{display:none}}body[darkmode=off] .brand__pic--system{display:none}body[darkmode=off] .brand__pic--light{display:inline}body[darkmode=off] .brand__pic--dark{display:none}body[darkmode=on] .brand__pic--system{display:none}body[darkmode=on] .brand__pic--light{display:none}body[darkmode=on] .brand__pic--dark{display:inline}.mode-toggle{border:none;padding:4px;width:50px;border-radius:20px;cursor:pointer;position:relative;z-index:900;top:6px}.mode-toggle>span{position:relative;display:block;width:20px;height:20px;border-radius:100%;background-color:#fff;box-shadow:0px 1px 1px rgba(3,7,18,.06),0px 2px 5px rgba(3,7,18,.12),0px 5px 12px rgba(3,7,18,.18),0px 10px 20px rgba(3,7,18,.24),0px 15px 32px rgba(3,7,18,.3);left:0;transition:all 300ms ease-in-out}.mode-toggle>span>img{width:18px;height:18px;position:absolute;top:1px;left:1px;transition:all 300ms ease-in-out}@media(prefers-color-scheme: light){body:not([darkmode]) .mode-toggle{background:linear-gradient(90deg, #fba53a 0%, #fce047 100%)}body:not([darkmode]) .mode-toggle>span>img:nth-child(1){opacity:1;transform:rotate(60deg)}body:not([darkmode]) .mode-toggle>span>img:nth-child(2){opacity:0;transform:rotate(60deg)}}@media(prefers-color-scheme: dark){body:not([darkmode]) .mode-toggle{background:linear-gradient(90deg, #00487a 0%, #26a2e0 100%)}body:not([darkmode]) .mode-toggle>span{left:100%;transform:translateX(-100%)}body:not([darkmode]) .mode-toggle>span>img:nth-child(1){opacity:0}body:not([darkmode]) .mode-toggle>span>img:nth-child(2){opacity:1}}body[darkmode=off] .mode-toggle{background:linear-gradient(90deg, #fba53a 0%, #fce047 100%)}body[darkmode=off] .mode-toggle>span>img:nth-child(1){opacity:1;transform:rotate(60deg)}body[darkmode=off] .mode-toggle>span>img:nth-child(2){opacity:0;transform:rotate(60deg)}body[darkmode=on] .mode-toggle{background:linear-gradient(90deg, #00487a 0%, #26a2e0 100%)}body[darkmode=on] .mode-toggle>span{left:100%;transform:translateX(-100%)}body[darkmode=on] .mode-toggle>span>img:nth-child(1){opacity:0}body[darkmode=on] .mode-toggle>span>img:nth-child(2){opacity:1}