.btn[data-v-5cb70da8]{cursor:pointer;width:24px}span[data-v-5cb70da8]{background:var(--icon-default);border-radius:4px;box-shadow:0 1px 2px #0000004d;display:block;height:2px;position:relative;transition:all .3s;width:100%}span[data-v-5cb70da8]:nth-child(2){background:var(--icon-default);border-radius:4px;box-shadow:0 1px 2px #0000004d;display:block;height:2px;margin-left:auto;position:relative;transition:all .3s;width:70%}span+span[data-v-5cb70da8]{margin-top:4px}.active span[data-v-5cb70da8]:first-child{animation:top-5cb70da8 .6s ease forwards}.not-active span[data-v-5cb70da8]:first-child{animation:top-2-5cb70da8 .6s ease forwards}.active span[data-v-5cb70da8]:nth-child(2){animation:scaled-5cb70da8 .6s ease forwards}.not-active span[data-v-5cb70da8]:nth-child(2){animation:scaled-2-5cb70da8 .6s ease forwards}.active span[data-v-5cb70da8]:nth-child(3){animation:bottom-5cb70da8 .6s ease forwards}.not-active span[data-v-5cb70da8]:nth-child(3){animation:bottom-2-5cb70da8 .6s ease forwards}@keyframes top-5cb70da8{0%{top:0;transform:rotate(0)}50%{top:6px;transform:rotate(0)}to{top:6px;transform:rotate(45deg)}}@keyframes top-2-5cb70da8{0%{top:6px;transform:rotate(45deg)}50%{top:6px;transform:rotate(0)}to{top:0;transform:rotate(0)}}@keyframes bottom-5cb70da8{0%{bottom:0;transform:rotate(0)}50%{bottom:6px;transform:rotate(0)}to{bottom:6px;transform:rotate(135deg)}}@keyframes bottom-2-5cb70da8{0%{bottom:6px;transform:rotate(135deg)}50%{bottom:6px;transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes scaled-5cb70da8{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes scaled-2-5cb70da8{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}