.m365-app{background:#f8f4f4;color:#101612}.m365-app[data-nav=true]{padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px))}.m365-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:40;display:grid;grid-template-columns:repeat(5,1fr);width:100%;max-width:430px;padding:10px 14px calc(8px + env(safe-area-inset-bottom, 0px));border-radius:28px 28px 0 0;background:#101f18;box-shadow:0 -4px 18px rgba(0,0,0,.28)}.m365-nav-item{display:grid;justify-items:center;gap:3px;padding:2px 0;color:#fff;text-decoration:none;font-size:13px;font-weight:500}.m365-nav-item[data-hero=true]{position:relative;margin-top:-22px}.m365-nav-item[data-hero=true] svg{width:52px;height:52px;padding:3px;border-radius:50%;background:#101f18;box-shadow:0 -2px 0 rgba(255,210,31,.35),0 4px 12px rgba(0,0,0,.45)}.m365-nav-item[data-hero=true][data-active=true] svg{box-shadow:0 0 0 2px #ffd21f,0 4px 14px rgba(255,210,31,.35)}.m365-nav-item[data-active=true]{color:#ffd21f;font-weight:700}