.mobile-nav{display:none;height:100%;margin-top:60px;max-width:260px;position:fixed;top:0;z-index:9999;--tw-translate-x:-100%;background-image:linear-gradient(180deg,#7b19d7,#009de6);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:997px){.mobile-nav{display:flex}}.mobile-nav-open .mobile-nav{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}