.burger{--burger-color-bg:transparent;--burger-color-bg-focus:var(--nav-color-highlight);--burger-color-icon:var(--nav-color-icon);--burger-color-icon-focus:var(--nav-color-icon-focus);display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:3.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--burger-color-bg);border:none;color:var(--burger-color-icon);cursor:pointer;font-size:.75rem;font-weight:var(--main-font__normal);line-height:2.25rem;margin:0;padding:.5rem;position:relative;text-transform:uppercase;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.burger:is(:focus-visible,.is-active),[data-menuopen] .burger{background-color:var(--burger-color-bg-focus);color:var(--burger-color-icon-focus)}.burger:focus-visible{outline:var(--toujou-focus-outline);outline-offset:var(--toujou-focus-outline-offset)}.burger span{background:currentColor;display:block;height:calc(var(--border-radius)*.5);opacity:1;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:background 0s linear,top .25s ease-in-out,right .25s ease-in-out,left .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:background 0s linear,top .25s ease-in-out,right .25s ease-in-out,left .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;transition:background 0s linear,transform .25s ease-in-out,top .25s ease-in-out,right .25s ease-in-out,left .25s ease-in-out,opacity .25s ease-in-out;transition:background 0s linear,transform .25s ease-in-out,top .25s ease-in-out,right .25s ease-in-out,left .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;width:var(--burger-width)}.burger span:nth-child(2n){border-radius:0 var(--border-radius) var(--border-radius) 0;left:50%}.burger span:nth-child(odd){border-radius:var(--border-radius) 0 0 var(--border-radius);right:50%}.burger span:first-child,.burger span:nth-child(2){top:calc(50% - var(--burger-width)*.5 - var(--border-radius)*.5)}.burger span:nth-child(3),.burger span:nth-child(4){top:50%}.burger span:nth-child(5),.burger span:nth-child(6){top:calc(50% + var(--burger-width)*.5 + var(--border-radius)*.5)}[data-menuopen] .burger span:first-child,[data-menuopen] .burger span:nth-child(6){-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-menuopen] .burger span:nth-child(2),[data-menuopen] .burger span:nth-child(5){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}[data-menuopen] .burger span:first-child{right:calc(50% - var(--burger-width)/6);top:calc(50% - var(--border-radius)*.25 - var(--burger-width)/3)}[data-menuopen] .burger span:nth-child(2){left:calc(50% - var(--burger-width)/6);top:calc(50% - var(--border-radius)*.25 - var(--burger-width)/3)}[data-menuopen] .burger span:nth-child(3){opacity:0;right:100%}[data-menuopen] .burger span:nth-child(4){left:100%;opacity:0}[data-menuopen] .burger span:nth-child(5){right:calc(50% - var(--burger-width)/6);top:calc(50% - var(--border-radius)*.25 + var(--burger-width)/3)}[data-menuopen] .burger span:nth-child(6){left:calc(50% - var(--burger-width)/6);top:calc(50% - var(--border-radius)*.25 + var(--burger-width)/3)}.burger:is(:hover,:focus-visible),[data-menuopen] .burger{color:var(--burger-color-icon-focus)}@media only screen and (width >= 840px){.burger{display:none}}@media (hover:hover){.burger:hover{background:var(--burger-color-bg-focus);color:var(--burger-color-icon-focus)}}@media (forced-colors:active){.burger span{background-color:mark}.burger:is(:hover,:focus-visible) span{background-color:highlight}}