/* src/styles.css */
:root {
  --typo-display1: 400 48px/48px var(--font-family);
  --typo-h1: 600 28px/36px var(--font-family);
  --typo-h2: 600 24px/30px var(--font-family);
  --typo-h3: 600 20px/26px var(--font-family);
  --typo-h3-regular: 400 20px/26px var(--font-family);
  --typo-subtitle1: 600 16px/24px var(--font-family);
  --typo-subtitle2: 600 14px/20px var(--font-family);
  --typo-body1: 400 16px/24px var(--font-family);
  --typo-body2: 400 14px/20px var(--font-family);
  --typo-body3: 400 14px/24px var(--font-family);
  --typo-caption1: 400 12px/16px var(--font-family);
  --typo-caption2: 600 12px/16px var(--font-family);
}
@media screen and (width < 768px) {
  :root {
    --typo-h1: 600 22px/32px var(--font-family);
    --typo-h2: 600 20px/28px var(--font-family);
    --typo-h3: 600 18px/26px var(--font-family);
    --typo-h3-regular: 400 18px/26px var(--font-family);
  }
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
html,
body {
  font-family: "Roboto", sans-serif;
  min-height: 100%;
  overflow: hidden;
  touch-action: pan-x pan-y;
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
  margin: 0;
  background-color: hsla(var(--primary-background), 1);
}
.readium-navigator-iframe {
  border-width: 0;
  height: 100%;
  width: 100%;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
p {
  line-height: 1.4;
  margin: 0;
  padding: 16px 0;
}
odl-button {
  position: relative;
}
.mobile-hidden {
  display: none;
}
@media (min-width: 576px) {
  .mobile-hidden {
    display: inline-flex;
  }
}
.tablet-hidden {
  display: inline-flex;
}
@media (min-width: 768px) {
  .tablet-hidden {
    display: none;
  }
}
.responsive-hidden {
  display: inline-flex;
}
@media (min-width: 576px) {
  .responsive-hidden {
    display: none;
  }
}
.desktop-hidden {
  display: inline-flex;
}
@media (min-width: 768px) {
  .desktop-hidden {
    display: none;
  }
}
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
  -webkit-user-select: none;
  user-select: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */