:root {
  --status-banner-height: 69px; }

body.has-status-banner {
  transition: all ease-in-out 0.3s;
  margin-top: var(--status-banner-height) !important; }
  body.has-status-banner .Header__fixed-bar,
  body.has-status-banner .Header {
    top: var(--status-banner-height) !important; }

.StatusBanner {
  --block-disabled-height: 50px;
  position: fixed;
  top: 0;
  z-index: 11111;
  display: block;
  width: 100%;
  height: var(--status-banner-height);
  background-color: #0e022d;
  border-bottom: 1px solid #54566b;
  color: white;
  overflow: hidden;
  transition: all ease-in-out 0.3s;
  transform: translateY(-100%);
  opacity: 0;
  font-size: 0.93333rem;
  line-height: 1.57;
  font-weight: 400; }
  .StatusBanner.is-open {
    transform: translateY(0);
    opacity: 1; }
  @media (min-width: 600px) {
    .StatusBanner {
      font-size: 1.06667rem;
      line-height: 1.5;
      font-weight: 400;
      letter-spacing: 0; } }
  .hs-inline-edit .StatusBanner {
    opacity: 1;
    transform: none; }
  .StatusBanner p {
    text-align: center;
    margin: 0 0.53333rem; }
    @media (max-width: 899.98px) {
      .StatusBanner p span {
        display: none; } }
    .StatusBanner p a {
      font-size: 0.93333rem;
      text-decoration: underline;
      color: #A285EF !important;
      text-underline-offset: 5px;
      margin-left: 0.53333rem;
      margin-top: -5px;
      margin-bottom: -5px; }
  .StatusBanner button {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 0.8rem;
    line-height: 1; }