.software-update-prompt {
  position: fixed;
  flex: 1;
  right: 0;
  left: 0;
  top: var(--header-offset, 60px);
  background-color: var(--tertiary-low);
  color: var(--tertiary);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
  box-shadow: shadow("header");
  z-index: z("header") - 10;

  .update-prompt-main-content {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }

  .update-prompt-message {
    cursor: pointer;
    padding: 0.75em 0;

    .d-icon {
      margin-right: 0.33em;
      font-size: 0.9em;
    }

    span {
      text-decoration: underline;
    }
  }

  .update-prompt-dismiss {
    justify-content: flex-end;
    display: flex;
    height: 44px;
    flex: 1;

    span {
      cursor: pointer;
      height: 100%;
      display: flex;
      align-items: center;
      padding-left: 20px;

      &:hover {
        color: var(--tertiary-hover);
      }
    }
  }

  &.require-software-refresh {
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
    transition: max-height 0.75s;
  }
}