#logo{width:4rem}
#logo a.brand{left:0}
#logo {position:fixed;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000;top:0;height:4rem;border-bottom:1px solid rgb(255 255 255 / 7%);display:flex;align-items:center;justify-content:center;cursor:pointer}
#logo {left:0;z-index:9000}
#logo a.brand{ transition: none;
  background-color: var(--theme);
  -webkit-mask-image: url(/sites/default/files/wizionary.svg);
  mask-image: url(/sites/default/files/wizionary.svg);
  padding: 1rem;
  z-index: 9001;}
#logo a.brand:hover{background-color:var(--theme-light)}