h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}

h4, .series-block__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.book-card {
    display: flex;
}

.book-preview {
    width: 225px;
    margin-right: 32px;
    flex-shrink: 0;
}

.book-cover {
    height: 345px;
    margin-bottom: 12px;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .04);
}

.book-cover img {
    width: 100%;
}

.book-preview__data {
    display: flex;
    align-items: center;
    color: #70778f;
    font-size: 12px;
    margin-bottom: 12px;
}

.book-preview__data p {
    display: flex;
    align-items: center;
}

.book-preview__data p:last-child:before {
    display: block;
    width: 4px;
    height: 4px;
    margin: 0 6px;
    border-radius: 50%;
    background-color: #d8d7d9;
    content: "";
}

.book-preview__button {
    margin-bottom: 20px;
}

.book-preview__button .button {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 38px;
    padding: 9px 12px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 500;
    color: #3d3dc7;
    background-color: #eaeaf9;
    box-sizing: border-box;
    cursor: pointer;
}

.book-content {
    max-width: 1000px;
    overflow: hidden;
}

.book__main-title {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 10px;
}

.book-in-series, .author__wrapper, .book-data, .book__description, .book__genres,
.series-block, .series-block__slider, .reviews__list, .review-form, .info-table, .set-block {margin-bottom: 32px;}

.book-data {
    display: flex;
    gap: 40px;
}

.book-data > div {
    position: relative;
    text-align: center;
}

.book-data > div:not(:last-child):after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #ccc;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translate(0,-50%);
}

.total-rating {
    font-weight: 700;
    font-size: 20px;
    color: #3b393f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.total-rating svg {margin-right: 5px;}

.book-data--small {
    color: #626165;
    font-size: 12px;
}

.author__short-info {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.author-ava {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

.book__description {
    color: #3b393f;
    font-size: 16px;
    line-height: 24px;
}

.book__genres a:not(:last-child):after {
    margin-right: 5px;
    color: #3b393f;
    content: ",";
}

.series-block {
    box-sizing: border-box;
    padding: 16px;
    border-radius: 12px;
    background-color: #f4f4f6;
}

.series-block__title {margin-bottom: 6px;}

.series-block__all-link {
    font-size: 18px;
    display: table;
    margin-bottom: 20px;
}

.series-block__slider {
    position: relative;
}

.series-block__slider .prev, .series-block__slider .next {
    background-color: #f4f4f6;
    width: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.series-block__slider .prev {
    left: 0;
    border-right: 1px solid #999;
}

.series-block__slider .next {
    right: 0;
    border-left: 1px solid #ccc;
}

.series-block__slider-wrapper {
    overflow: hidden;
    display: flex;
    gap: 20px;
}

.series-block__slider-item {
    width: 120px;
    flex-shrink: 0;
    color: #000;
}

.series-block__slider-item .series-block__image {
    background-color: #ebebeb;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

.series-block__slider-item .series-block__image img {
    max-width: 104px;
    height: 104px;
}

.reviews__title-block {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
}

.reviews__title-block > div {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.reviews__count {
    color: #868ca2;
    font-size: 16px;
}

.reviews__add-link {
    margin-left: auto;
}

.reviews__sorting {
    margin-bottom: 20px;
    position: relative;
    max-width: 288px;
}

.reviews__sorting--active {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 4px 16px;
    border: 2px solid #e2e4ea;
    border-radius: 8px;
    cursor: pointer;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ccc%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%2F%3E%3C%2Fsvg%3E') no-repeat right 10px center;
}

.reviews__sorting--dropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 8px;
    background-color: #fff;
    z-index: 5000;
    box-shadow: 0 16px 32px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .04);
}

.reviews__sorting--dropdown span {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 48px;
    padding: 4px 16px;
    box-sizing: border-box;
}

.reviews__sorting--dropdown .selected {
    background-color: #f4f4fc;
}

.review-item {
    margin-bottom: 20px;
    position: relative;
}

.review__user-info {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
}

.review__user-info img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.review__user-info a {
    color: #13192e;
    font-weight: 500;
    font-size: 16px;
}

.review__user-info .date {
    color: #868ca2;
    margin-top: 5px;
}

.review__user-rating {
    position: absolute;
    top: 20px;
    right: 0;
}

.rating_stars {
    width: 97px;
    height: 14px;
    margin-bottom: 5px;
    position: relative;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20145.31%2021.5%22%3E%3Ctitle%3E%3C%2Ftitle%3E%3Cpath%20d%3D%22M313.85%2C657l3.25%2C6.58%2C7.26%2C1.06-5.25%2C5.13%2C1.24%2C7.23-6.5-3.42-6.5%2C3.42%2C1.24-7.23-5.26-5.13%2C7.27-1.06Z%22%20transform%3D%22translate(-302.58%20-656.25)%22%20style%3D%22fill%3A%23e8e8e8%3Bstroke%3A%23e8e8e8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M346.63%2C657l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13%2C1.25%2C7.23-6.5-3.42-6.5%2C3.42%2C1.24-7.23-5.26-5.13%2C7.27-1.06Z%22%20transform%3D%22translate(-302.58%20-656.25)%22%20style%3D%22fill%3A%23e8e8e8%3Bstroke%3A%23e8e8e8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M376.63%2C657l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13%2C1.24%2C7.23-6.49-3.42-6.5%2C3.42%2C1.24-7.23-5.26-5.13%2C7.27-1.06Z%22%20transform%3D%22translate(-302.58%20-656.25)%22%20style%3D%22fill%3A%23e8e8e8%3Bstroke%3A%23e8e8e8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M406.63%2C657l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13%2C1.25%2C7.23-6.5-3.42-6.5%2C3.42%2C1.24-7.23-5.26-5.13%2C7.27-1.06Z%22%20transform%3D%22translate(-302.58%20-656.25)%22%20style%3D%22fill%3A%23e8e8e8%3Bstroke%3A%23e8e8e8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M436.63%2C657l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13%2C1.25%2C7.23-6.5-3.42-6.5%2C3.42%2C1.24-7.23-5.26-5.13%2C7.27-1.06Z%22%20transform%3D%22translate(-302.58%20-656.25)%22%20style%3D%22fill%3A%23e8e8e8%3Bstroke%3A%23e8e8e8%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3C%2Fsvg%3E") no-repeat;
}

.rating_stars .fill {
    display: block;
    height: 14px;
}

.rating_stars .fill {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145.31%22%20height%3D%2221.5%22%20viewBox%3D%220%200%20145.31%2021.5%22%3E%3Ctitle%3EGroup%20163%3C%2Ftitle%3E%3Cpath%20d%3D%22M11.85%2C1%2C15.1%2C7.58l7.26%2C1.06-5.25%2C5.13L18.35%2C21l-6.5-3.42L5.35%2C21l1.24-7.23L1.33%2C8.64%2C8.6%2C7.58Z%22%20transform%3D%22translate(-0.58%20-0.25)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M44.63%2C1l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13L51.13%2C21l-6.5-3.42L38.13%2C21l1.24-7.23L34.11%2C8.64l7.27-1.06Z%22%20transform%3D%22translate(-0.58%20-0.25)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M74.63%2C1l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13L81.12%2C21l-6.49-3.42L68.13%2C21l1.24-7.23L64.11%2C8.64l7.27-1.06Z%22%20transform%3D%22translate(-0.58%20-0.25)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M104.63%2C1l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13L111.13%2C21l-6.5-3.42L98.13%2C21l1.24-7.23L94.11%2C8.64l7.27-1.06Z%22%20transform%3D%22translate(-0.58%20-0.25)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3Cpath%20d%3D%22M134.63%2C1l3.25%2C6.58%2C7.26%2C1.06-5.26%2C5.13L141.13%2C21l-6.5-3.42L128.13%2C21l1.24-7.23-5.26-5.13%2C7.27-1.06Z%22%20transform%3D%22translate(-0.58%20-0.25)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A1.5px%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-size: 97px;
}

.review-text {
    font-size: 16px;
    line-height: 24px;
    color: #13192e;
    margin-bottom: 16px;
}

.review__likes {
    display: flex;
    gap: 16px;
    color: #5a617c;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
}

.review-like, .review-dislike {
    padding-left: 30px;
}

.review-like {background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%2020V9.8L11.1053%207.08L12.4737%203C17.2632%203%2015.2105%207.76%2013.8421%209.8H20V13.88L16.5789%2020H7Z%22%20stroke%3D%22%23868CA2%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3%2010V20%22%20stroke%3D%22%23868CA2%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;}
.review-dislike {background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17%204L17%2014.2L12.8947%2016.92L11.5263%2021C6.73684%2021%208.78947%2016.24%2010.1579%2014.2L4%2014.2L4%2010.12L7.42105%204L17%204Z%22%20stroke%3D%22%23868CA2%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M21%2014L21%204%22%20stroke%3D%22%23868CA2%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat;}

.review__load-link {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    height: 48px;
    padding: 4px 16px;
    border-radius: 12px;
}

.review__load-link:hover {
    text-decoration: none;
    background-color: #f4f4fc;
}

.review-form {
    padding: 16px;
    border-radius: 12px;
    background: #f4f4fc;
}

.review-form__user {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 16px;
}

.review-form__user .cmt-name {
    width: 100%;
    font: inherit;
    font-size: 14px;
    font-style: normal;
    padding: 13px 16px;
    border: 2px solid #e2e4ea;
    border-radius: 12px;
}

.review-form__user img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
}

.review-form__rating {
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.review-form .wrap_stars {
    margin-top: 10px;
    width: 198px;
    height: 30px;
    position: relative;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22197%22%20height%3D%2231%22%20viewBox%3D%220%200%20197%2031%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.9286%201.07129L19.2325%2010.2869L28.8571%2011.7737L21.8929%2018.943L23.5364%2029.0713L14.9286%2024.2869L6.32071%2029.0713L7.96429%2018.943L1%2011.7737L10.6246%2010.2869L14.9286%201.07129Z%22%20stroke%3D%22%237F8794%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M56.7137%201.07129L61.0177%2010.2869L70.6423%2011.7737L63.678%2018.943L65.3216%2029.0713L56.7137%2024.2869L48.1059%2029.0713L49.7494%2018.943L42.7852%2011.7737L52.4098%2010.2869L56.7137%201.07129Z%22%20stroke%3D%22%237F8794%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M98.5008%201.07129L102.805%2010.2869L112.429%2011.7737L105.465%2018.943L107.109%2029.0713L98.5008%2024.2869L89.893%2029.0713L91.5366%2018.943L84.5723%2011.7737L94.1969%2010.2869L98.5008%201.07129Z%22%20stroke%3D%22%237F8794%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M140.286%201.07129L144.59%2010.2869L154.215%2011.7737L147.25%2018.943L148.894%2029.0713L140.286%2024.2869L131.678%2029.0713L133.322%2018.943L126.357%2011.7737L135.982%2010.2869L140.286%201.07129Z%22%20stroke%3D%22%237F8794%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M182.071%201.07129L186.375%2010.2869L196%2011.7737L189.035%2018.943L190.679%2029.0713L182.071%2024.2869L173.463%2029.0713L175.107%2018.943L168.143%2011.7737L177.767%2010.2869L182.071%201.07129Z%22%20stroke%3D%22%237F8794%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
}

.review-form .wrap_stars .fill,.review-form .wrap_stars .star1:hover,.review-form .wrap_stars .star2:hover,.review-form .wrap_stars .star3:hover,.review-form .wrap_stars .star4:hover,.review-form .wrap_stars .star5:hover {
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22197%22%20height%3D%2230%22%20viewBox%3D%220%200%20197%2030%22%3E%3Ctitle%3Estar%3C%2Ftitle%3E%3Cpath%20d%3D%22M14.93%2C1.07l4.3%2C9.22%2C9.63%2C1.48-7%2C7.17%2C1.65%2C10.13-8.61-4.78L6.32%2C29.07%2C8%2C18.94%2C1%2C11.77l9.62-1.48Z%22%20transform%3D%22translate(0%20-0.07)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%22%2F%3E%3Cpath%20d%3D%22M56.71%2C1.07%2C61%2C10.29l9.62%2C1.48-7%2C7.17%2C1.64%2C10.13-8.61-4.78-8.6%2C4.78%2C1.64-10.13-7-7.17%2C9.62-1.48Z%22%20transform%3D%22translate(0%20-0.07)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%22%2F%3E%3Cpath%20d%3D%22M98.5%2C1.07l4.31%2C9.22%2C9.62%2C1.48-7%2C7.17%2C1.65%2C10.13L98.5%2C24.29l-8.61%2C4.78%2C1.65-10.13-7-7.17%2C9.63-1.48Z%22%20transform%3D%22translate(0%20-0.07)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%22%2F%3E%3Cpath%20d%3D%22M140.29%2C1.07l4.3%2C9.22%2C9.62%2C1.48-7%2C7.17%2C1.64%2C10.13-8.6-4.78-8.61%2C4.78%2C1.64-10.13-7-7.17L136%2C10.29Z%22%20transform%3D%22translate(0%20-0.07)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%22%2F%3E%3Cpath%20d%3D%22M182.07%2C1.07l4.31%2C9.22L196%2C11.77l-7%2C7.17%2C1.64%2C10.13-8.61-4.78-8.61%2C4.78%2C1.65-10.13-7-7.17%2C9.63-1.48Z%22%20transform%3D%22translate(0%20-0.07)%22%20style%3D%22fill%3A%23ff7c53%3Bstroke%3A%23ff7c53%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%22%2F%3E%3C%2Fsvg%3E") no-repeat;
}

.review-form .wrap_stars .star {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    cursor: pointer;
}

.review-form .wrap_stars .star1 {
    width: 38px;
    z-index: 10;
}

.review-form .wrap_stars .star2 {
    width: 77px;
    z-index: 9;
}

.review-form .wrap_stars .star3 {
    width: 120px;
    z-index: 8;
}

.review-form .wrap_stars .star4 {
    width: 162px;
    z-index: 7;
}

.review-form .wrap_stars .star5 {
    width: 198px;
    z-index: 6;
}

.review-form textarea {
    display: block;
    margin-bottom: 16px;
    height: 98px;
    width: 100%;
    resize: none;
    box-sizing: border-box;
    min-height: 100px;
    padding: 13px 16px;
    border: 2px solid #e2e4ea;
    border-radius: 8px;
    color: #13192e;
    font: inherit;
    font-size: 14px;
    line-height: 20px;
}

.review-form .button {
    background-color: rgb(61, 61, 199);
    color: #fff;
    width: 147px;
    height: 48px;
    padding: 4px 16px;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
}

.info-table .top-links {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 20px;
}

.content-icon {
    padding-left: 22px;
    background: url('data:image/svg+xml;charset=utf-8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233d3dc7%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-list%22%3E%3Cline%20x1%3D%228%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2218%22%20x2%3D%2221%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%223.01%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%223.01%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2218%22%20x2%3D%223.01%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat;
    background-size: 18px;
}

.info-table__text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.info-table__wrapper {margin-bottom: 20px;}

.info-table__wrapper > div {
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
}

.info-table__title {
    color: #9d9c9f;
    min-width: 200px;
}

.d-btn {
    min-width: 200px;
    display: inline;
    cursor: pointer;
    color: #3d3dc7;
    margin-right: 15px;
}

.report-link {
    padding-left: 22px;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23f31a45%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-alert-triangle%22%3E%3Cpath%20d%3D%22M10.29%203.86L1.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%229%22%20x2%3D%2212%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2217%22%20x2%3D%2212.01%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E') no-repeat;
    background-size: 16px;
}


@media screen and (max-width: 790px) {
    .book-card {
        flex-direction: column;
    }
    .book-preview {
        margin: 0 auto;
        max-width: 80%;
    }

    .book-cover {height: auto;}
}

@media screen and (max-width: 450px) {
    .reviews__title-block > div {flex-wrap: wrap; }
    .reviews__add-link {
        white-space: nowrap;
    }

    .info-table__title {
        min-width: 0;
        padding-right: 8px;
    }
}

@media screen and (max-width: 420px) {
    .review-form__rating {flex-wrap: wrap;}
}