.menu-shape{clipPath:polygon(50% 44%,0 100%,100% 100%)}.inner-curve{--r:34px;--s:33px;--a:38deg;--p:50%;aspect-ratio:3/2;--_m:var(--r),#000 calc(100% - 1px),#0000;--_d:(var(--s) + var(--r))*cos(var(--a));-webkit-mask:radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),#0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);mask:radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),#0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0)}.wavy-line{--s:44px;--b:16px;--m:0.4;--R:calc(var(--s)*sqrt(var(--m)*var(--m) + 1) + var(--b)/2);height:calc(2*var(--R));--_g:#0000 calc(99% - var(--b)),#000 calc(101% - var(--b)) 99%,#0000 101%;-webkit-mask:radial-gradient(var(--R) at left 50% bottom calc(-1*var(--m)*var(--s)),var(--_g)) calc(50% - 2*var(--s)) calc(50% - var(--s)/2 - var(--b)/2)/calc(4*var(--s)) calc(var(--s) + var(--b)) repeat-x,radial-gradient(var(--R) at left 50% top calc(-1*var(--m)*var(--s)),var(--_g)) 50% calc(50% + var(--s)/2 + var(--b)/2)/calc(4*var(--s)) calc(var(--s) + var(--b)) repeat-x;mask:radial-gradient(var(--R) at left 50% bottom calc(-1*var(--m)*var(--s)),var(--_g)) calc(50% - 2*var(--s)) calc(50% - var(--s)/2 - var(--b)/2)/calc(4*var(--s)) calc(var(--s) + var(--b)) repeat-x,radial-gradient(var(--R) at left 50% top calc(-1*var(--m)*var(--s)),var(--_g)) 50% calc(50% + var(--s)/2 + var(--b)/2)/calc(4*var(--s)) calc(var(--s) + var(--b)) repeat-x}.wavy-line,.zigzag-line{background:#008c9e;width:100%}.zigzag-line{--s:44px;--b:16px;position:relative;height:calc(var(--s) + var(--b));overflow:hidden}.zigzag-line:before{content:"";position:absolute;width:100%;height:var(--b);background:#008c9e;left:0;top:0;background-image:linear-gradient(135deg,transparent 25%,#008c9e 0,#008c9e 75%,transparent 0),linear-gradient(45deg,transparent 25%,#008c9e 0,#008c9e 75%,transparent 0);background-size:var(--s) var(--s);background-position:0 0,calc(var(--s)/2) 0}.angular-line{--s:44px;--b:16px;background:#008c9e;height:calc(var(--s) + var(--b));width:100%;clipPath:polygon(0 calc(50% - var(--b)/2),calc(var(--s)*1) calc(50% - var(--b)/2),calc(var(--s)*1) calc(50% + var(--b)/2),calc(var(--s)*2) calc(50% + var(--b)/2),calc(var(--s)*2) calc(50% - var(--b)/2),calc(var(--s)*3) calc(50% - var(--b)/2),100% calc(50% - var(--b)/2))}.signin-slide-up{animation:signinSlideUp .5s cubic-bezier(.4,0,.2,1)}@keyframes signinSlideUp{0%{transform:translateY(100%);opacity:.7}to{transform:translateY(0);opacity:1}}