.menu{z-index:100;height:68px;padding:0 8px calc(var(--mobile-safe-area-bottom,0px));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-top:1px solid #1a1f2e14;justify-content:space-around;align-items:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000a}.menu__item{cursor:pointer;color:#8a90a8;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:14px;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;height:52px;padding:0 10px;font-family:inherit;transition:color .28s,background .28s,flex-grow .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.menu__item:active{transform:scale(.94)}.menu__item.active{color:var(--component-active-color,#e8334a);background:color-mix(in srgb, var(--component-active-color,#e8334a) 9%, transparent);flex-grow:1.9}.menu__icon{flex-shrink:0;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex}.menu__item.active .menu__icon{transform:translateY(-1px)scale(1.06)}.menu__icon .icon{stroke-width:2px;width:22px;height:22px}.menu__text{opacity:0;white-space:nowrap;letter-spacing:.2px;text-transform:capitalize;max-width:0;font-size:13px;font-weight:700;transition:max-width .35s cubic-bezier(.22,1,.36,1),opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translate(-4px)}.menu__text.active{opacity:1;max-width:120px;transform:translate(0)}.menu__item:after{content:"";height:2px;width:var(--lineWidth,0px);background:var(--component-active-color,#e8334a);transform-origin:50%;opacity:0;border-radius:2px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)scaleX(0)}.menu__item.active:after{opacity:1;transform:translate(-50%)scaleX(1)}@media (prefers-reduced-motion:reduce){.menu__item,.menu__icon,.menu__text,.menu__item:after{transition-duration:.01ms}}