:root{--hello-bar--color:#723d97;--hello-bar--bg-color:#fff;--hello-bar--show--delay:500ms}.hello-bar{--px:1.14285714rem;--py:0.571428571rem;background-color:var(--hello-bar--bg-color);color:var(--hello-bar--color);display:none;font-size:1.142857143rem;line-height:1.5;text-align:center}.hello-bar p{margin-bottom:0}.hello-bar a{animation:shake-x 5s linear 2s infinite normal none running;background-color:var(--hello-bar--color);border-radius:.285714286rem;color:var(--hello-bar--bg-color);display:inline-block;font-weight:700;min-width:135.58px;padding:.357142857rem .714285714rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hello-bar.show{display:block}@keyframes shake-x{2%{transform:translateX(3px) rotate(2deg)}4%{transform:translateX(-3px) rotate(-2deg)}6%{transform:translateX(3px) rotate(2deg)}8%{transform:translateX(-3px) rotate(-2deg)}10%{transform:translateX(2px) rotate(1deg)}12%{transform:translateX(-2px) rotate(-1deg)}14%{transform:translateX(2px) rotate(1deg)}16%{transform:translateX(-2px) rotate(-1deg)}18%{transform:translateX(1px) rotate(0deg)}20%{transform:translateX(-1px) rotate(0deg)}}@keyframes bounce-in-down{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,-3000px,0)}60%{transform:translateZ(0)}75%{transform:translate3d(0,-40px,0)}90%{transform:translateZ(0)}to{transform:none}}.hello-bar--content,.hello-bar--placeholder{height:var(--hello-bar--height,auto)}.hello-bar--content{align-items:center;animation:bounce-in-down 1s ease-in-out 0s 1 normal none running;background-color:inherit;box-shadow:0 1px 3px 2px rgba(0,0,0,.15);column-gap:1.285714286rem;display:flex;flex-wrap:wrap;justify-content:center;left:0;padding:var(--py) var(--px);position:fixed;right:0;row-gap:.285714286rem;top:0;z-index:1030}.admin-bar .hello-bar--content{top:32px}@media screen and (max-width:782px){.admin-bar .hello-bar--content{top:46px}}.hello-bar--close{align-items:center;background:none;border:none;border-radius:50%;color:var(--hello-bar--color);cursor:pointer;display:flex;font-size:2rem;height:2.5rem;justify-content:center;line-height:1;opacity:.7;padding:.5rem;position:absolute;right:var(--px);top:50%;transform:translateY(-50%);transition:background-color .2s ease,opacity .2s ease;width:2.5rem}.hello-bar--close:focus,.hello-bar--close:hover{background-color:rgba(0,0,0,.1);opacity:1;outline:none}.hello-bar--close:focus{box-shadow:0 0 0 2px var(--hello-bar--color)}