.mbk-btn{position:relative;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px;background-color:transparent;border:none;outline:none;transform:translateZ(0);transition:transform .1s ease-out}.mbk-btn:active{transform:translateY(4px)}.mbk-line{display:block;width:30px;padding:3.25px}.mbk-line:after{content:"";display:block;width:100%;height:3px;background-color:#c2775e;border-radius:2px;transform:translateZ(0) rotate(0);transition:background-color .2s ease-out}.mbk-open .mbk-line:nth-child(1){animation:mbk-jump-1 .9s forwards ease}.mbk-open .mbk-line:nth-child(1):after{animation:mbk-line-1 .9s forwards ease-in-out}.mbk-open .mbk-line:nth-child(2){animation:mbk-jump-2 .9s forwards ease}.mbk-open .mbk-line:nth-child(2):after{animation:mbk-line-2 .9s forwards ease-in-out}.mbk-open .mbk-line:nth-child(3){animation:mbk-jump-3 .9s forwards ease-out;display:none}.mbk-close .mbk-line:nth-child(1){animation:mbk-jump-1 .9s reverse ease}.mbk-close .mbk-line:nth-child(1):after{animation:mbk-line-1 .9s reverse ease-in-out}.mbk-close .mbk-line:nth-child(2){animation:mbk-jump-2 .9s reverse ease}.mbk-close .mbk-line:nth-child(2):after{animation:mbk-line-2 .9s reverse ease-in-out}.mbk-close .mbk-line:nth-child(3){animation:mbk-jump-3 1s forwards ease;display:unset}@keyframes mbk-line-1{10%{transform:translateZ(0) rotate(0)}80%{transform:translateZ(0) rotate(395deg)}90%,to{transform:translateZ(0) rotate(405deg)}}@keyframes mbk-line-2{10%{transform:translateZ(0) rotate(0)}20%{transform:translateZ(0) rotate(10deg)}90%,to{transform:translateZ(0) rotate(-405deg)}}@keyframes mbk-jump-1{10%{transform:translateY(0)}50%{transform:translateY(-90px)}90%,to{transform:translateY(9.5px)}}@keyframes mbk-jump-2{10%{transform:translateY(0)}50%{transform:translateY(5px)}85%,to{transform:translateY(0)}}@keyframes mbk-jump-3{10%{transform:translateY(-100px) rotate(0)}}.mbk-drawer{animation:mbk-drawer-in .22s ease forwards}.mbk-drawer-closing{animation:mbk-drawer-out .18s ease forwards;pointer-events:none}.mbk-backdrop{animation:mbk-backdrop-in .22s ease forwards}.mbk-backdrop-closing{animation:mbk-backdrop-out .18s ease forwards;pointer-events:none}@keyframes mbk-drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mbk-drawer-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes mbk-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes mbk-backdrop-out{0%{opacity:1}to{opacity:0}}
