/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 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.
*/
/**
	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.

  FMI:
  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-bottom: 12px;
  margin: 16px 16px 16px 0; }
  .BookListItem__cover {
    flex: none; }
    .BookListItem__cover--small {
      min-width: 80px;
      padding-top: 16px;
      margin-left: 16px; }
  .BookListItem__body {
    max-width: 679px;
    margin-left: 32px; }
    @media only screen and (max-width: 671px) {
      .BookListItem__body {
        margin-left: 16px; } }
  .BookListItem__authors {
    padding: 4px 0 8px 0; }
  .BookListItem__beneathTitle {
    padding-bottom: 12px; }

/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 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.
*/
/**
	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.

  FMI:
  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.
 
*/
.ContributorLink {
  display: flex;
  overflow: hidden; }
  .ContributorLink__name {
    flex-basis: auto;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ContributorLink__role {
    color: var(--color-text-subdued); }
  .ContributorLink__badge {
    color: var(--color-text-author-base);
    flex-shrink: 0;
    margin-left: 4px; }
  .ContributorLink__badge--medium .BadgeIcon svg {
    height: 20px;
    width: 20px; }
  .ContributorLink__badge--small .BadgeIcon {
    margin-top: 4px; }
    .ContributorLink__badge--small .BadgeIcon svg {
      height: 14px;
      width: 14px; }

/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 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.
*/
/**
	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.

  FMI:
  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.
 
*/
.ContributorLinksList .TruncatedItems__item {
  display: flex; }

/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 GMT
*/
/*
  Do not edit directly
  Generated on Thu, 01 Jul 2021 18:24:53 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.
*/
/**
	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.

  FMI:
  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.
 
*/
.ErrorCard {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .ErrorCard__message {
    margin-bottom: 16px; }