.c-toggle-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:24px;justify-content:center;padding:4px 2px;position:relative;transition:opacity .5s ease;width:24px;z-index:103}.c-toggle-button--hide{opacity:0}.c-toggle-button__bar{background:var(--bg-black);border-radius:calc(var(--radius)/4);height:2px;transition:all .3s ease;width:100%}.c-toggle-button.is-active{gap:0;justify-content:space-between}.c-toggle-button.is-active:after{border:2px solid var(--bg-black);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.c-toggle-button.is-active .c-toggle-button__bar{width:65%}.c-toggle-button.is-active .c-toggle-button__bar:first-child{transform:translate(3px,7px) rotate(45deg)}.c-toggle-button.is-active .c-toggle-button__bar:nth-child(2){opacity:0}.c-toggle-button.is-active .c-toggle-button__bar:nth-child(3){transform:translate(3px,-2px) rotate(-45deg)}.c-toggle-button.is-active .c-toggle-button__bar:nth-child(4){opacity:0}