tutorbookapp/tutorbook

@use 'styles/common';
@use 'styles/sizes';

.switch {
  margin: 16px;

  label {
    margin-left: 16px;
  }
}

.wrapper {
  @include common.wrapper();
  padding: 48px 24px;

  .display {
    border-radius: 4px;
    border: 1px solid var(--accents-2);
  }

  .card {
    border: 1px solid var(--accents-2);
    border-radius: 4px;
    position: relative;
    margin-top: 24px;

    .inputs {
      max-width: 600px;
      margin: 32px auto;
      padding: 0 48px;

      .field {
        @include common.field;
      }

      .btn {
        margin-top: 8px;
        width: 100%;
      }

      .error {
        @include common.error;
      }
    }

    .divider {
      @include common.divider;
      margin: 8px 0;
    }
  }
}