.burger-menu__wrapper{width:40px;position:relative;z-index:3;-webkit-user-select:none;user-select:none}.burger-menu__wrapper a{text-decoration:none}.burger-menu__wrapper input{display:block;width:100%;height:100%;position:absolute;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.burger-menu__wrapper span{display:block;width:40px;height:2px;margin-bottom:7px;position:relative;background-color:var(--color-dark);border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease}.burger-menu__wrapper span:first-child{transform-origin:0 0}.burger-menu__wrapper span:nth-last-child(2){transform-origin:0 100%;margin-bottom:0}.burger-menu__wrapper input:checked~span{opacity:1;transform:rotate(45deg) translate(-6px, -1px);background:var(--color-dark)}.burger-menu__wrapper input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2)}.burger-menu__wrapper input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(-3px, 0px)}.burger-menu__wrapper input:checked~div.burger-menu__menu{transform:none}.burger-menu__menu{height:calc(var(--vh, 1vh)*100);display:flex !important;position:fixed;box-sizing:border-box;top:0;right:0;width:100%;margin-left:-100%;padding-left:4rem;padding-right:var(--content-side-padding);gap:3rem;background:var(--color-red);list-style-type:none;-webkit-font-smoothing:antialiased;overflow-y:auto;transform-origin:0 0;transform:translate(100%, 0);transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1);justify-content:center;align-items:center}.burger-menu__menu .burger-menu{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:2rem}.burger-menu__menu .burger-menu a,.burger-menu__menu .burger-menu svg{--font-size: 3rem}