.map-reference-notice[hidden] { display: none !important; }
.map-reference-notice { display: flex; align-items: center; gap: .5rem; min-width: 0; color: #e4c47e; font-size: .75rem; }
.map-reference-notice > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.map-reference-notice > button { flex: none; min-height: 28px; padding: .2rem .45rem; font-size: inherit; }
body.map-page .map-reference-notice { flex: 1 0 100%; max-width: 100%; }
#overlay-context-bar { flex-wrap: wrap; }
#overlay-context-bar .map-reference-notice { flex: 1 0 100%; grid-column: 1 / -1; max-width: 100%; -webkit-app-region: no-drag; }
#overlay-context-bar .map-reference-notice button { color: inherit; background: #282e23; border: 1px solid #747b62; border-radius: 3px; }
@media (max-width: 700px) { .map-reference-notice > button { min-height: 32px; } }