.menu{--s:14px;--c:#c8e993;--_g1:linear-gradient(var(--c) 20%,#0000 0 80%,var(--c) 0) no-repeat content-box border-box;--_g2:radial-gradient(circle closest-side at 50% 12.5%,var(--c) 95%,#0000) repeat-y content-box border-box;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;background:radial-gradient(circle closest-side at 50% 12.5%,#c8e993 95%,#0000) repeat-y content-box border-box left 0 top,linear-gradient(#c8e993 20%,#0000 0 80%,#c8e993 0) no-repeat content-box border-box left 1.4px top,radial-gradient(circle closest-side at 50% 12.5%,#c8e993 95%,#0000) repeat-y content-box border-box right 0 top,linear-gradient(#c8e993 20%,#0000 0 80%,#c8e993 0) no-repeat content-box border-box right 1.4px top;background:var(--_g2) left var(--_p,0) top,var(--_g1) left calc(var(--s)/10 + var(--_p,0px)) top,var(--_g2) right var(--_p,0) top,var(--_g1) right calc(var(--s)/10 + var(--_p,0px)) top;background-size:20% 80%,40% 100%;border:none;border-inline:7px solid #0000;border-inline:calc(var(--s)/2) solid #0000;box-sizing:content-box;-webkit-clip-path:inset(0 25%);clip-path:inset(0 25%);cursor:pointer;height:14px;height:var(--s);-webkit-mask:linear-gradient(90deg,#0000,#000 25% 75%,#0000);padding:0;position:relative;transition:background-position .3s .3s,-webkit-clip-path 0s .6s;transition:background-position .3s .3s,clip-path 0s .6s;transition:background-position .3s .3s,clip-path 0s .6s,-webkit-clip-path 0s .6s;transition:background-position .3s var(--_s,.3s),-webkit-clip-path 0s var(--_s,.6s);transition:background-position .3s var(--_s,.3s),clip-path 0s var(--_s,.6s);transition:background-position .3s var(--_s,.3s),clip-path 0s var(--_s,.6s),-webkit-clip-path 0s var(--_s,.6s)}.menu:after,.menu:before{background:var(--c);border-radius:var(--s);content:"";top:40%;right:0;bottom:40%;left:0;position:absolute}.menu:checked{--_p:calc(var(--s)*-1);--_s:0s;-webkit-clip-path:inset(0);clip-path:inset(0)}.menu:checked:before{transform:rotate(45deg)}.menu:checked:after{transform:rotate(-45deg)}
