.customer-bottom-nav{display:none}@media (width<=767px){.customer-app{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.customer-bottom-nav{z-index:90;inset-inline:8px;bottom:max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);direction:rtl;background:#fffffffa;border:1px solid #e7ebf0;border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:70px;padding:6px 8px;display:grid;position:fixed;box-shadow:0 -8px 28px #0f1f301a}.customer-bottom-nav>button{color:#13263a;min-width:0;min-height:58px;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.customer-bottom-nav__icon{place-items:center;width:30px;height:30px;display:grid}.customer-bottom-nav__icon svg{stroke-width:2.2px;width:23px;height:23px}.customer-bottom-nav>button>span:last-child{font-size:12px;font-weight:700;line-height:1}.customer-bottom-nav>button.is-active,.customer-bottom-nav>button[aria-current=page]{color:#d7192d}.customer-bottom-nav>button.is-active:before,.customer-bottom-nav>button[aria-current=page]:before{content:"";background:#d7192d;border-radius:999px;width:28px;height:3px;position:absolute;top:-6px}}.customer-app.is-design-preview-mobile .customer-bottom-nav{z-index:90;inset-inline:8px;direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:8px}@media (width<=767px){.auth-page.has-customer-bottom-nav{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}