.mobile-menu{position:fixed;bottom:0;left:0;right:0;z-index:50;height:4.5rem;display:flex;align-items:center;justify-content:space-around;border-top-width:1px;border-color:#ffffff1a;background-color:#ffffff1a;padding-left:.5rem;padding-right:.5rem;--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.mobile-menu .menu-item{position:relative;min-width:3.5rem;display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;padding-left:.5rem;padding-right:.5rem;color:#ffffffb3;text-transform:capitalize;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.mobile-menu .menu-item i[data-v-cb6ed0b4]{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem}.mobile-menu .menu-item span[data-v-cb6ed0b4]{font-size:.75rem;line-height:1rem;font-weight:500}.mobile-menu .menu-item.active{--un-translate-y:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.mobile-menu .menu-item.active[data-v-cb6ed0b4]:after{content:"";position:absolute;bottom:-.5rem;width:.25rem;height:.25rem;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.mobile-menu .menu-item[data-v-cb6ed0b4]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}
