@use "../variables";
.is-loading {
    position: relative;
  }
  .is-loading > .form-control, .is-loading > .form-control-plaintext, .is-loading > .form-select, .is-loading > .form-select[size] {
    padding-right: calc(1.5em + 0.75rem);
  }
  .is-loading > .form-control ~ .spinner-border.spinner-border-sm, .is-loading > .form-control ~ .spinner-border.spinner-grow-sm, .is-loading > .form-control ~ .spinner-grow.spinner-border-sm, .is-loading > .form-control ~ .spinner-grow.spinner-grow-sm, .is-loading > .form-control-plaintext ~ .spinner-border.spinner-border-sm, .is-loading > .form-control-plaintext ~ .spinner-border.spinner-grow-sm, .is-loading > .form-control-plaintext ~ .spinner-grow.spinner-border-sm, .is-loading > .form-control-plaintext ~ .spinner-grow.spinner-grow-sm, .is-loading > .form-select ~ .spinner-border.spinner-border-sm, .is-loading > .form-select ~ .spinner-border.spinner-grow-sm, .is-loading > .form-select ~ .spinner-grow.spinner-border-sm, .is-loading > .form-select ~ .spinner-grow.spinner-grow-sm, .is-loading > .form-select[size] ~ .spinner-border.spinner-border-sm, .is-loading > .form-select[size] ~ .spinner-border.spinner-grow-sm, .is-loading > .form-select[size] ~ .spinner-grow.spinner-border-sm, .is-loading > .form-select[size] ~ .spinner-grow.spinner-grow-sm {
    top: calc( (0.375em + 0.1875rem) + 2px );
  }
  
  .is-loading > .form-control ~ .spinner-border, .is-loading > .form-control ~ .spinner-grow, .is-loading > .form-control-plaintext ~ .spinner-border, .is-loading > .form-control-plaintext ~ .spinner-grow, .is-loading > .form-select ~ .spinner-border, .is-loading > .form-select ~ .spinner-grow, .is-loading > .form-select[size] ~ .spinner-border, .is-loading > .form-select[size] ~ .spinner-grow {
    position: absolute;
    top: 3px;
    right: calc(0.375em + 0.1875rem);
    z-index: 4;
  }