.ComHeaderMenuButton{--duration:.3s;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;justify-self:flex-start;height:1.6rem}.ComHeaderMenuButton span{display:block;background-color:currentColor;transition:background-color .3s var(--easeInOutQuart),translate .3s var(--easeInOutQuart) .3s,rotate .3s var(--easeInOutQuart) 0s,scale .3s var(--easeInOutQuart) 0s}.ComHeaderMenuButton.active span{transition:background-color .3s var(--easeInOutQuart),translate .3s var(--easeInOutQuart) 0s,rotate .3s var(--easeInOutQuart) .3s,scale .3s var(--easeInOutQuart) 0s}.Layout__default .ComHeaderMenuButton span{width:4rem;height:2px}.Layout__default .ComHeaderMenuButton span:first-of-type{translate:0 -.6rem}.Layout__default .ComHeaderMenuButton span:last-of-type{translate:0 .6rem}.Layout__default .ComHeaderMenuButton.active span:first-of-type{translate:0 50%;rotate:20deg}.Layout__default .ComHeaderMenuButton.active span:last-of-type{translate:0 -50%;rotate:-20deg}.Layout__mobile .ComHeaderMenuButton{translate:0 -.1rem}.Layout__mobile .ComHeaderMenuButton span{width:2.8rem;height:1px}.Layout__mobile .ComHeaderMenuButton span:first-of-type{translate:0 -.3rem}.Layout__mobile .ComHeaderMenuButton span:last-of-type{translate:0 .3rem}.Layout__mobile .ComHeaderMenuButton.active span:first-of-type{translate:0 50%;rotate:20deg}.Layout__mobile .ComHeaderMenuButton.active span:last-of-type{translate:0 -50%;rotate:-20deg}.ComHeaderMenuButton.black span:first-of-type{background-image:radial-gradient(circle at calc(-50dvw + var(--D_R) + 100%) calc(50dvh - 3.5rem),#fff calc(80dvw - 80dvw*var(--v7ae952aa)),#000 calc(80dvw - 80dvw*var(--v7ae952aa)))}.ComHeaderMenuButton.black span:last-of-type{background-image:radial-gradient(circle at calc(-50dvw + var(--D_R) + 100%) calc(50dvh - 5.3rem),#fff calc(80dvw - 80dvw*var(--v7ae952aa)),#000 calc(80dvw - 80dvw*var(--v7ae952aa)))}