#mvs-announcement[hidden] {display:none!important;}
#mvs-announcement {
    position:fixed; inset:auto 0 0; z-index:10000; box-sizing:border-box;
    display:flex; align-items:center; gap:12px; width:100%;
    padding:12px max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
    background:var(--mvs-accent,#0ff0ff); color:var(--mvs-background,#000);
    font-family:var(--mvs-font,inherit); font-size:14px; font-weight:500; line-height:1.5; letter-spacing:0;
}
#mvs-announcement .mvs-announcement-content {display:flex;flex:1;min-width:0;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;}
#mvs-announcement p {margin:0;color:inherit;font:inherit;overflow-wrap:anywhere;}
#mvs-announcement .mvs-announcement-action,
#mvs-announcement .mvs-announcement-action:is(:hover,:focus,:active) {
    display:inline-flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box;max-width:100%;
    padding:6px 12px;border:0;border-radius:6px;background:var(--mvs-background,#000);color:var(--mvs-accent,#0ff0ff);
    font:inherit;font-weight:600;text-decoration:none!important;box-shadow:none;overflow-wrap:anywhere;text-align:center;
}
#mvs-announcement .mvs-announcement-close,
#mvs-announcement .mvs-announcement-close:is(:hover,:focus,:focus-visible,:active) {
    appearance:none;-webkit-appearance:none;display:grid;place-items:center;align-self:center;flex:0 0 36px;
    width:36px;height:36px;min-height:36px;box-sizing:border-box;padding:0;margin:0;
    border:0!important;border-radius:0!important;outline:none!important;box-shadow:none!important;
    background:transparent!important;color:var(--mvs-background,#000)!important;cursor:pointer;
}
#mvs-announcement .mvs-announcement-close svg {display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.mvs-bottom-space {display:block;flex:0 0 auto;width:100%;height:var(--mvs-bottom-space,0px);pointer-events:none;}
@media(max-width:700px) {
    #mvs-announcement {display:grid;grid-template-columns:36px minmax(0,1fr) 36px;}
    #mvs-announcement .mvs-announcement-content {display:contents;}
    #mvs-announcement p {grid-column:1 / -1;grid-row:1;}
    #mvs-announcement .mvs-announcement-action {grid-column:2;grid-row:2;justify-self:center;min-width:0;}
    #mvs-announcement .mvs-announcement-close {grid-column:3;grid-row:2;justify-self:end;}
}
