_feedback.scss

@import '../base/color';
@import '../base/breakpoint';


.fb-root{
  overflow-y: auto;
  .fb-header {
    color: $gold-shadow;
    padding: 1.5rem 1.5rem 0rem 1.5rem;
    display: flex;
    justify-content: center;
  }

  .fb-content {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    .fb-label{
      margin: 0.5rem 0 0 0;
    }
    .fb-selector{
      margin: 0.5rem 0;
      display: flex;
      flex-direction: row;
      align-content: space-around;
      justify-content: space-around;
      .fb-selector-item{
        height: 3.125rem;
        width: 3.125rem;
        .fb-selector-item-label {
          color: $text-bright;
        }
        .fb-selector-item-selectedlabel {
          color: $white;
        }
      }
    }
    .fb-form{
      margin: 0.5rem 0;
      border: 1px solid $grey-dark;
      border-radius: 4px;
      color: $text-bright;
      background: rgba(0, 0, 0, 0.3);
      padding: 0 1rem;
      outline: none;
    }
    .fb-form:focus{
      border: 1px solid $gold-shadow;
    }
    .fb-textarea{
      height: 8.725rem;
      padding: 0.5rem 1rem;
    }
    .fb-input{
      height: 2rem;
    }
    .fb-button{
      max-width: 9.375rem;
      align-self: center;
      margin-top: 1rem;
    }
  }
}