.mbn[data-v-c37b28e3]{display:none}@media(max-width:1199.98px){html[data-brand=vonlaine] .mbn[data-v-c37b28e3],html[data-brand=vonlaine] .mbn-overlay[data-v-c37b28e3]{--mbn-bg: #f8f7fc;--mbn-line: linear-gradient(92deg, #464797 0%, #7468ae 52%, #f98225 100%);--mbn-text: #686276;--mbn-active-text: #29253f;--mbn-active-bg: #fff1e6;--mbn-accent: #f98225;--mbn-tile: #eeebf8;--mbn-tile-icon: #464797;--mbn-sheet-text: #29253f;--mbn-scrim: rgba(36, 33, 66, .48);--mbn-shadow: 0 -14px 34px -20px rgba(70, 71, 151, .35);font-family:Manrope,system-ui,sans-serif}html[data-brand=godograph] .mbn[data-v-c37b28e3],html[data-brand=godograph] .mbn-overlay[data-v-c37b28e3]{--mbn-bg: #ffffff;--mbn-line: linear-gradient(92deg, #ffec00 0%, #ff8c00 100%);--mbn-text: #80878f;--mbn-active-text: #181818;--mbn-active-bg: linear-gradient(163.81deg, #ffec00 20.96%, #ff8c00 267.75%);--mbn-accent: #d97700;--mbn-tile: #f0f0f0;--mbn-tile-icon: #057ef7;--mbn-sheet-text: #181818;--mbn-scrim: rgba(24, 24, 24, .45);--mbn-shadow: 0 -14px 34px -20px rgba(24, 24, 24, .4);font-family:AvantGardeCTT,system-ui,sans-serif}.mbn[data-v-c37b28e3]{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:flex;align-items:stretch;background:var(--mbn-line, linear-gradient(92deg, #f98225, #464797)) top / 100% 3px no-repeat,var(--mbn-bg, #fffdf8);padding:3px .35rem 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--mbn-shadow, 0 -14px 34px -20px rgba(41, 37, 63, .45))}.mbn-item[data-v-c37b28e3]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;padding:.55rem .15rem .6rem;border:0;background:transparent;color:var(--mbn-text, #686276);font-size:.66rem;font-weight:700;line-height:1.1;text-align:center;text-decoration:none;cursor:pointer}.mbn-icon[data-v-c37b28e3]{position:relative;z-index:1;font-size:1.25rem}.mbn-icon-wrap[data-v-c37b28e3]{position:relative;z-index:1;display:inline-flex}.mbn-label[data-v-c37b28e3]{position:relative;z-index:1}.mbn-item.is-active[data-v-c37b28e3]{color:var(--mbn-active-text, #29253f)}.mbn-item.is-active .mbn-icon[data-v-c37b28e3]{color:var(--mbn-accent, #e56b13)}.mbn-item.is-active[data-v-c37b28e3]:after{content:"";position:absolute;inset:5px;border-radius:var(--radius-field, 14px);background:var(--mbn-active-bg, #fff1e6)}.mbn-overlay[data-v-c37b28e3]{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;background:var(--mbn-scrim, rgba(36, 33, 66, .48));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mbn-fade-c37b28e3 .18s ease;font-family:Manrope,system-ui,sans-serif}.mbn-sheet[data-v-c37b28e3]{width:100%;max-height:82vh;overflow:auto;background:#fff;border-radius:var(--radius-outer, 24px) var(--radius-outer, 24px) 0 0;padding:.6rem 1rem calc(1.2rem + env(safe-area-inset-bottom));animation:mbn-up-c37b28e3 .24s cubic-bezier(.2,.9,.3,1.1);color:var(--mbn-sheet-text, #29253f)}.mbn-handle[data-v-c37b28e3]{width:44px;height:5px;border-radius:999px;background:#cfd8de;margin:.2rem auto 1rem}.mbn-grid[data-v-c37b28e3]{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.mbn-tile[data-v-c37b28e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:92px;padding:.8rem .4rem;border:0;border-radius:var(--radius-inner, 16px);background:var(--mbn-tile, #f0eff8);color:var(--mbn-sheet-text, #29253f);font-size:.82rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer}.mbn-tile-icon[data-v-c37b28e3]{font-size:1.45rem;color:var(--mbn-tile-icon, #464797)}.mbn-tile.is-active[data-v-c37b28e3]{background:var(--mbn-active-bg, #fff1e6);box-shadow:inset 0 0 0 2px var(--mbn-accent, #e56b13)}.mbn-tile.is-active .mbn-tile-icon[data-v-c37b28e3]{color:var(--mbn-accent, #e56b13)}.mbn-tile--logout[data-v-c37b28e3]{color:#b3382e}@keyframes mbn-fade-c37b28e3{0%{opacity:0}}@keyframes mbn-up-c37b28e3{0%{opacity:0;transform:translateY(26px)}}@media(prefers-reduced-motion:reduce){.mbn-overlay[data-v-c37b28e3],.mbn-sheet[data-v-c37b28e3]{animation:none}}}@media(max-width:1199.98px){html.has-mbn{--mbn-clearance: calc(84px + env(safe-area-inset-bottom, 0px)) ;--mbn-dialog-gap: calc(var(--mbn-clearance) + 14px)}html.has-mbn .modal{padding-bottom:var(--mbn-dialog-gap)}}
