/*
  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.
 
*/
.BookListItem {
  display: flex;
  padding-right: 1.6rem;
  margin-bottom: 3.2rem; }
  .BookListItem__cover {
    flex-basis: 15rem;
    margin-right: 3.2rem; }
    @media only screen and (max-width: 47.9375em) {
      .BookListItem__cover {
        margin-right: 2.4rem;
        flex-basis: 8rem; } }
  .BookListItem__body {
    flex: 1; }
  .BookListItem__authors {
    padding: 0.4rem 0; }
  .BookListItem__beneathTitle {
    margin-bottom: 1.2rem; }