.base-navbar.navbar .navbar-menu-mobile{display:flex;flex-direction:column;gap:2rem;height:100%;left:0;position:fixed;top:0;width:80%;z-index:50;--tw-bg-opacity:1;background-color:hsl(var(--twc-white)/var(--twc-white-opacity,var(--tw-bg-opacity)));padding:2rem}@media(min-width:768px){.base-navbar.navbar .navbar-menu-mobile{width:60%}}.base-navbar.navbar .navbar-menu-mobile .close-btn{font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:hsl(var(--twc-neutral-500)/var(--twc-neutral-500-opacity,var(--tw-text-opacity)))}.base-navbar.navbar .navbar-menu-mobile.is-dark{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:hsl(var(--twc-blue-dark)/var(--twc-blue-dark-opacity,1)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--twc-blue-dark)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsl(var(--twc-blue)/var(--twc-blue-opacity,1)) var(--tw-gradient-to-position)}.base-navbar.navbar .navbar-menu-mobile.is-dark .navbar-item a{--tw-text-opacity:1;color:hsl(var(--twc-white)/var(--twc-white-opacity,var(--tw-text-opacity)))}.base-navbar.navbar .navbar-menu-mobile.is-dark .navbar-item a:focus,.base-navbar.navbar .navbar-menu-mobile.is-dark .navbar-item a:hover{background-color:transparent}.base-navbar.navbar .navbar-menu-mobile.is-dark .close-btn{--tw-text-opacity:1;color:hsl(var(--twc-white)/var(--twc-white-opacity,var(--tw-text-opacity)))}.base-navbar.navbar .navbar-menu-mobile.appear-enter-active,.base-navbar.navbar .navbar-menu-mobile.appear-leave-active{--tw-translate-x:-100%;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:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.base-navbar.navbar .navbar-menu-mobile.appear-enter-to,.base-navbar.navbar .navbar-menu-mobile.appear-leave-from{--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))}.base-navbar.navbar .navbar-menu-mobile-backdrop{display:block;inset:0;position:fixed;--tw-bg-opacity:1;background-color:hsl(var(--twc-black)/var(--twc-black-opacity,var(--tw-bg-opacity)));opacity:.75}.base-navbar.navbar .navbar-menu-mobile-backdrop.fade-enter-active,.base-navbar.navbar .navbar-menu-mobile-backdrop.fade-leave-active{opacity:0;transition-duration:.7s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.base-navbar.navbar .navbar-menu-mobile-backdrop.fade-enter-to,.base-navbar.navbar .navbar-menu-mobile-backdrop.fade-leave-from{opacity:.75}.base-navbar.navbar .navbar-brand>a.navbar-item:active,.base-navbar.navbar .navbar-brand>a.navbar-item:focus,.base-navbar.navbar .navbar-brand>a.navbar-item:hover,.base-navbar.navbar .navbar-start>a.navbar-item:active,.base-navbar.navbar .navbar-start>a.navbar-item:focus,.base-navbar.navbar .navbar-start>a.navbar-item:hover{background-color:transparent}@keyframes appearIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}