.JoinMenu-module-scss-module__Sj-55q__main,.JoinMenu-module-scss-module__Sj-55q__active{background-color:var(--bleu-800);z-index:11;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:auto}@media (min-width:768px){.JoinMenu-module-scss-module__Sj-55q__main,.JoinMenu-module-scss-module__Sj-55q__active{height:auto}}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__main,.JoinMenu-module-scss-module__Sj-55q__active{max-height:0;top:87px;bottom:inherit;padding:0;overflow:hidden}}.JoinMenu-module-scss-module__Sj-55q__main ul,.JoinMenu-module-scss-module__Sj-55q__active ul{padding:24px 0}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__main ul,.JoinMenu-module-scss-module__Sj-55q__active ul{flex-wrap:wrap;align-items:center;margin:0 -20px;padding:0;display:flex}}.JoinMenu-module-scss-module__Sj-55q__item{height:auto;margin-bottom:16px}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__item{opacity:0;visibility:hidden;width:33.3333%;margin-bottom:0;padding:0 20px}}.JoinMenu-module-scss-module__Sj-55q__item:last-child{margin-bottom:0}.JoinMenu-module-scss-module__Sj-55q__item a{align-items:center;padding:16px 0;display:flex;position:relative}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__item a{border-radius:6px;padding:24px}.JoinMenu-module-scss-module__Sj-55q__item a:hover{background-color:var(--bleu-900)}.JoinMenu-module-scss-module__Sj-55q__active{max-height:500px;padding:40px 0;transition:max-height .6s cubic-bezier(.76,0,.24,1),padding .6s cubic-bezier(.76,0,.24,1)}.JoinMenu-module-scss-module__Sj-55q__active:before{content:"";z-index:5;width:100%;height:35px;position:absolute;bottom:100%;left:0}.JoinMenu-module-scss-module__Sj-55q__activeItem{visibility:visible;opacity:0;animation-name:JoinMenu-module-scss-module__Sj-55q__test;animation-duration:.6s;animation-timing-function:ease-out;animation-delay:0s;animation-fill-mode:forwards}}.JoinMenu-module-scss-module__Sj-55q__activeItem:first-of-type{animation-delay:.2s}.JoinMenu-module-scss-module__Sj-55q__activeItem:nth-of-type(2){animation-delay:.3s}.JoinMenu-module-scss-module__Sj-55q__activeItem:nth-of-type(3){animation-delay:.4s}@keyframes JoinMenu-module-scss-module__Sj-55q__test{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.JoinMenu-module-scss-module__Sj-55q__close{background-color:var(--c-orange);border-radius:100px;width:48px;height:48px;position:absolute;top:50%;right:24px;transform:translateY(-50%)}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__close{display:none}}.JoinMenu-module-scss-module__Sj-55q__close svg{fill:#fff;width:14px}.JoinMenu-module-scss-module__Sj-55q__head{background-color:var(--bleu-900);justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex;position:relative}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__head{display:none}}.JoinMenu-module-scss-module__Sj-55q__head__text{color:var(--bleu-400);font-size:14px;font-weight:600;line-height:17px}.JoinMenu-module-scss-module__Sj-55q__head__return{color:var(--bleu-400);align-items:center;font-size:14px;font-weight:600;line-height:17px;display:flex}.JoinMenu-module-scss-module__Sj-55q__head__return svg{width:7.43px;fill:var(--bleu-400);margin-right:17.17px}.JoinMenu-module-scss-module__Sj-55q__icon,.JoinMenu-module-scss-module__Sj-55q__yellow,.JoinMenu-module-scss-module__Sj-55q__blue,.JoinMenu-module-scss-module__Sj-55q__orange{background:red;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:16px;display:flex}.JoinMenu-module-scss-module__Sj-55q__orange{background:#f8decb}.JoinMenu-module-scss-module__Sj-55q__orange svg{stroke:var(--me-orange);width:25px}.JoinMenu-module-scss-module__Sj-55q__blue{background:#c3f5f0}.JoinMenu-module-scss-module__Sj-55q__blue svg{stroke:var(--me-cyan);width:25px}.JoinMenu-module-scss-module__Sj-55q__yellow{background:#fef4d5}.JoinMenu-module-scss-module__Sj-55q__yellow svg{stroke:var(--me-yellow);width:25px}.JoinMenu-module-scss-module__Sj-55q__arrow{justify-content:center;align-items:center;width:58px;height:100%;display:flex;position:absolute;top:0;right:-24px}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__arrow{display:none}}.JoinMenu-module-scss-module__Sj-55q__arrow svg{width:7.43px}.JoinMenu-module-scss-module__Sj-55q__infos span{display:block}.JoinMenu-module-scss-module__Sj-55q__text{color:var(--bleu-100);font-size:14px;font-weight:600;line-height:17px}@media (min-width:1024px){.JoinMenu-module-scss-module__Sj-55q__text{font-size:12px;line-height:15px}}.JoinMenu-module-scss-module__Sj-55q__text span{display:block}.JoinMenu-module-scss-module__Sj-55q__subtext{color:var(--bleu-100);margin-top:6px;font-size:12px;line-height:15px}