nav li h3:hover svg,nav li h3:hover svg:active,nav li h3:hover+svg,nav li h3:hover+svg:active{color:rgba(0,0,0,.9)}.icon-menu{--gap:5px;--height-bar:0.25rem;--pos-y-bar-one:0;--pos-y-bar-three:0;--scale-bar:1;--rotate-bar-one:0;--rotate-bar-three:0;gap:var(--gap)}.bar{position:relative;width:100%;height:var(--height-bar);background-color:#000;border-radius:.5rem}.bar--1{top:var(--pos-y-bar-one);transform:rotate(var(--rotate-bar-one));transition:top .2s .1s,transform .1s;margin-top:.75rem}.bar--2{transform:scaleX(var(--scale-bar));transition:transform .15s .1s}.bar--3{bottom:var(--pos-y-bar-three);transform:rotate(var(--rotate-bar-three));transition:bottom .2s .1s,transform .1s;margin-bottom:.75rem}.check-icon:checked+.icon-menu>.bar--1{transition:top .2s,transform .2s .1s}.check-icon:checked+.icon-menu>.bar--3{transition:bottom .2s,transform .2s .1s}.check-icon:checked+.icon-menu{--pos-y-bar-one:calc(var(--gap) + var(--height-bar));--pos-y-bar-three:calc(var(--gap) + var(--height-bar));--scale-bar:0;--rotate-bar-one:45deg;--rotate-bar-three:-45deg}