#xero-announcement-bar{box-shadow:0 2px 8px rgba(0,0,0,.1);left:0;opacity:0;padding:12px 20px;position:fixed;transition:opacity .3s ease,transform .3s ease;width:100%;z-index:9998}#xero-announcement-bar.xero-announcement-top{top:0}#xero-announcement-bar.xero-announcement-bottom{bottom:0}#xero-announcement-bar.xero-anim-slide{transform:translateY(-100%)}#xero-announcement-bar.xero-anim-slide.xero-announcement-bottom{transform:translateY(100%)}#xero-announcement-bar.xero-anim-slide.xero-visible{transform:translateY(0)}#xero-announcement-bar.xero-anim-fade{transform:none}#xero-announcement-bar.xero-anim-none{transform:none;transition:none}#xero-announcement-bar.xero-visible{opacity:1}#xero-announcement-bar .xero-announcement-content{align-items:center;display:flex;gap:15px;justify-content:center;margin:0 auto;max-width:1200px;position:relative}#xero-announcement-bar .xero-announcement-messages{align-items:center;display:flex;flex:1;justify-content:center;min-height:1.4em;position:relative;text-align:center}#xero-announcement-bar .xero-announcement-message{font-weight:500;height:-moz-fit-content;height:fit-content;inset:0;margin:auto;opacity:0;pointer-events:none;position:absolute;text-align:center;transition:opacity .4s ease;width:100%}#xero-announcement-bar .xero-announcement-message.is-active{inset:auto;opacity:1;pointer-events:auto;position:relative}#xero-announcement-bar .xero-announcement-message a{color:inherit;text-decoration:underline}#xero-announcement-bar .xero-announcement-cta{border:1px solid;border-radius:4px;display:inline-block;flex:0 0 auto;font-weight:600;padding:6px 16px;text-decoration:none;transition:background .2s ease,opacity .2s ease;white-space:nowrap}#xero-announcement-bar .xero-announcement-cta:hover{opacity:.85}#xero-announcement-bar .xero-announcement-close{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;flex:0 0 auto;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:.7;padding:0;transition:opacity .2s ease;width:24px}#xero-announcement-bar .xero-announcement-close:hover{opacity:1}@media(max-width:768px){#xero-announcement-bar{padding:10px 15px}#xero-announcement-bar .xero-announcement-content{flex-wrap:wrap;gap:10px}#xero-announcement-bar .xero-announcement-cta{padding:4px 12px}#xero-announcement-bar .xero-announcement-close{font-size:20px}}