.ui-update-notice{position:relative;display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;min-width:0;gap:6px;height:18px;max-width:100%;margin:0 0 0 auto;padding:0;border:0;background:transparent;color:#586558;font-size:10px;line-height:1.3;text-align:right}
.ui-update-notice strong{font:inherit;font-weight:400}.ui-update-notice p{margin:0;font-size:11px;line-height:1.4}
body header .ui-update-notice button,.ui-update-notice button{display:inline-flex;align-items:center;box-sizing:border-box;height:17px;min-height:17px;padding:0 5px;border:1px solid #bec8b9;border-radius:4px;background:#f4f5ee;color:#364936;box-shadow:none;transform:none;font:inherit;font-size:10px;font-weight:500;white-space:nowrap}
.ui-update-notice button:focus-visible{outline:2px solid #526d5e;outline-offset:2px}
.ui-update-notice>p{position:absolute;z-index:30;right:0;top:calc(100% + 5px);box-sizing:border-box;width:260px;max-width:calc(100vw - 24px);padding:8px 10px;border:1px solid #ccd3c5;border-radius:5px;background:#fffdf7;color:#384838;box-shadow:0 3px 12px #25324718;text-align:left}
.ui-update-notice[hidden],.ui-update-notice p[hidden]{display:none}

.ui-update-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;height:19px;margin:0 0 5px;padding:0 10px;border-bottom:1px solid #d5d9cf;background:#edf0e7;color:#5b6858;font-size:10px;line-height:1.4}
.preview-environment-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-update-notice>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-update-notice button{flex-shrink:0}