/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.BookCard {
  display: flex;
  margin-bottom: 12px;
  min-height: 20px; }
  .BookCard__cover {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
    position: relative; }
  .BookCard__block {
    width: 100%; }
  .BookCard__interactive {
    border-radius: 0 3% 3% 0/ 2%;
    text-decoration: none;
    text-align: left; }
    .BookCard__interactive:hover .BookCard__cover {
      transform: scale(1.03); }
    .BookCard__interactive:hover .BookCard__title {
      text-decoration: underline; }
    .BookCard__interactive:focus-within {
      box-shadow: 0 0 0 0.9rem var(--color-background-body-base), 0 0 0 1.2rem var(--color-shadow-button-focus); }
  .BookCard__clickCardTarget {
    display: inline-block;
    margin: auto; }
  .BookCard__content {
    margin-top: 16px; }
  .BookCard__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--color-text-heading-base);
    font-family: Copernicus, "Libre Baskerville", Georgia, serif;
    font-weight: 600;
    overflow: hidden;
    line-height: 1.5; }
  .BookCard__authorName {
    color: var(--color-text-heading-base);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ResponsiveImage {
  display: block;
  height: auto;
  width: 100%; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.AverageRating {
  display: flex; }
  .AverageRating .RatingStar {
    margin-top: 1px; }
    .AverageRating .RatingStar svg {
      width: 14px;
      height: 14px; }
  .AverageRating__ratingValue {
    padding-left: 4px; }
  .AverageRating__ratingsCount {
    color: #707070; }
    .AverageRating__ratingsCount::before {
      padding: 4px;
      content: "\B7"; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.GiveawayMetadata {
  color: var(--color-text-subdued);
  font-size: 1.4rem; }
  .GiveawayMetadata__endDate::before {
    padding: 4px;
    content: "\B7"; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.FollowButton {
  width: 90px; }

.ReviewerProfile {
  display: flex;
  flex-direction: column;
  padding-bottom: 16px; }
  .ReviewerProfile__meta {
    display: flex;
    flex-direction: column;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .ReviewerProfile__info {
    overflow: hidden; }
  .ReviewerProfile__name {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: anywhere;
    margin-bottom: 4px; }
  .ReviewerProfile__author {
    display: inline-flex;
    align-items: center; }
    .ReviewerProfile__author .BadgeIcon {
      position: relative;
      top: 2px; }
      .ReviewerProfile__author .BadgeIcon svg {
        height: 14px;
        width: 14px; }
  @media only screen and (min-width: 672px) {
    .ReviewerProfile__avatar, .ReviewerProfile__info, .ReviewerProfile__follow {
      margin-bottom: 8px; }
    .ReviewerProfile__name {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; } }
  @media only screen and (max-width: 671px) {
    .ReviewerProfile {
      flex-direction: row;
      align-items: center;
      padding-bottom: 0; }
      .ReviewerProfile .ReviewerProfile__follow {
        margin-left: 16px; }
      .ReviewerProfile .ReviewerProfile__avatar {
        flex: 0;
        margin-right: 16px;
        margin-bottom: 0; }
      .ReviewerProfile .ReviewerProfile__info {
        flex: 1;
        margin-bottom: 0; }
      .ReviewerProfile .ReviewerProfile__name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-bottom: 0; }
      .ReviewerProfile .ReviewerProfile__meta {
        display: block; } }
  .ReviewerProfile--small {
    flex-direction: row;
    align-items: center;
    padding-bottom: 0; }
    .ReviewerProfile--small .ReviewerProfile__follow {
      margin-left: 16px; }
    .ReviewerProfile--small .ReviewerProfile__avatar {
      flex: 0;
      margin-right: 16px;
      margin-bottom: 0; }
    .ReviewerProfile--small .ReviewerProfile__info {
      flex: 1;
      margin-bottom: 0; }
    .ReviewerProfile--small .ReviewerProfile__name {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      margin-bottom: 0; }
    .ReviewerProfile--small .ReviewerProfile__meta {
      display: block; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.FollowButton {
  width: 90px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.AuthorFollowButton {
  width: 90px; }

@charset "UTF-8";
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.SocialFooter__statsContainer {
  margin-bottom: 8px; }

@media only screen and (max-width: 671px) {
  .SocialFooter__statsContainer {
    margin-bottom: 0; } }

.SocialFooter__action {
  display: inline-block; }

.SocialFooter__action + .SocialFooter__action {
  margin-left: 12px; }

.SocialFooter__statsContainer :not(:first-child)::before {
  padding: 0 8px;
  content: "\2022"; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.RatingStatistics {
  border-radius: 8px;
  display: inline-flex;
  padding: 8px;
  margin: -8px -8px 0 -8px; }
  .RatingStatistics__interactive {
    transition: all 0.2s ease-in-out;
    text-decoration: none; }
    .RatingStatistics__interactive:focus {
      box-shadow: 0 0 0 2px var(--color-shadow-button-focus); }
    .RatingStatistics__interactive:hover {
      background-color: var(--color-background-transparent-hover); }
  .RatingStatistics__column {
    display: flex; }
  @media only screen and (max-width: 1311px) {
    .RatingStatistics {
      flex-direction: column; }
      .RatingStatistics__column {
        padding-bottom: 4px; } }
  .RatingStatistics__centerAlign .RatingStatistics__column {
    justify-content: center; }
  .RatingStatistics__column {
    display: flex;
    align-items: center; }
  .RatingStatistics__rating {
    font-family: Copernicus, "Libre Baskerville", Georgia, serif;
    font-weight: 600;
    font-size: 2.6rem;
    margin: 0 12px -12px 12px; }
  .RatingStatistics__meta {
    color: var(--color-text-subdued);
    font: 400 1.4rem/1.35714 "Proxima Nova", Montserrat, Arial, sans-serif;
    padding-top: 4px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.CommentCard {
  display: flex;
  flex-direction: row; }
  .CommentCard__profile {
    margin-right: 12px; }
  .CommentCard__content {
    flex: 1;
    overflow: hidden; }
  .CommentCard__row {
    display: flex;
    align-items: baseline; }
  .CommentCard__name {
    margin-right: 12px; }
    .CommentCard__name--disabled {
      color: var(--color-text-disabled); }
  .CommentCard__timestamp {
    height: 100%;
    font: 400 1.4rem/1.35714 "Proxima Nova", Montserrat, Arial, sans-serif;
    color: var(--color-text-subdued);
    flex-shrink: 0; }
  .CommentCard__name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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 Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ReviewsSectionStatistics {
  padding-bottom: 12px; }
  .ReviewsSectionStatistics__histogram {
    width: 75%; }
    @media only screen and (max-width: 1027px) {
      .ReviewsSectionStatistics__histogram {
        width: 100%; } }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.MyReviewCard {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-gap: 32px !important; }
  @media only screen and (min-width: 456px) and (max-width: 671px) {
    .MyReviewCard {
      grid-gap: 24px !important; } }
  @media only screen and (max-width: 455px) {
    .MyReviewCard {
      grid-gap: 16px !important; } }
  @supports (display: -ms-grid) {
    .MyReviewCard {
      display: -ms-grid !important;
      -ms-grid-columns: 1fr [8]; } }
  .MyReviewCard__profile {
    grid-column: span 2; }
  .MyReviewCard .WriteReviewCTA {
    margin-bottom: 16px; }
  .MyReviewCard__content {
    grid-column: span 6;
    padding-bottom: 16px; }
  .MyReviewCard__bookCardContainer {
    grid-column: span 2;
    max-width: 124px; }
  .MyReviewCard__bookCardMeta > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden; }
  @media only screen and (max-width: 671px) {
    .MyReviewCard {
      grid-gap: 12px !important; }
      .MyReviewCard__bookCardContainer {
        position: sticky;
        display: flex;
        max-width: 50%; }
      .MyReviewCard__bookCard {
        max-width: 60px;
        margin-right: 12px; }
      .MyReviewCard__bookCardContainer, .MyReviewCard__profile, .MyReviewCard__content {
        grid-column: span 8; } }
  .MyReviewCard__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px; }
  .MyReviewCard__tags {
    padding-bottom: 16px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ReviewText {
  position: relative;
  margin-bottom: 16px; }
  .ReviewText--hideContent .ReviewText__content {
    /* TODO-EV-1502 - change to visibility: hidden after figuring out Safari issue
       * visibility: hidden, hides from screen readers as well
       * https://webaim.org/techniques/css/invisiblecontent/
       */
    display: none; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.BookRatingStars {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .BookRatingStars__message {
    text-align: center;
    padding: 4px; }
    .BookRatingStars__message a {
      text-decoration: underline; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.WriteReviewCTA {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0; }
  .WriteReviewCTA .Avatar {
    margin-bottom: 16px; }
  .WriteReviewCTA__reviewCTA {
    display: flex;
    align-items: center; }
    .WriteReviewCTA__reviewCTA .BookRatingStars {
      margin-right: 24px; }
  .WriteReviewCTA--leftAligned {
    padding: 0;
    text-align: left;
    align-items: flex-start; }
  .WriteReviewCTA__message {
    font-family: Copernicus, "Libre Baskerville", Georgia, serif;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600; }
    @media only screen and (max-width: 455px) {
      .WriteReviewCTA__message {
        font-size: 2.4rem; } }
    .WriteReviewCTA__message--leftAligned {
      text-align: left; }
  .WriteReviewCTA__hero {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 12px; }
    .WriteReviewCTA__hero--leftAligned {
      justify-content: flex-start; }
    .WriteReviewCTA__hero--overflow {
      justify-content: space-between;
      align-items: center; }
  @media only screen and (max-width: 671px) {
    .WriteReviewCTA .BookRatingStars {
      margin-right: 16px; } }
  @media only screen and (max-width: 455px) {
    .WriteReviewCTA__reviewCTA {
      flex-direction: column;
      align-items: stretch; }
      .WriteReviewCTA__reviewCTA .BookRatingStars {
        margin-right: 0;
        margin-bottom: 16px; } }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.CommentCardForm {
  display: flex; }
  .CommentCardForm__profile {
    margin-top: 4px; }
  .CommentCardForm__form {
    padding-left: 8px;
    flex: 1; }
  .CommentCardForm__actions {
    display: none;
    justify-content: space-between;
    flex-direction: row-reverse;
    /* Hidden until the user's entered text */
    overflow: hidden;
    max-height: 0;
    transition: all 0.5s ease-in-out; }
  .CommentCardForm__actions--show {
    display: flex;
    /* Some height > action container height */
    max-height: 100px;
    padding-top: 8px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ReviewFiltersModal__header:not(:first-child) {
  margin-top: 12px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.CommentsList {
  margin-top: 16px; }
  .CommentsList .CommentCardForm,
  .CommentsList .CommentCard + .CommentCard {
    margin: 16px 0; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.EditionDisambiguationAlert > div {
  padding: 12px 16px; }

.EditionDisambiguationAlert__container {
  display: flex;
  justify-content: space-between;
  align-items: center; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.WTRStepShelving {
  padding-top: 8px; }
  .WTRStepShelving__shelf {
    margin-bottom: 12px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.WTRStepTagging {
  padding-top: 8px;
  height: 30vh; }
  .WTRStepTagging__inputGroup {
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
  .WTRStepTagging__input {
    margin-right: 12px;
    flex: 1; }
  .WTRStepTagging__tagsContainer .Button__container {
    margin: 4px 12px 4px 0; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.BookActions {
  margin: 16px auto 24px auto;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 671px) {
    .BookActions {
      max-width: 260px;
      display: block; } }
  .BookActions__alert {
    margin-bottom: 12px; }
  .BookActions__button {
    margin: 8px 0; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ReviewCard {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-gap: 32px !important;
  margin-bottom: 24px; }
  @media only screen and (min-width: 456px) and (max-width: 671px) {
    .ReviewCard {
      grid-gap: 24px !important; } }
  @media only screen and (max-width: 455px) {
    .ReviewCard {
      grid-gap: 16px !important; } }
  @supports (display: -ms-grid) {
    .ReviewCard {
      display: -ms-grid !important;
      -ms-grid-columns: 1fr [8]; } }
  .ReviewCard__profile {
    grid-column: span 2; }
  .ReviewCard__content {
    position: relative;
    grid-column: span 6;
    padding: 16px 0 24px 0;
    border-bottom: 1px solid var(--color-background-divider); }
  .ReviewCard:last-of-type .ReviewCard__content {
    border-bottom: 0; }
  .ReviewCard__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px; }
  .ReviewCard__tags {
    margin-bottom: 12px; }
  @media only screen and (max-width: 671px) {
    .ReviewCard__profile, .ReviewCard__content {
      grid-column: span 8;
      padding-top: 0; } }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ReviewFilters {
  margin-bottom: 16px; }
  .ReviewFilters__filterControl {
    display: flex;
    margin-bottom: 8px;
    width: 75%; }
    @media only screen and (max-width: 1027px) {
      .ReviewFilters__filterControl {
        width: 100%; } }
  .ReviewFilters__filterButton {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    max-width: 200px; }
  .ReviewFilters__textSearch {
    flex: 1;
    margin-right: 12px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ReviewsList__listHeader {
  margin: 32px 0; }

.ReviewsList__listContext {
  margin: 12px 0; }
  .ReviewsList__listContext--centered {
    text-align: center; }

.ReviewsList__paginationExtraText {
  display: none; }
  @media only screen and (min-width: 320px) {
    .ReviewsList__paginationExtraText {
      display: inline; } }
  @media screen and (min-width: 320px) and (max-width: 420px) {
    .ReviewsList__paginationExtraText {
      display: none; } }
  @media screen and (min-width: 672px) and (max-width: 772px) {
    .ReviewsList__paginationExtraText {
      display: none; } }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ShelvingSocialSignalCard {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border: 1px solid var(--color-border-secondary-active-base);
  text-align: left; }
  .ShelvingSocialSignalCard__text {
    padding-top: 12px; }
  .ShelvingSocialSignalCard__avatars {
    margin-left: 16px;
    min-width: 100px;
    display: flex;
    justify-content: flex-end; }
  .ShelvingSocialSignalCard:focus {
    box-shadow: 0 0 0 2px var(--color-shadow-button-focus); }
  .ShelvingSocialSignalCard:hover {
    background-color: var(--color-background-transparent-hover); }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.SignalList {
  display: grid;
  grid-template-rows: repeat(5, minmax(0, 1fr));
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 32px;
  row-gap: 16px;
  grid-auto-flow: column; }
  @media only screen and (max-width: 1027px) {
    .SignalList {
      display: flex;
      flex-direction: column; } }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ShelvingListModal {
  padding: 12px 0;
  min-width: 340px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.ShelvingCard {
  display: block;
  padding: 8px 8px;
  margin: 0 -12px;
  border-radius: 12px;
  text-decoration: none; }
  .ShelvingCard__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    margin-left: 46px; }
  .ShelvingCard:focus {
    box-shadow: 0 0 0 2px var(--color-shadow-button-focus); }
  .ShelvingCard:hover {
    background-color: var(--color-background-transparent-hover);
    transition: transform 0.2s ease-out; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.Sticky {
  z-index: 1; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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.
 
*/
.CommunityShelvingSignalList {
  margin: 16px 0; }
  .CommunityShelvingSignalList__header {
    margin-bottom: 16px; }

/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:09 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 GMT
*/
/*
  Do not edit directly
  Generated on Fri, 14 Jan 2022 00:54:08 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 .ContributorLink {
  display: inline-flex; }