.mnsb,.mnsb *{box-sizing:border-box}
.mnsb{position:fixed;z-index:9990;display:flex;flex-direction:column;gap:0;font-family:Arial,sans-serif;line-height:1;animation:mnsb-enter .25s ease-out}
.mnsb--right{right:var(--mnsb-offset);left:auto}
.mnsb--left{left:var(--mnsb-offset);right:auto}
.mnsb--center{top:50%;bottom:auto;transform:translateY(-50%)}
.mnsb--bottom{top:auto;bottom:max(var(--mnsb-offset),env(safe-area-inset-bottom));transform:none}
.mnsb .mnsb__links{list-style:none;display:flex;flex-direction:column;gap:4px;margin:0;padding:6px 0 0}
.mnsb .mnsb__item{margin:0;padding:0;list-style:none}
.mnsb .mnsb__link{position:relative;display:flex;align-items:center;justify-content:center;width:var(--mnsb-size);height:var(--mnsb-size);border:0;border-radius:9px;background:var(--mnsb-color);color:#fff;text-decoration:none;box-shadow:0 2px 8px #00152a26;transition:filter .15s;overflow:visible}
.mnsb .mnsb__link:hover{color:#fff;filter:brightness(1.08)}
.mnsb .mnsb__link:focus-visible,.mnsb .mnsb__toggle:focus-visible{outline:3px solid #ffc618;outline-offset:3px}
.mnsb__link>svg{width:55%;height:55%;display:block;flex-shrink:0}
.mnsb .mnsb__label{position:absolute;right:calc(100% + 8px);left:auto;top:50%;transform:translate(4px,-50%);background:#152b3b;color:#fff;border-radius:6px;padding:9px 12px;white-space:nowrap;max-width:min(240px,calc(100vw - 100px));overflow:hidden;text-overflow:ellipsis;font:600 12px/1.2 Arial,sans-serif;pointer-events:none;opacity:0;transition:opacity .15s,transform .15s}
.mnsb--left .mnsb__label{right:auto;left:calc(100% + 8px);transform:translate(-4px,-50%)}
.mnsb__link:hover .mnsb__label,.mnsb__link:focus-visible .mnsb__label{opacity:1;transform:translate(0,-50%)}
.mnsb .mnsb__toggle{display:flex;align-items:center;justify-content:center;width:var(--mnsb-size);height:28px;min-height:0;padding:0;margin:0;border:0;border-radius:7px;background:var(--mnsb-toggle-color,#1b2a37);color:var(--mnsb-toggle-icon-color,#fff);cursor:pointer;box-shadow:none;line-height:1}
.mnsb .mnsb__toggle>svg{transition:transform .26s cubic-bezier(.22,1,.36,1)}
.mnsb .mnsb__toggle{transition:background-color .15s ease,color .15s ease}
/* Keep theme button:focus styles from changing the closed toggle after a click.
   Later open, hover and pressed rules still take precedence. */
.mnsb .mnsb__toggle:focus{background:var(--mnsb-toggle-color,#1b2a37);color:var(--mnsb-toggle-icon-color,#fff)}
.mnsb .mnsb__toggle[aria-expanded="true"]{background:var(--mnsb-toggle-active-color,var(--mnsb-toggle-color));color:var(--mnsb-toggle-active-icon-color,var(--mnsb-toggle-icon-color))}
@media(hover:hover){.mnsb .mnsb__toggle:hover{background:var(--mnsb-toggle-hover-color,#2d4559);color:var(--mnsb-toggle-hover-icon-color,#fff)}}
.mnsb .mnsb__toggle:active{background:var(--mnsb-toggle-active-color,var(--mnsb-toggle-color));color:var(--mnsb-toggle-active-icon-color,var(--mnsb-toggle-icon-color))}
.mnsb--left .mnsb__toggle>svg{transform:rotate(180deg)}
.mnsb.is-collapsed .mnsb__toggle>svg{transform:rotate(180deg)}
.mnsb--left.is-collapsed .mnsb__toggle>svg{transform:none}
.mnsb .mnsb__links[hidden]{display:none!important}
@media(min-width:768px){.mnsb--no-desktop,.mnsb .mnsb__item--no-desktop{display:none}}
@media(max-width:767px){
 .mnsb--no-mobile,.mnsb .mnsb__item--no-mobile{display:none}
 .mnsb--mobile-right{left:auto;right:max(var(--mnsb-mobile-offset),env(safe-area-inset-right))}
 .mnsb--mobile-left{right:auto;left:max(var(--mnsb-mobile-offset),env(safe-area-inset-left))}
 .mnsb--mobile-center{top:50%;bottom:auto;transform:translateY(-50%)}
 .mnsb--mobile-bottom{top:auto;bottom:max(var(--mnsb-mobile-offset),env(safe-area-inset-bottom));transform:none}
 .mnsb .mnsb__link{width:var(--mnsb-mobile-size);height:var(--mnsb-mobile-size);border-radius:8px}
 .mnsb .mnsb__toggle{width:var(--mnsb-mobile-size)}
 .mnsb--mobile-right .mnsb__label{left:auto;right:calc(100% + 8px)}
 .mnsb--mobile-left .mnsb__label{right:auto;left:calc(100% + 8px)}
 .mnsb--mobile-right .mnsb__toggle>svg{transform:none}
 .mnsb--mobile-right.is-collapsed .mnsb__toggle>svg{transform:rotate(180deg)}
 .mnsb--mobile-left .mnsb__toggle>svg{transform:rotate(180deg)}
 .mnsb--mobile-left.is-collapsed .mnsb__toggle>svg{transform:none}
}
@media(hover:none){.mnsb .mnsb__label{display:none}}
@media(max-height:500px){.mnsb .mnsb__links{max-height:calc(100dvh - 90px);overflow-y:auto;overflow-x:hidden}}
@keyframes mnsb-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.mnsb{animation:none}.mnsb .mnsb__link,.mnsb .mnsb__label,.mnsb .mnsb__toggle,.mnsb .mnsb__toggle>svg{transition:none}}