/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
These mixins and functions use the semantic tokens generated by StyleDictionary
and output errors about incorrect usage.

These maps are imported automatically in every stylesheet thanks to our
webpack config/sass-resources-loader.
*/
/*
  Function for converting px values to em based off of 1/16th for responsive utilities
  Used for "for" sass mixin. Using em instead of rem due to Safari bug, see::after
  https://medium.com/@barrypeng6/why-should-not-use-rem-unit-in-media-query-5645d0163ce5
*/
/**
	weblit-line-clamp only works if display is set to -webkit-box and webkit-box-orient is set to vertical
	because this feature was built on -webkit-box display. 
	This hack is approved by CSSWG and recommended by multiple sources
	* https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp
	* https://css-tricks.com/line-clampin/#weird-webkit-flexbox-way
*/
/*
  Function for converting px font-size values to rem based off of 1/10th scale for easy math
  @deprecated: use postcss-pxtorem plugin
  References:
  https://npmpm.corp.amazon.com/pkg/postcss-pxtorem
  https://dev.to/cogoo/sizing-units-in-css-rem-and-em-4ea2
  https://css-tricks.com/is-it-better-to-use-ems-rems-than-px-for-font-size/
*/
/*

This mixin uses the $tokens map generated by StyleDictionary, which is
imported automatically in every stylesheet thanks to our webpack config/
sass-resources-loader.
 
*/
.SponsoredAdAction__label {
  color: var(--color-text-body-standard); }

/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
These mixins and functions use the semantic tokens generated by StyleDictionary
and output errors about incorrect usage.

These maps are imported automatically in every stylesheet thanks to our
webpack config/sass-resources-loader.
*/
/*
  Function for converting px values to em based off of 1/16th for responsive utilities
  Used for "for" sass mixin. Using em instead of rem due to Safari bug, see::after
  https://medium.com/@barrypeng6/why-should-not-use-rem-unit-in-media-query-5645d0163ce5
*/
/**
	weblit-line-clamp only works if display is set to -webkit-box and webkit-box-orient is set to vertical
	because this feature was built on -webkit-box display. 
	This hack is approved by CSSWG and recommended by multiple sources
	* https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp
	* https://css-tricks.com/line-clampin/#weird-webkit-flexbox-way
*/
/*
  Function for converting px font-size values to rem based off of 1/10th scale for easy math
  @deprecated: use postcss-pxtorem plugin
  References:
  https://npmpm.corp.amazon.com/pkg/postcss-pxtorem
  https://dev.to/cogoo/sizing-units-in-css-rem-and-em-4ea2
  https://css-tricks.com/is-it-better-to-use-ems-rems-than-px-for-font-size/
*/
/*

This mixin uses the $tokens map generated by StyleDictionary, which is
imported automatically in every stylesheet thanks to our webpack config/
sass-resources-loader.
 
*/
.SeriesTitle__seriesLink {
  font-family: Copernicus, "Libre Baskerville", Georgia, serif;
  color: var(--color-text-subdued);
  font-style: italic;
  text-decoration: none; }
  .SeriesTitle__seriesLink:hover {
    text-decoration: underline; }

/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
These mixins and functions use the semantic tokens generated by StyleDictionary
and output errors about incorrect usage.

These maps are imported automatically in every stylesheet thanks to our
webpack config/sass-resources-loader.
*/
/*
  Function for converting px values to em based off of 1/16th for responsive utilities
  Used for "for" sass mixin. Using em instead of rem due to Safari bug, see::after
  https://medium.com/@barrypeng6/why-should-not-use-rem-unit-in-media-query-5645d0163ce5
*/
/**
	weblit-line-clamp only works if display is set to -webkit-box and webkit-box-orient is set to vertical
	because this feature was built on -webkit-box display. 
	This hack is approved by CSSWG and recommended by multiple sources
	* https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp
	* https://css-tricks.com/line-clampin/#weird-webkit-flexbox-way
*/
/*
  Function for converting px font-size values to rem based off of 1/10th scale for easy math
  @deprecated: use postcss-pxtorem plugin
  References:
  https://npmpm.corp.amazon.com/pkg/postcss-pxtorem
  https://dev.to/cogoo/sizing-units-in-css-rem-and-em-4ea2
  https://css-tricks.com/is-it-better-to-use-ems-rems-than-px-for-font-size/
*/
/*

This mixin uses the $tokens map generated by StyleDictionary, which is
imported automatically in every stylesheet thanks to our webpack config/
sass-resources-loader.
 
*/
.NativeBookAd__book {
  max-width: 88rem; }

.NativeBookAd__header {
  margin-bottom: 1.6rem; }

.NativeBookAd__sponsored {
  margin-bottom: 0.8rem; }

/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
These mixins and functions use the semantic tokens generated by StyleDictionary
and output errors about incorrect usage.

These maps are imported automatically in every stylesheet thanks to our
webpack config/sass-resources-loader.
*/
/*
  Function for converting px values to em based off of 1/16th for responsive utilities
  Used for "for" sass mixin. Using em instead of rem due to Safari bug, see::after
  https://medium.com/@barrypeng6/why-should-not-use-rem-unit-in-media-query-5645d0163ce5
*/
/**
	weblit-line-clamp only works if display is set to -webkit-box and webkit-box-orient is set to vertical
	because this feature was built on -webkit-box display. 
	This hack is approved by CSSWG and recommended by multiple sources
	* https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp
	* https://css-tricks.com/line-clampin/#weird-webkit-flexbox-way
*/
/*
  Function for converting px font-size values to rem based off of 1/10th scale for easy math
  @deprecated: use postcss-pxtorem plugin
  References:
  https://npmpm.corp.amazon.com/pkg/postcss-pxtorem
  https://dev.to/cogoo/sizing-units-in-css-rem-and-em-4ea2
  https://css-tricks.com/is-it-better-to-use-ems-rems-than-px-for-font-size/
*/
/*

This mixin uses the $tokens map generated by StyleDictionary, which is
imported automatically in every stylesheet thanks to our webpack config/
sass-resources-loader.
 
*/
.NativeFlexAd__sponsored {
  margin-bottom: 0.8rem; }

.NativeFlexAd__header {
  margin-bottom: 2.4rem; }

.NativeFlexAd__bodyImage {
  margin-bottom: 1.6rem; }
  @media only screen and (min-width: 64em) {
    .NativeFlexAd__bodyImage {
      margin: 0 3.2rem 0 0; } }

@media only screen and (min-width: 64em) {
  .NativeFlexAd__container {
    display: flex; } }

.NativeFlexAd__container img {
  width: 100%; }
  @media only screen and (min-width: 64em) {
    .NativeFlexAd__container img {
      object-fit: contain;
      object-position: 0 0;
      max-width: 30rem;
      width: 30rem; } }

.NativeFlexAd__title {
  margin-bottom: 1.6rem; }
  @media only screen and (min-width: 64em) {
    .NativeFlexAd__title {
      margin-bottom: 0.8rem; }
      .NativeFlexAd__title h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; } }
  .NativeFlexAd__title h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }

.NativeFlexAd__description {
  margin-bottom: 1.6rem; }

.NativeFlexAd__cta {
  max-width: 26rem;
  margin: auto; }
  @media only screen and (min-width: 64em) {
    .NativeFlexAd__cta {
      margin: initial; } }

/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 09 Jun 2022 21:06:35 GMT
*/
/*
These mixins and functions use the semantic tokens generated by StyleDictionary
and output errors about incorrect usage.

These maps are imported automatically in every stylesheet thanks to our
webpack config/sass-resources-loader.
*/
/*
  Function for converting px values to em based off of 1/16th for responsive utilities
  Used for "for" sass mixin. Using em instead of rem due to Safari bug, see::after
  https://medium.com/@barrypeng6/why-should-not-use-rem-unit-in-media-query-5645d0163ce5
*/
/**
	weblit-line-clamp only works if display is set to -webkit-box and webkit-box-orient is set to vertical
	because this feature was built on -webkit-box display. 
	This hack is approved by CSSWG and recommended by multiple sources
	* https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp
	* https://css-tricks.com/line-clampin/#weird-webkit-flexbox-way
*/
/*
  Function for converting px font-size values to rem based off of 1/10th scale for easy math
  @deprecated: use postcss-pxtorem plugin
  References:
  https://npmpm.corp.amazon.com/pkg/postcss-pxtorem
  https://dev.to/cogoo/sizing-units-in-css-rem-and-em-4ea2
  https://css-tricks.com/is-it-better-to-use-ems-rems-than-px-for-font-size/
*/
/*

This mixin uses the $tokens map generated by StyleDictionary, which is
imported automatically in every stylesheet thanks to our webpack config/
sass-resources-loader.
 
*/
.Ad {
  overflow: hidden;
  text-align: center; }
  .Ad > * {
    margin: 0 auto;
    width: 100%;
    height: 100%; }
  .Ad:empty {
    display: none; }
  .Ad__topBanner {
    width: 100%; }
    .Ad__topBanner iframe {
      margin-bottom: 3.2rem; }
      @media only screen and (max-width: 39.9375em) {
        .Ad__topBanner iframe {
          margin-bottom: 2.4rem; } }
  .Ad__inlineAd, .Ad__nativeAd {
    padding: 4rem 0; }
  .Ad__bottomBanner iframe {
    margin: 4rem auto; }
    @media only screen and (max-width: 47.9375em) {
      .Ad__bottomBanner iframe {
        margin: 3.2rem auto; } }
  .Ad--showDividers {
    border-bottom: 0.1rem solid var(--color-background-divider);
    margin-top: -2.5rem;
    margin-bottom: 2.4rem; }
  @media only screen and (min-width: 40em) {
    .Ad--showDividers.Ad__inlineAd {
      border-top: 0.1rem solid var(--color-background-divider); } }
  .Ad--debug {
    display: block !important; }
    .Ad--debug > * {
      background-color: var(--color-background-alert-caution);
      display: block !important;
      height: 24rem !important;
      width: 24rem !important; }