.burger{--burger-display: none;--top: 50%;--left: 50%;--transX: -50%;--transY: -50%;--scaleX: 1;--rotate: 0;--opacity: 1;position:relative;display:none;display:var(--burger-display);width:2rem;min-width:2rem;aspect-ratio:4/3;background:none;border-width:0;cursor:pointer}@media only screen and (max-width: 1024px){.burger{--burger-display: block}}.burger>span{position:absolute;top:var(--top);left:var(--left);width:100%;height:.2em;background-color:var(--color-white);opacity:var(--opacity);transform:translate(var(--transX),var(--transY)) scaleX(var(--scaleX)) rotate(var(--rotate));transition:all var(--trans-time) var(--trans-fnc)}.burger>span:first-child{--top: 0;--transY: 0}.burger>span:last-child{--top: 100%;--transY: -100%}.burger--open>span:first-child{--scaleX: 0;--opacity: 0}.burger--open>span:nth-child(2){--rotate: 45deg}.burger--open>span:nth-child(3){--rotate: -45deg}.burger--open>span:last-child{--scaleX: 0;--opacity: 0}