.nav{--color: #ffffff;background:none;width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav svg{height:50px;width:50px;fill:none;stroke:var(--color);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;pointer-events:none}.nav svg use:nth-of-type(1){opacity:1;stroke-dashoffset:221;stroke-dasharray:46 249;transition:stroke-dashoffset .12s linear .2s,stroke-dasharray .12s linear .2s,opacity 0s linear .2s}.nav svg use:nth-of-type(2){animation:stroke-animation-reverse 1.2s ease-out forwards}.nav input{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;cursor:pointer;opacity:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:none}.nav button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav input:checked+svg use:nth-of-type(1){stroke-dashoffset:175;stroke-dasharray:0 295;opacity:0;transition:stroke-dashoffset .07s linear .07s,stroke-dasharray .07s linear .07s,opacity 0s linear .14s}.nav input:checked+svg use:nth-of-type(2){animation:stroke-animation 1.2s ease-out forwards}@keyframes stroke-animation{0%{stroke-dashoffset:295;stroke-dasharray:25 270}50%{stroke-dashoffset:68;stroke-dasharray:59 236}65%{stroke-dashoffset:59;stroke-dasharray:59 236}to{stroke-dashoffset:68;stroke-dasharray:59 236}}@keyframes stroke-animation-reverse{0%{stroke-dashoffset:68;stroke-dasharray:59 236}50%{stroke-dashoffset:290;stroke-dasharray:25 270}65%{stroke-dashoffset:295;stroke-dasharray:25 270}to{stroke-dashoffset:290;stroke-dasharray:25 270}}@media screen and (max-width: 1024px){.nav{display:flex!important;visibility:visible!important}.nav input{display:block!important;visibility:visible!important}}@supports (-webkit-touch-callout: none){.nav input{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (pointer: coarse){.nav,.nav input{min-width:44px;min-height:44px}}