.c-toggle-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;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(--blue-10);border-radius:calc(var(--radius)/4);height:2px;transition:all .3s ease;width:100%}.c-toggle-button__bar--second{margin-left:auto;width:80%}.c-toggle-button.is-active .c-toggle-button__bar{width:80%}.c-toggle-button.is-active .c-toggle-button__bar:first-child{transform:translateY(6px) 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:translateY(-8px) rotate(-45deg)}