.mobile-bottom-nav{display:none}@media (max-width:800px){:root{--odontic-system-nav-space:max(env(safe-area-inset-bottom,0px), 24px)}body:has(>.mobile-bottom-nav)>main{padding-bottom:calc(88px + var(--odontic-system-nav-space))!important}.mobile-bottom-nav{box-sizing:border-box;bottom:0;height:calc(72px + var(--odontic-system-nav-space));z-index:100;padding:8px 7px var(--odontic-system-nav-space);background:#fff;border-top:1px solid #dce9e8;grid-template-columns:repeat(5,1fr);align-items:start;display:grid;position:fixed;inset-inline:0;box-shadow:0 -8px 26px #00495c14}.mobile-bottom-nav>a{color:#617c82;place-items:center;gap:3px;font-size:9px;font-weight:700;text-decoration:none;display:grid}.mobile-bottom-nav>a>span{place-items:center;width:23px;height:23px;display:grid}.mobile-bottom-nav>a>span svg{stroke-width:1.7px;width:22px;height:22px}.mobile-bottom-nav .active{color:#00a874}.mobile-bottom-nav .nav-center{color:#00495c}.mobile-bottom-nav .nav-center>span{color:#fff;background:#00a874;border:5px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;margin-top:-27px;display:grid;box-shadow:0 6px 18px #00a87455}.mobile-bottom-nav .nav-center>span svg{stroke-width:1.8px;width:23px;height:23px}.mobile-bottom-nav .nav-center.active>span{background:#006f8b}}