@import './var.less';

:root {
  --glm-contact-edit-padding: @contact-edit-padding;
  --glm-contact-edit-fields-radius: @contact-edit-fields-radius;
  --glm-contact-edit-buttons-padding: @contact-edit-buttons-padding;
  --glm-contact-edit-button-margin-bottom: @contact-edit-button-margin-bottom;
  --glm-contact-edit-button-font-size: @contact-edit-button-font-size;
  --glm-contact-edit-field-label-width: @contact-edit-field-label-width;
}

.glm-contact-edit {
  padding: var(--glm-contact-edit-padding);

  &__fields {
    overflow: hidden;
    border-radius: var(--glm-contact-edit-fields-radius);

    .glm-field__label {
      width: var(--glm-contact-edit-field-label-width);
    }
  }

  &__switch-cell {
    margin-top: 10px;
    padding-top: 9px;
    padding-bottom: 9px;
    border-radius: var(--glm-contact-edit-fields-radius);
  }

  &__buttons {
    padding: var(--glm-contact-edit-buttons-padding);
  }

  &__button {
    margin-bottom: var(--glm-contact-edit-button-margin-bottom);
    font-size: var(--glm-contact-edit-button-font-size);
  }
}