@import "../../scss/variables";
@import "../../scss/mixins";
@import "../../scss/palettes";

:host {
  text-align: left;

  .userName {
    input {
      font-size: 30px;
    }
  }

  .wide-radio {
    margin-top: 20px;

    .wide-radio-items {
      margin-right: 10px;

      &[role="radiogroup"] {
        margin-left: 10px;

        mat-radio-button {
          margin-right: 10px;
        }
      }
    }
  }

  .separator {
    margin-bottom: 10px;
  }

  [color="accent"] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .buttons {
    margin-top: 20px;
  }
}
