.hamburger{cursor:pointer}.line{stroke:#7c3aed;stroke-width:3px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.hamburger-inactive .top-line{transition:all .3s;transform:translateY(8px)rotate(45deg)}.hamburger-inactive .middle-line{opacity:0;transition:all .1s}.hamburger-inactive .bottom-line{transition:all .3s;transform:translateY(-8px)rotate(-45deg)}
.drawer-container{z-index:1;background-color:#fff;position:fixed;inset:0;overflow-y:auto}.drawer-transition{width:0;transition:width .5s cubic-bezier(.4,0,.2,1)}.drawer-transition.open{width:100%}.close-button{cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex}.close-button:active{animation:2s close-button-shrink}@keyframes close-button-shrink{0%{transform:scale(1)rotate(0)}50%{transform:scale(.9)rotate(-10deg)}to{transform:scale(1)rotate(0)}}