@font-face {
  font-family: 'Calibre';
  src: url('../fonts/CalibreWeb-Regular.woff2') format('woff2'),
       url('../fonts/CalibreWeb-Regular.woff') format('woff'),
       url('../fonts/CalibreWeb-Regular.eot'),
       url('../fonts/CalibreWeb-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.in-content-module {
  display: block;
}

.in-content-module-book {
  display: flex;
  background-color: #FFFFFF;
  border: 1px solid #F0F0EE;
  border-radius: 8px;
  padding: 12px;
}

.in-content-module-book p {
  margin: 0px;
}

.in-content-module-book .in-content-module-img {
  width: 135px;
  height: 135px;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  user-select: none;
  background-color: #F0F0EE;
}

.in-content-module-book .in-content-module-img img {
  margin: 0px;
}
 
.in-content-module-book .in-content-module-contents {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: 6px 0 6px 0;
  font-family: TiemposTextRegular, Serif !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: 0.18px;
  color: #121212;
}

.in-content-module-book .in-content-module-contents a {
  font-family: Tiempos, serif;;
}

.in-content-module-book .in-content-module-contents img {
  height: 8px;
  margin-left: 8px;
}

.in-content-module-book .in-content-module-contents a {
  text-decoration: none;
  color: inherit;
}

.in-content-module-book .in-content-module-contents .in-content-module-intro-copy {
  margin-bottom: 8px;
  letter-spacing: 0px;
  font-family: TiemposTextRegular, Serif !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  color: #52524F;
}

.in-content-module-book .in-content-module-contents .in-content-module-intro-copy.long {
  @media (max-width: 600px) {
    display: none;
  }
}

.in-content-module-book .in-content-module-contents .in-content-module-intro-copy.short {
  @media (min-width: 601px) {
    display: none;
  }
}

.in-content-module-book .in-content-module-contents .in-content-module-byline {
  letter-spacing: .18px;
  font-family: Calibre !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.18px;
  color: #52524F;
}

.in-content-module-book .in-content-module-contents .in-content-module-cta {
  border: none;
  background: none;
  padding: 0px 5px 0px 0px;
  margin-top: auto;
  font-family: Calibre !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.25px;
  color: #000000;
}

@media (prefers-color-scheme: dark) {
  
  .native-mobile .in-content-module-book {
    background-color: #121212;
    border: 1px solid #323232;
  }

  .native-mobile .in-content-module-book .in-content-module-img {
    background-color: #323232;
  }

  .native-mobile .in-content-module-book .in-content-module-contents {
    color: #F0F0EE;
  }

  .native-mobile .in-content-module-book .in-content-module-contents .in-content-module-intro-copy,
  .native-mobile .in-content-module-book .in-content-module-contents .in-content-module-byline {
    color: #969693;
  }

  .native-mobile .in-content-module-book .in-content-module-contents .in-content-module-cta {
    color: #FFFFFF;
  }

  .native-mobile .in-content-module-book .in-content-module-contents .in-content-module-cta img {
    filter: invert(1);
  }
}