/* Styles for printing labels on glass slides. Page size matches the glass slide printer. A stylesheet
separate from print.css is necessary because there is no way with css to conditionally override the
@page styles (ie with a class selector) */
@page {
  size: .67in .87in;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  margin: 0;
}

.printable-label-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
  margin: auto;
}

.printable-label-glass-slide {
  height: .67in;
  width: .87in;
  font-size: 0;
  font-family: 'Roboto Condensed';
  font-weight: 500;
  text-align: center;
  color: black;
  letter-spacing: -0.0025in;
}

@media print {
  .printable-label-glass-slide {
    transform: rotate(90deg);
    transform-origin: center;
    page-break-after: always;
    position: relative;
    margin: 0;
  }

  .printable-label-qr-code {
    height: 0.50in;
    width: 0.50in;
    margin: auto;
    margin-bottom: 0.04in;
    display: block;
  }

  .printable-label-type-name {
    font-size: 0.0925in;
  }
}