@import 'variables.scss';

.link-editor {
  &__cover {
    width: 123px !important;
    height: 123px !important;
    margin-bottom: 20px !important;
  }

  &__actions {
    @include modalActions;
  }

  &-modal {
    .offer-form-item {
      .ant-row {
        margin-bottom: 0 !important;
      }
    }

    .ant-tabs {
      &-nav-list {
        width: 100%;
      }

      &.is-edit {
        .ant-tabs-ink-bar-animated {
          width: 100% !important;
        }
      }

      &-tab {
        padding: 0 0 8px;
        border-bottom: 1px solid $gray12;
        width: 100%;
        justify-content: center;
        margin: 0;

        span {
          font-weight: bold;
          font-size: 14px;
          line-height: 20px;
          text-align: center;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: $default;

          &.disabled {
            color: $gray6;
            cursor: not-allowed;
          }
        }

        &-active {
          border-bottom: 1px solid $blue;
        }
      }

      &-ink-bar {
        bottom: 0 !important;
        background: $blue;
        width: 50% !important;
      }
    }
  }


}
