:root{--arewa-mbn-safe-area-bottom:env(safe-area-inset-bottom, 0px);--arewa-mbn-safe-area-left:env(safe-area-inset-left, 0px);--arewa-mbn-safe-area-right:env(safe-area-inset-right, 0px)}#arewa-mbn-navigation{position:fixed;bottom:0;left:var(--arewa-mbn-safe-area-left);right:var(--arewa-mbn-safe-area-right);width:calc(100% - var(--arewa-mbn-safe-area-left) - var(--arewa-mbn-safe-area-right));background-color:var(--arewa-mbn-bg,#ffffff);border-top:1px solid rgb(0 0 0 / .1);display:flex;align-items:stretch;justify-content:space-around;z-index:9999;padding:8px 0;padding-bottom:calc(8px + var(--arewa-mbn-safe-area-bottom));box-sizing:border-box;transition:transform 0.3s ease,opacity 0.3s ease;min-height:calc(60px + var(--arewa-mbn-safe-area-bottom))}#arewa-mbn-navigation.arewa-mbn-shadow{box-shadow:0 -2px 10px rgb(0 0 0 / .1)}#arewa-mbn-navigation{border-top-left-radius:var(--arewa-mbn-radius,0);border-top-right-radius:var(--arewa-mbn-radius,0)}.arewa-mbn-button-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;overflow:visible;min-height:52px;padding:4px 2px;box-sizing:border-box}.arewa-mbn-button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--arewa-mbn-icon-color,#333333);background-color:var(--arewa-mbn-bg-color,transparent);border:none;cursor:pointer;padding:6px 8px;border-radius:8px;transition:all 0.3s ease;min-width:48px;width:100%;max-width:80px;box-sizing:border-box;position:relative;overflow:visible;min-height:44px;gap:2px}.arewa-mbn-button:focus{outline:2px solid var(--arewa-mbn-active-color,#0073aa);outline-offset:2px}.arewa-mbn-svg-wrapper{display:flex;align-items:center;justify-content:center;width:var(--arewa-mbn-button-icon-size,20px);height:var(--arewa-mbn-button-icon-size,20px);min-width:var(--arewa-mbn-button-icon-size,20px);min-height:var(--arewa-mbn-button-icon-size,20px);max-width:var(--arewa-mbn-button-icon-size,20px);max-height:var(--arewa-mbn-button-icon-size,20px);color:var(--arewa-mbn-icon-color,#333333);flex-shrink:0;overflow:visible;line-height:1;font-size:0}.arewa-mbn-svg-wrapper svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:100%!important;min-height:100%!important;fill:currentColor;stroke:currentColor;display:block;flex-shrink:0;box-sizing:border-box;overflow:visible;vertical-align:top}.arewa-mbn-svg-wrapper>*:not(svg){display:none}.arewa-mbn-submenu-item .arewa-mbn-svg-wrapper{width:var(--arewa-mbn-submenu-icon-size,22px);height:var(--arewa-mbn-submenu-icon-size,22px);min-width:var(--arewa-mbn-submenu-icon-size,22px);min-height:var(--arewa-mbn-submenu-icon-size,22px);max-width:var(--arewa-mbn-submenu-icon-size,22px);max-height:var(--arewa-mbn-submenu-icon-size,22px);margin-right:var(--arewa-mbn-submenu-icon-spacing,10px);margin-left:0;margin-top:0;margin-bottom:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .2));transition:transform 0.3s cubic-bezier(.4,0,.2,1)}.arewa-mbn-submenu-item:hover .arewa-mbn-svg-wrapper{transform:translateX(2px) scale(1.1)}.arewa-mbn-submenu-item:active .arewa-mbn-svg-wrapper,.arewa-mbn-submenu-item.touch-active .arewa-mbn-svg-wrapper{transform:translateX(4px) scale(1.05)}.arewa-mbn-label{font-size:var(--arewa-mbn-button-text-size,11px);line-height:1.1;text-align:center;color:var(--arewa-mbn-text-color,#333333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0;padding:0;flex-shrink:0}.arewa-mbn-layout-icon_only .arewa-mbn-label{display:none}.arewa-mbn-layout-icon_only .arewa-mbn-button{padding:8px;gap:0}.arewa-mbn-layout-icon_text_active .arewa-mbn-label{display:none;opacity:0;max-width:0;overflow:hidden;transition:opacity 0.3s ease,max-width 0.3s ease}.arewa-mbn-layout-icon_text_active .arewa-mbn-button-wrapper.arewa-mbn-active .arewa-mbn-label{display:block;opacity:1;max-width:200px;overflow:visible}.arewa-mbn-layout-icon_text_active .arewa-mbn-button{min-width:48px;max-width:70px;transition:all 0.3s ease}.arewa-mbn-layout-icon_text_active .arewa-mbn-button-wrapper.arewa-mbn-active .arewa-mbn-button{min-width:60px;max-width:90px}@keyframes arewa-mbn-pulse{0%{background-color:rgba(var(--arewa-mbn-active-rgb,0,115,170),.05);box-shadow:0 0 0 0 rgba(var(--arewa-mbn-active-rgb,0,115,170),.2)}50%{background-color:rgba(var(--arewa-mbn-active-rgb,0,115,170),.1);box-shadow:0 0 0 5px rgba(var(--arewa-mbn-active-rgb,0,115,170),0)}100%{background-color:rgba(var(--arewa-mbn-active-rgb,0,115,170),.05);box-shadow:0 0 0 0 rgba(var(--arewa-mbn-active-rgb,0,115,170),0)}}.arewa-mbn-button-wrapper.arewa-mbn-active .arewa-mbn-button,.arewa-mbn-button.arewa-mbn-active{color:var(--arewa-mbn-icon-color,#333333);background-color:#fff0;position:relative;overflow:visible}.arewa-mbn-pulse .arewa-mbn-button-wrapper.arewa-mbn-active .arewa-mbn-svg-wrapper,.arewa-mbn-pulse .arewa-mbn-button.arewa-mbn-active .arewa-mbn-svg-wrapper{position:relative;border-radius:50%;padding:8px;margin:-8px;animation:arewa-mbn-pulse 2s ease-in-out infinite;background-color:rgba(var(--arewa-mbn-active-rgb,0,115,170),.05);box-sizing:content-box;width:var(--arewa-mbn-button-icon-size,20px);height:var(--arewa-mbn-button-icon-size,20px);min-width:var(--arewa-mbn-button-icon-size,20px);min-height:var(--arewa-mbn-button-icon-size,20px);max-width:var(--arewa-mbn-button-icon-size,20px);max-height:var(--arewa-mbn-button-icon-size,20px);display:flex;align-items:center;justify-content:center;overflow:visible;z-index:1}.arewa-mbn-pulse .arewa-mbn-button-wrapper:has(.arewa-mbn-submenu.arewa-mbn-open) .arewa-mbn-submenu-trigger .arewa-mbn-svg-wrapper,.arewa-mbn-pulse .arewa-mbn-button-wrapper.arewa-mbn-submenu-open .arewa-mbn-submenu-trigger .arewa-mbn-svg-wrapper{position:relative;border-radius:50%;padding:8px;margin:-8px;animation:arewa-mbn-pulse 2s ease-in-out infinite;background-color:rgba(var(--arewa-mbn-active-rgb,0,115,170),.05);box-sizing:content-box;width:var(--arewa-mbn-button-icon-size,20px);height:var(--arewa-mbn-button-icon-size,20px);min-width:var(--arewa-mbn-button-icon-size,20px);min-height:var(--arewa-mbn-button-icon-size,20px);max-width:var(--arewa-mbn-button-icon-size,20px);max-height:var(--arewa-mbn-button-icon-size,20px);display:flex;align-items:center;justify-content:center;overflow:visible;z-index:1}.arewa-mbn-submenu-item .arewa-mbn-svg-wrapper{animation:none!important;background-color:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;margin-right:var(--arewa-mbn-submenu-icon-spacing,10px)!important}.arewa-mbn-button-wrapper.arewa-mbn-active .arewa-mbn-label,.arewa-mbn-button.arewa-mbn-active .arewa-mbn-label{color:var(--arewa-mbn-text-color,#333333)}.arewa-mbn-hover .arewa-mbn-button:hover{transform:translateY(-2px);background-color:rgb(0 0 0 / .05)}.arewa-mbn-hover .arewa-mbn-button-wrapper.arewa-mbn-active .arewa-mbn-button:hover{background-color:transparent!important}.arewa-mbn-submenu{position:fixed;bottom:calc(80px + var(--arewa-mbn-safe-area-bottom));left:50%;transform:translateX(-50%) translateY(20px) scale(.95);background-color:var(--arewa-mbn-submenu-bg,rgb(30 30 40 / .95));backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .3);min-width:var(--arewa-mbn-submenu-width,320px);max-width:calc(100% - var(--arewa-mbn-safe-area-left) - var(--arewa-mbn-safe-area-right) - 20px);width:auto;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.34,1.56,.64,1);transform-origin:center bottom;z-index:9998;padding:6px 0;max-height:60vh;overflow-y:auto}.arewa-mbn-submenu.arewa-mbn-open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1);animation:submenuFadeIn 0.4s cubic-bezier(.34,1.56,.64,1) forwards}.arewa-mbn-submenu.arewa-mbn-closing{animation:submenuFadeOut 0.5s cubic-bezier(.55,.055,.675,.19) forwards}.arewa-mbn-submenu-header{display:flex;align-items:flex-start;justify-content:flex-start;padding:24px 20px;border-bottom:1px solid rgb(255 255 255 / .1);margin-bottom:4px;gap:16px}.arewa-mbn-submenu-header-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:120px;height:120px;min-width:120px;min-height:120px;max-width:120px;max-height:120px;border-radius:50%;overflow:hidden;background-color:rgb(255 255 255 / .05);padding:8px;box-sizing:border-box}.arewa-mbn-submenu-header-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%}.arewa-mbn-submenu-header-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.arewa-mbn-submenu-header-title{font-size:18px;font-weight:600;color:var(--arewa-mbn-submenu-text-color,#ffffff);line-height:1.3;margin:0 0 6px 0;padding:0;text-align:left}.arewa-mbn-submenu-header-description{font-size:13px;font-weight:400;color:rgb(255 255 255 / .7);line-height:1.5;margin:0;padding:0;text-align:left}@keyframes submenuFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.95)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes submenuFadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotateZ(0deg);filter:blur(0)}50%{opacity:.7;transform:translateX(-50%) translateY(10px) scale(.9) rotateZ(-2deg);filter:blur(2px)}100%{opacity:0;transform:translateX(-50%) translateY(30px) scale(.8) rotateZ(-5deg);filter:blur(4px)}}.arewa-mbn-submenu-item{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px;text-decoration:none;color:var(--arewa-mbn-submenu-text-color,#ffffff);transition:all 0.3s cubic-bezier(.4,0,.2,1);border:none;background-color:#fff0;border-radius:0;width:100%;margin:0;text-align:left;cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden;min-height:48px;gap:var(--arewa-mbn-submenu-icon-spacing,10px);box-shadow:var(--arewa-mbn-submenu-item-shadow,none)}.arewa-mbn-submenu-item:hover{background-color:rgb(255 255 255 / .08);transform:translateX(4px) scale(1.02);box-shadow:var(--arewa-mbn-submenu-item-shadow,none),0 0 0 1px rgb(255 255 255 / .1)}.arewa-mbn-submenu-item:active,.arewa-mbn-submenu-item.touch-active{background-color:rgb(255 255 255 / .12);transform:translateX(6px) scale(.98);transition:all 0.15s cubic-bezier(.4,0,.2,1);box-shadow:var(--arewa-mbn-submenu-item-shadow,none),0 0 0 1px rgb(255 255 255 / .15)}.arewa-mbn-submenu-item span{flex:1;font-size:var(--arewa-mbn-submenu-text-size,14px);line-height:1.4;font-weight:400;margin:0;padding:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arewa-mbn-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(2px);z-index:9997;opacity:0;visibility:hidden;transition:all 0.3s ease}.arewa-mbn-overlay.arewa-mbn-active{opacity:1;visibility:visible}@media (max-width:480px){#arewa-mbn-navigation{padding:6px 0;padding-bottom:calc(6px + var(--arewa-mbn-safe-area-bottom));min-height:calc(56px + var(--arewa-mbn-safe-area-bottom))}.arewa-mbn-button-wrapper{min-height:48px;padding:2px 1px}.arewa-mbn-button{padding:4px 6px;min-width:44px;max-width:70px;min-height:40px;gap:1px}.arewa-mbn-label{font-size:calc(var(--arewa-mbn-button-text-size, 11px) - 1px)}.arewa-mbn-submenu{min-width:280px;max-width:calc(100% - 20px);bottom:calc(70px + var(--arewa-mbn-safe-area-bottom))}.arewa-mbn-submenu-item{padding:10px 14px;min-height:44px;gap:calc(var(--arewa-mbn-submenu-icon-spacing, 10px) - 2px);box-shadow:var(--arewa-mbn-submenu-item-shadow,none)}.arewa-mbn-submenu-item:hover{box-shadow:var(--arewa-mbn-submenu-item-shadow,none),0 0 0 1px rgb(255 255 255 / .1)}.arewa-mbn-submenu-item:active,.arewa-mbn-submenu-item.touch-active{box-shadow:var(--arewa-mbn-submenu-item-shadow,none),0 0 0 1px rgb(255 255 255 / .15)}}@media (max-width:360px){.arewa-mbn-button{min-width:40px;max-width:60px;padding:3px 4px}.arewa-mbn-submenu{min-width:260px}}@media (min-width:769px){.arewa-mbn-button{max-width:100px}}@media (prefers-reduced-motion:reduce){#arewa-mbn-navigation,.arewa-mbn-button,.arewa-mbn-submenu,.arewa-mbn-overlay,.arewa-mbn-svg-wrapper{transition:none;animation:none}}@media (prefers-contrast:high){#arewa-mbn-navigation{border-top:2px solid}.arewa-mbn-button{border:1px solid}.arewa-mbn-svg-wrapper svg{stroke-width:2}}@media print{#arewa-mbn-navigation{display:none}}#arewa-mbn-navigation .arewa-mbn-button-wrapper .arewa-mbn-button .arewa-mbn-svg-wrapper svg,#arewa-mbn-navigation .arewa-mbn-button-wrapper .arewa-mbn-submenu-trigger .arewa-mbn-svg-wrapper svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:100%!important;min-height:100%!important;display:block!important;overflow:visible!important}#arewa-mbn-navigation .arewa-mbn-submenu .arewa-mbn-submenu-item .arewa-mbn-svg-wrapper svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:100%!important;min-height:100%!important;display:block!important;overflow:visible!important}@media (prefers-color-scheme:dark){#arewa-mbn-navigation{border-top-color:rgb(255 255 255 / .1)}}