.announcement-banner{color:#fff;z-index:99999;background:#8b5cf6;align-items:center;height:36px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.announcement-banner-content{flex:1;height:100%;padding-right:40px;overflow:hidden}.announcement-text{color:#fff;white-space:nowrap;align-items:center;padding-right:50px;font-size:14px;line-height:36px;display:flex}.announcement-icon{vertical-align:middle;color:#fff;align-items:center;margin-right:10px;display:inline-flex}.announcement-close-btn{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.announcement-close-btn:hover{opacity:.8}body.dark .announcement-banner{background:#2c3e50}body.dark .announcement-close-btn{background:#0000004d}body.dark .announcement-close-btn:hover{background:#00000080}@media (max-width:768px){.announcement-text{font-size:13px}}#root,.auth-cover-wrapper,.auth-minimal-wrapper,.auth-creative-wrapper{transition:margin-top .3s ease-in-out;margin-top:0!important}:is(body:has(.announcement-banner) .auth-cover-wrapper,body:has(.announcement-banner) .auth-minimal-wrapper,body:has(.announcement-banner) .auth-creative-wrapper){margin-top:36px!important}