.menu,.menu a{align-items:center}.menu a::before,.menu.active li:hover a::before{background:var(--clr)}.menu{position:fixed;bottom:0;width:260px;height:260px;display:flex;justify-content:center;transition:transform .5s,bottom .5s;transform:translateY(80px);margin:0 auto;pointer-events:none}.menu a,.menuToggle{width:60px;height:60px;display:flex}.menu li,.menuToggle{pointer-events:auto;position:absolute}.menu li{left:0;list-style:none;transform:rotate(0) translateX(100px);transform-origin:130px;transition:.5s;transition-delay:calc(0.1s * var(--i))}.menu .expanding{transition:transform .5s .5s,bottom .5s .5s}.menu .collapsing{transition:transform .5s,bottom .5s}.menu.active{transform:translateY(0)}.menu.active li{transform:rotate(calc(360deg / 8 * var(--i)))}.menu a{justify-content:center;text-decoration:none;font-size:22px;border-radius:50%;transform:rotate(calc(360deg / -8 * var(--i)));transition:1s 0.5s;color:transparent;filter:drop-shadow(0 0 2px var(--clr))}.menu.active a{color:var(--clr)}.menu a::before{content:"";position:absolute;width:20px;height:2px;border-radius:2px;transform:rotate(calc(90deg * var(--i))) translate(0,25px);transition:width .5s 0.5s,height .5s 1s,transform .5s 1.5s}.menu.active a::before{width:50px;height:50px;background:#161616;border:2px solid var(--clr);transform:rotate(calc(0 * var(--i)));transition:transform .5s 0.5s,height .5s 1.5s,width .5s 1.5s;border-radius:10px;filter:drop-shadow(0 0 5px var(--clr));rotate:135deg}.menu.active li:hover a ion-icon{color:#161616}.menuToggle{color:#fff;align-items:center;justify-content:center;z-index:100;border-radius:50%;cursor:pointer;font-size:32px;transition:1.5s}.menu.active .menuToggle{transform:rotate(315deg)}.cafe-btn,.cookie-btn,.langue-btn,.link-btn,.mail-btn,.parametre-btn,.resize-btn,.share-btn,.twitch-login-btn{position:relative}.cafe-btn .tooltip-cafe,.cookie-btn .tooltip-cookie,.langue-btn .tooltip-langue,.link-btn .tooltip-link,.parametre-btn .tooltip-parametre,.resize-btn .tooltip-resize,.share-btn .tooltip-share,.twitch-login-btn .tooltip-twitch{visibility:hidden;width:120px;background-color:#393939;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:150%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.twitch-login-btn:hover .tooltip-twitch{visibility:visible;opacity:1;transform:translateX(12%) rotate(44deg) translateY(49px)}.cafe-btn .tooltip-cafe::after,.cookie-btn .tooltip-cookie::after,.langue-btn .tooltip-langue::after,.link-btn .tooltip-link::after,.mail-btn .tooltip-mail::after,.parametre-btn .tooltip-parametre::after,.resize-btn .tooltip-resize::after,.share-btn .tooltip-share::after,.twitch-login-btn .tooltip-twitch::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#393939 transparent transparent}.langue-btn:hover .tooltip-langue{visibility:visible;opacity:1;transform:translateX(-150px) rotate(135deg) translateY(-185px)}.resize-btn:hover .tooltip-resize{visibility:visible;opacity:1;transform:translateX(17px) rotate(225deg) translateY(-185px)}.parametre-btn:hover .tooltip-parametre{visibility:visible;opacity:1;transform:translateX(-86px) rotate(360deg) translateY(21px)}.cafe-btn:hover .tooltip-cafe,.link-btn:hover .tooltip-link{visibility:visible;opacity:1;transform:translateX(-138px) rotate(315deg) translateY(46px)}.mail-btn .tooltip-mail{visibility:hidden;width:auto;background-color:#393939;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:150%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.mail-btn:hover .tooltip-mail{visibility:visible;opacity:1;transform:translateX(3997px) rotate(-451.5deg) translateY(-4199px)}.cookie-btn:hover .tooltip-cookie{visibility:visible;opacity:1;transform:translateX(4200px) rotate(448.8deg) translateY(4198px)}.share-btn:hover .tooltip-share{visibility:visible;opacity:1;transform:translateX(-67px) rotate(180deg) translateY(-152px)}