@use '@carbon/colors';
@use '@carbon/layout';
@use '@carbon/type';

.title {
  @include type.type-style('heading-02');
}

.btnSet {
  width: 100%;
}

.faintText {
  color: colors.$black;
  @include type.type-style('heading-01');
}

.printOutContainer {
  width: 20rem;
  background-color: colors.$white;
  padding: layout.$spacing-03;

  @media print {
    background-color: colors.$white;
    height: 100vh;
    padding: 0;
  }
}

.printoutTitle {
  @include type.type-style('heading-03');
  text-align: center;
  font-weight: bold;
}

.facilityName {
  color: colors.$black;
  text-align: end;
  padding: layout.$spacing-05;
  @include type.type-style('label-01');
}

.prescriber {
  color: colors.$black;
  padding: layout.$spacing-05;
  @include type.type-style('label-01');
}

.printoutSelectorRow {
  display: flex;
  flex-direction: row;
  gap: layout.$spacing-05;
  padding: 0 layout.$spacing-05 0 layout.$spacing-05;
  justify-content: space-between;
}

.patientName {
  text-transform: capitalize;
  text-align: center;
}

.printPreviewContainer {
  background-color: colors.$white;
}

.prescriptionInfo {
  color: colors.$black;
  font-weight: bolder;
  @include type.type-style('label-01');
}

.medicationName {
  @include type.type-style('body-compact-02');
  color: colors.$black;
}