@import url("https://fonts.googleapis.com/css2?family=Inter:slnt,wght@-10..0,100..900&display=swap");

#non_blocking_alert,
#non_blocking_alert * {
  all: revert !important;
  margin: 0 !important;
  padding: 0 !important;
}

#non_blocking_alert {
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 320px !important;
  min-height: 257px !important;
  background: #2087ff !important;
  right: 20px !important;
  top: 20px !important;
  z-index: 9999999 !important;

  &.more {
    min-height: 373px !important;
  }

  &__title {
    margin-top: 24px !important;
    width: 85% !important;
    height: 10% !important;
    display: flex !important;
    gap: 9px !important;
    align-items: center !important;
    &__logo {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      & img {
        width: 28px !important;
        aspect-ratio: 1 !important;
      }
    }
    &__text {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      & h1 {
        color: #0052bd !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        font-family: Inter !important;
      }
    }
  }
  &__header {
    margin-top: 21px !important;
    width: 85% !important;
    height: 25% !important;

    &__light {
      font-family: Inter !important;
      font-size: 20px !important;
      font-weight: 700 !important;
      color: #ffffff9e !important;
      line-height: 24px !important;
    }
    &__dark {
      font-family: Inter !important;
      font-size: 20px !important;
      font-weight: 700 !important;
      color: #ffffff !important;
      line-height: 24px !important;
    }
  }

  &__buttons {
    display: flex !important;
    gap: 6px !important;
    width: 85% !important;

    &__button {
      margin-top: 34px !important;
      width: 133px !important;
      padding: 7.5px 0 !important;
      font-family: Inter !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      line-height: 15px !important;
      border: none !important;
      border-radius: 38px !important;
      cursor: pointer !important;
      &.white {
        background-color: #ffffff !important;
        color: #000000 !important;
      }
      &.blue {
        border: 1px solid #ffffff !important;
        background-color: transparent !important;
        color: white !important;
      }
    }
  }

  &__more_content {
    margin-top: 24px !important;
    width: 85% !important;

    &__phrase {
      &__label {
        color: #ffffff !important;
        font-family: Inter !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 15px !important;
      }
      &__input {
        border: 1px solid #ffffff !important;
        width: 272px !important;
        padding: 7.5px 0 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 15px !important;
        text-align: center !important;
        outline: none !important;
        color: #ffffff !important;
        border-radius: 38px !important;
        margin-top: 14px !important;
        background-color: transparent !important;
      }
    }
    &__line {
      border: 1px solid #0052bd !important;
      margin-top: 24px !important;
      margin-right: 24px !important;
    }

    &__go_back {
      margin-top: 24px !important;
      &__label {
        color: #ffffff !important;
        font-family: Inter !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 15px !important;
        text-align: center !important;
      }

      &__button {
        background: #ffffff !important;
        border: none !important;
        width: 272px !important;
        margin-top: 12px !important;
        padding: 7.5px 0 !important;
        margin-right: 24px !important;
        border-radius: 38px !important;
      }
    }
  }
}
