#side-menu button.warfield-logo-button{padding:7px 2px;min-height:54px;justify-content:center;background:#1e1e1e;border:1px solid #ffffff0d}
#side-menu button.warfield-logo-button .warfield-menu-art{position:relative;overflow:hidden;display:block;flex:none;width:40px;min-width:40px;height:38px;margin:0;transition:width .2s ease,height .2s ease}
#side-menu .warfield-menu-art img{position:absolute;top:50%;left:50%;width:44px;height:44px;max-width:none;transform:translate(-50%,-50%);object-fit:contain;transition:width .2s ease,height .2s ease}
#side-menu button.warfield-logo-button .nav-label{position:absolute;width:1px;min-width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#side-menu:hover button.warfield-logo-button .warfield-menu-art,#side-menu:focus-within button.warfield-logo-button .warfield-menu-art{width:220px;height:62px}
#side-menu:hover .warfield-menu-art img,#side-menu:focus-within .warfield-menu-art img{width:230px;height:230px}
#side-menu button.warfield-logo-button.active{border-color:#a82ade;background:#1e1e1e}
#side-menu button.warfield-logo-button.active:before{background:#a82ade}
#side-menu button.warfield-logo-button:hover{border-color:#ad45d6}
@media(max-width:760px){#side-menu button.warfield-logo-button .warfield-menu-art{width:230px;height:65px}#side-menu .warfield-menu-art img{width:240px;height:240px}}
@media(prefers-reduced-motion:reduce){#side-menu .warfield-menu-art,#side-menu .warfield-menu-art img{transition:none!important}}