@import '../../styles/abstracts/variables';
.store-domain-input-modal {
  .ant-modal-body {
    padding: 1.5rem;
  }
  &__tooltip {
    border-radius: 8px;
    max-width: 351px;
    padding-top: 2px;

    @include mobile {
      max-width: 280px;
    }

    .ant-tooltip {
      &-inner {
        background: $white !important;
        border: 1px solid $grey2;
        border-radius: 8px;
        color: $darkGray;
        padding: 10px;
        font-size: $small;
        margin-left: -18px;
        max-width: 351px;

        @include mobile {
          margin-left: 0;
        }
      }

      &-arrow {
        width: 24px;
        height: 8px;
        left: 2px !important;
        top: -5px;
        border-radius: 8px;

        &-content {
          background: $white !important;
          box-shadow: none;
          border: 1px solid $grey2;
          border-bottom-width: 0;
          width: 18px;
          height: 15px;
          border-radius: 3px 0 0 0;
        }
      }
    }
  }
}
