:root{--at-logo-gradient-color-normal:linear-gradient(-45deg, #c00, #ff8080);--at-logo-gradient-color-hover:linear-gradient(-22deg, #c00 35%, #fcc);--at-logo-shadow-normal:0 3px 10px #00000073;--at-logo-shadow-hover:0 5px 15px #cc0000b3;--at-logo-shadow-mobile:0 3px 15px #9006}[data-theme=dark]{--at-logo-gradient-color-normal:linear-gradient(-45deg, #900, #ff4c4c);--at-logo-gradient-color-hover:linear-gradient(-22deg, #900 35%, #f99);--at-logo-shadow-normal:0 3px 10px #00000073;--at-logo-shadow-hover:0 5px 15px #990000b3;--at-logo-shadow-mobile:0 3px 15px #9900004d}.my-hub{--dimension:45px;--transition-time:.5s linear;min-width:var(--dimension);box-shadow:var(--at-logo-shadow-normal);transition:all var(--transition-time);border-radius:100%;position:relative;overflow:hidden;margin-left:15px!important}.my-hub:before,.my-hub:after{content:"";transition:opacity var(--transition-time);position:absolute;inset:0}.my-hub:before{background:var(--at-logo-gradient-color-normal);opacity:1}.my-hub:after{background:var(--at-logo-gradient-color-hover);opacity:0}.my-hub:hover{box-shadow:var(--at-logo-shadow-hover);transform:translateY(-2px)}.my-hub:hover:after{opacity:1}.my-hub a{width:var(--dimension);height:var(--dimension);z-index:1;display:block;position:relative}.my-hub a svg{fill:#fff;width:100%;height:auto;scale:.8}.mobile-menu .my-hub{min-width:120px;box-shadow:var(--at-logo-shadow-mobile);border-radius:50px;display:flex;margin-left:0!important}.mobile-menu .my-hub:after{opacity:0}.mobile-menu .my-hub:hover{transition:none;transform:none}.mobile-menu .my-hub:hover:before{opacity:1}.mobile-menu .my-hub:hover:after{opacity:0}.mobile-menu .my-hub a{justify-content:center;width:100%;display:flex}