:root {
    --main-dark: #252626;
    --gray-25: #3e4041;
    --gray-40: #707273;
    --gray-55: #898b8c;
    --gray-84: #d1d4d6;
    --gray-88: #dcdee0;
    --gray-94: #edf0f7;
    --gray-95: #edf0f2;
    --beige-4: #eeeddd;
    --red: #fa385c;
    --blue-1: #003569;
    --blue-2: #4099ed;
    --white: #ffffff;
  
    --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  
    --font-family: 'Source Sans Pro';
  }
  
  /* Предотвращение скролла контента под модальным окном */
  .modal-open {
    height: 100vh;
    overflow: hidden;
  }
  
  /* Скрыть элемент */
  .hidden {
    display: none !important;
  }
  
  .add-book {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
  }
  
  .add-book__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 508px;
    height: 616px;
    margin: auto;
    overflow: hidden;
    background-color: var(--white);
  
    border-radius: 20px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.6);
  }
  
  .add-book__header {
    position: relative;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--gray-88);
  }
  
  .add-book__header-border-none {
    border: none;
  }
  
  .add-book__body {
    position: relative;
    display: flex;
    flex: auto;
    flex-direction: column;
  }
  
  .add-book__body_tags {
    height: calc(616px - 121px - 128px);
  }
  
  .add-book__body_columns-select {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .custom-select {
    position: relative;
    display: flex;
    height: 40px;
  }
  
  .custom-select .simplebar-track.simplebar-vertical {
  
  }
  
  .custom-select__search {
    box-sizing: border-box;
    width: calc(100% - 10px * 2) !important;
    height: 40px;
    margin: 10px !important;
    padding-right: 10px;
    padding-left: 10px;
    overflow: hidden;
    font-size: 16px;
    font-family: var(--font-family);
    text-overflow: ellipsis;
    border: 1px solid var(--gray-84);
    border-radius: 20px !important;
  }
  
  .custom-select_checkbox .custom-select__item {
    padding: 8px 20px;
  }
  
  .custom-select_checkbox .custom-select__item.checked {
    font-weight: 600;
    background-color: #edf0f7;
  }
  
  .custom-select_checkbox input[type="checkbox"]:checked + .custom-select__item {
    font-weight: 600;
    background-color: #edf0f7;
  }
  
  .custom-select__list input:checked + label {
    font-weight: 600;
    background-color: #edf0f7;
  }
  
  .custom-select__details {
    width: 100%;
    border-radius: 20px;
  }
  
  .custom-select__summary {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 6px 38px 8px 19px;
    overflow: hidden;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.503 13.586L7.907 8.99l-.707.707L12.503 15l5.304-5.303-.707-.707-4.597 4.596z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    border: 1px solid #D2D4D6;
    border-radius: 20px;
  }
  
  .custom-select__wrapper {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    height: 160px;
    overflow: auto;
    background: #fff;
    border-top: 1px solid #D2D4D6;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  }
  
  .custom-select__summary::-webkit-details-marker {
    display: none;
  }
  
  .custom-select__details[open] {
    z-index: 99;
    background-color: var(--white);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-orient: vertical;
  }
  
  .custom-select__details[open] > .custom-select__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: block;
  }
  
  .custom-select__details[open] > .custom-select__summary {
    z-index: 100;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.503 10.414L7.907 15.01l-.707-.707L12.503 9l5.304 5.303-.707.707-4.597-4.596z' fill='%23252626'/%3E%3C/svg%3E");
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .custom-select__item {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    line-height: 1.2;
    color: var(--main-dark);
  }
  
  .custom-select__item.active {
    font-weight: 600;
    background-color: #edf0f7;
  }
  
  .add-book__body_columns-select .custom-select {
    margin-right: 4px;
    margin-left: 4px;
  }
  
  .add-book__body_columns-select .custom-select:nth-of-type(1) {
    width: 134px;
  }
  
  .add-book__body_columns-select .custom-select:nth-of-type(2) {
    width: 98px;
  }
  
  
  .add-book__close-button {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.94 12l6.248-6.247-.94-.94L12 11.06 5.753 4.812l-.94.94L11.06 12l-6.248 6.247.94.94L12 12.94l6.247 6.248.94-.94L12.94 12z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
  }
  
  .add-book__modal-title {
    margin: 34px 64px 0;
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    font-family: var(--font-family);
    color: var(--main-dark);
  }
  
  .add-book__book-title {
    display: -webkit-box;
    height: 2.4em;
    margin-right: 64px;
    margin-left: 64px;
    overflow: hidden;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2em;
    font-family: var(--font-family);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .add-book__action-item {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    border-bottom: 1px solid var(--gray-88);
  }
  
  .add-book__action-item.selected {
    background-color: var(--gray-95);
  }
  
  .add-book__action-item > input[type="radio"] {
    display: none;
  }
  
  .add-book__action-title {
    padding-bottom: 5px;
    padding-left: 64px;
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    font-family: var(--font-family);
    color: var(--blue-2);
    cursor: pointer;
  }
  
  .add-book__action-item.selected .add-book__action-title {
    color: var(--main-dark);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.312 11.312l4.872-4.873a1.5 1.5 0 112.122 2.122l-5.91 5.91c-.051.05-.105.097-.16.14a1.5 1.5 0 01-1.988-.12L6.94 11.18a1.5 1.5 0 112.122-2.12l2.251 2.25z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 29px center;
  }
  
  .add-book__read-order {
    display: none;
    margin-right: 114px;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--font-family);
    color: var(--main-dark);
  }
  
  .add-book__action-item.selected .add-book__read-order {
    display: inline-block;
  }
  
  .add-book__read-order > input {
    box-sizing: border-box;
    width: 74px;
    height: 28px;
    margin-left: 9px;
    padding: 5px 15px;
    font-size: 14px;
    font-family: var(--font-family);
    color: var(--gray-55);
    border: 1px solid var(--gray-84);
    border-radius: 14px;
  }
  
  .add-book__date {
    position: relative !important;
    display: none;
    box-sizing: border-box;
    width: auto;
    margin-right: 115px;
    margin-bottom: 4px;
    padding-right: 0 !important;
    padding-left: 34px !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px !important;
    font-family: var(--font-family) !important;
    text-align: left;
    color: var(--gray-55) !important;
    background-color: transparent !important;
    border: none !important;
  }
  
  .add-book__date::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -364px 0;
    transform: translateY(-50%);
  }
  
  .add-book__action-item.selected .add-book__date {
    display: block;
  }
  
  .add-book__option-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 44px 68px 24px 58px;
  }
  
  .add-book__option-item {
    position: relative;
    display: block;
    padding-right: 14px;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-family);
    color: var(--gray-25);
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
  
  .add-book__option-item::before,
  .add-book__option-item::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 1px;
    background-color: var(--gray-25);
    transform-origin: right center;
  }
  
  .add-book__option-item::before {
    transform: translateY(-50%) rotate(45deg);
  }
  
  .add-book__option-item::after {
    transform: translateY(-50%) rotate(-45deg);
  }
  
  .add-book__additionally-list {
    position: relative;
    display: flex;
    flex: auto;
    justify-content: space-around;
    align-items: center;
    margin-bottom: -9px;
    padding: 9px 62px 0 45px;
  }
  
  .add-book__additionally-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    width: 73px;
    height: 81px;
    padding-bottom: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--gray-40);
    text-transform: uppercase;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
  }
  
  .add-book__additionally-item:visited {
    color: var(--gray-40);
  }
  
  .add-book__additionally-item:nth-child(1)::before,
  .add-book__additionally-item:nth-child(2)::before,
  .add-book__additionally-item:nth-child(3)::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    transform: translateX(-50%);
  }
  
  .add-book__additionally-item:nth-child(1)::before {
    background-position: 0 -244px;
  }
  
  .add-book__additionally-item:nth-child(1).active::before {
    display: none;
  }
  
  .add-book__additionally-item:nth-child(2)::before {
    background-position: -42px -244px;
  }
  
  .add-book__additionally-item:nth-child(3)::before {
    background-position: -126px -244px;
  }
  
  .add-book__save-button {
    flex: initial;
    width: calc(100% - 40px * 2);
    height: 48px;
    margin-right: 40px;
    margin-left: 40px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: none;
    border-radius: 24px;
    cursor: pointer;
  }
  
  .add-book__save-button_outline {
    margin-bottom: 16px;
    font-weight: 400;
    color: #6f7073;
    background-color: var(--white);
    border: 1px solid #898a8b;
  }
  
  .add-book__footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .add-book__footer-buttons {
    display: flex;
    justify-content: space-between;
    margin-right: -12px;
    margin-left: -12px;
    padding-right: 40px;
    padding-left: 40px;
    border-top: 1px solid var(--gray-88);
  }
  
  .add-book__footer-buttons_bookswap {
    border-top: none;
  }
  
  .add-book__footer-buttons .add-book__save-button {
    width: calc(100% - 12px * 2);
    margin-right: 12px;
    margin-bottom: 0;
    margin-left: 12px;
  }
  
  .add-book__footer-small-padding {
    padding-top: 10px;
  }
  
  .add-book__modal-remove,
  .add-book__modal-save {
    position: absolute;
    top: -9px;
    left: 50%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 444px;
    height: 208px;
    padding: 24px;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    transform: translateX(-50%);
  }
  
  .add-book__modal-remove .centered {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  
  .add-book__modal-remove div,
  .add-book__modal-save div {
    display: flex;
    justify-content: space-between;
  }
  
  .add-book__modal-remove p,
  .add-book__modal-save p {
    margin: 30px 60px 42px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--main-dark);
  }
  
  .add-book__modal-remove button,
  .add-book__modal-save button {
    width: 190px;
    height: 40px;
    font-size: 18px;
    line-height: 16px;
    font-family: var(--font-family);
    border-width: 1px;
    border-style: solid;
    border-radius: 24px;
  }
  
  .add-book__modal-remove button:nth-of-type(1),
  .add-book__modal-save button:nth-of-type(1) {
    font-weight: 400;
    color: var(--gray-55);
    background-color: var(--white);
    border-color: var(--gray-55);
  }
  
  .add-book__modal-remove button:nth-of-type(2),
  .add-book__modal-save button:nth-of-type(2) {
    font-weight: 600;
    color: var(--white);
    background-color: var(--blue-2);
    border-color: var(--blue-2);
  }
  
  .add-book__modal-rating {
    position: absolute;
    top: 9%;
    left: 50%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 428px;
    height: 178px;
    margin-left: 2px;
    padding: 24px 20px 50px;
    font-family: var(--font-family);
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: var(--box-shadow);
    transform: translate(-50%, -50%);
  }
  
  .add-book__modal-rating p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: var(--gray-40);
    text-transform: uppercase;
    letter-spacing: 3.2px;
    cursor: default;
  }
  
  .add-book__modal-rating span {
    font-weight: 300;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    color: var(--main-dark);
    cursor: default;
  }
  
  .add-book__modal-rating.five-point .add-book__stars label:nth-last-of-type(2n+1) {
    display: none;
  }
  
  .add-book__modal-rating.five-point label:nth-of-type(odd)::before {
    left: 0;
  }
  
  .add-book__modal-rating.five-point label::before {
    left: 0;
  }
  
  .add-book__stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    width: 260px;
    margin-top: 8px;
  }
  
  .add-book__modal-rating input {
    display: none;
  }
  
  .add-book__modal-rating label {
    position: relative;
    width: 26px;
    height: 26px;
    overflow: hidden;
  }
  
  .add-book__modal-rating label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 13px;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.994 8.937l-1.906-4.486C14.67 3.467 13.918 3 13.012 3c-.905 0-1.665.484-2.075 1.45L9.03 8.938l-4.416.378c-1.076.093-2.263.39-2.522 1.51-.26 1.12.025 1.821.882 2.563l3.595 3.108-.952 4.145c-.245 1.064-.406 2.323.576 2.99.982.668 2.207.311 3.178-.273l3.64-2.194 3.643 2.194c.966.58 2.115.96 3.194.273 1.078-.687.824-1.907.572-2.99l-.967-4.145 3.595-3.108c.838-.725 1.13-1.542.844-2.563-.287-1.02-1.416-1.418-2.484-1.51l-4.415-.378zm-4.772-4.01L10 10.202l-5.307.459c-.459.04-1.062.107-1.185.641s.107.745.437 1.033l4.188 3.652-1.152 5.059-.017.07c-.101.439-.269 1.162.174 1.428.475.284.876.056 1.267-.182l4.617-2.802 4.616 2.802c.395.24.888.508 1.344.182.41-.294.264-.852.148-1.298a7.454 7.454 0 01-.05-.2l-1.17-5.06 4.188-3.652c.347-.301.556-.539.466-1.07-.088-.517-.681-.563-1.106-.595a11.346 11.346 0 01-.108-.008l-5.307-.459-2.222-5.275c-.15-.358-.321-.753-.81-.753-.472 0-.629.372-.775.72l-.014.033z' fill='%23707273'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  
  .add-book__modal-rating label:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.994 8.937l-1.906-4.486C14.67 3.467 13.918 3 13.012 3c-.905 0-1.665.484-2.075 1.45L9.03 8.938l-4.416.378c-1.076.093-2.263.39-2.522 1.51-.26 1.12.025 1.821.882 2.563l3.595 3.108-.952 4.145c-.245 1.064-.406 2.323.576 2.99.982.668 2.207.311 3.178-.273l3.64-2.194 3.643 2.194c.966.58 2.115.96 3.194.273 1.078-.687.824-1.907.572-2.99l-.967-4.145 3.595-3.108c.838-.725 1.13-1.542.844-2.563-.287-1.02-1.416-1.418-2.484-1.51l-4.415-.378zm-4.772-4.01L10 10.202l-5.307.459c-.459.04-1.062.107-1.185.641s.107.745.437 1.033l4.188 3.652-1.152 5.059-.017.07c-.101.439-.269 1.162.174 1.428.475.284.876.056 1.267-.182l4.617-2.802 4.616 2.802c.395.24.888.508 1.344.182.41-.294.264-.852.148-1.298a7.454 7.454 0 01-.05-.2l-1.17-5.06 4.188-3.652c.347-.301.556-.539.466-1.07-.088-.517-.681-.563-1.106-.595a11.346 11.346 0 01-.108-.008l-5.307-.459-2.222-5.275c-.15-.358-.321-.753-.81-.753-.472 0-.629.372-.775.72l-.014.033z' fill='%23707273'/%3E%3Cpath d='M15.088 4.45l1.906 4.487 4.415.378c1.068.092 2.197.49 2.484 1.51.287 1.02-.006 1.838-.844 2.563l-3.595 3.108.966 4.145c.253 1.083.507 2.303-.571 2.99-1.079.688-2.228.307-3.194-.273l-3.643-2.194-3.64 2.194c-.97.584-2.196.941-3.178.273-.982-.668-.82-1.926-.576-2.99l.952-4.145-3.595-3.108c-.857-.742-1.142-1.443-.882-2.563.26-1.12 1.446-1.417 2.522-1.51l4.416-.378 1.905-4.486C11.348 3.484 12.107 3 13.013 3s1.658.467 2.076 1.45z' fill='%23FA385D'/%3E%3C/svg%3E");
  }
  
  .add-book__modal-rating label:nth-of-type(odd)::before {
    left: -13px;
  }
  
  .add-book__modal-rating label::before:active {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.994 8.937l-1.906-4.486C14.67 3.467 13.918 3 13.012 3c-.905 0-1.665.484-2.075 1.45L9.03 8.938l-4.416.378c-1.076.093-2.263.39-2.522 1.51-.26 1.12.025 1.821.882 2.563l3.595 3.108-.952 4.145c-.245 1.064-.406 2.323.576 2.99.982.668 2.207.311 3.178-.273l3.64-2.194 3.643 2.194c.966.58 2.115.96 3.194.273 1.078-.687.824-1.907.572-2.99l-.967-4.145 3.595-3.108c.838-.725 1.13-1.542.844-2.563-.287-1.02-1.416-1.418-2.484-1.51l-4.415-.378zm-4.772-4.01L10 10.202l-5.307.459c-.459.04-1.062.107-1.185.641s.107.745.437 1.033l4.188 3.652-1.152 5.059-.017.07c-.101.439-.269 1.162.174 1.428.475.284.876.056 1.267-.182l4.617-2.802 4.616 2.802c.395.24.888.508 1.344.182.41-.294.264-.852.148-1.298a7.454 7.454 0 01-.05-.2l-1.17-5.06 4.188-3.652c.347-.301.556-.539.466-1.07-.088-.517-.681-.563-1.106-.595a11.346 11.346 0 01-.108-.008l-5.307-.459-2.222-5.275c-.15-.358-.321-.753-.81-.753-.472 0-.629.372-.775.72l-.014.033z' fill='%23707273'/%3E%3Cpath d='M15.088 4.45l1.906 4.487 4.415.378c1.068.092 2.197.49 2.484 1.51.287 1.02-.006 1.838-.844 2.563l-3.595 3.108.966 4.145c.253 1.083.507 2.303-.571 2.99-1.079.688-2.228.307-3.194-.273l-3.643-2.194-3.64 2.194c-.97.584-2.196.941-3.178.273-.982-.668-.82-1.926-.576-2.99l.952-4.145-3.595-3.108c-.857-.742-1.142-1.443-.882-2.563.26-1.12 1.446-1.417 2.522-1.51l4.416-.378 1.905-4.486C11.348 3.484 12.107 3 13.013 3s1.658.467 2.076 1.45z' fill='%23FA385D'/%3E%3C/svg%3E");
  }
  
  .add-book__modal-rating input:checked ~ label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.994 8.937l-1.906-4.486C14.67 3.467 13.918 3 13.012 3c-.905 0-1.665.484-2.075 1.45L9.03 8.938l-4.416.378c-1.076.093-2.263.39-2.522 1.51-.26 1.12.025 1.821.882 2.563l3.595 3.108-.952 4.145c-.245 1.064-.406 2.323.576 2.99.982.668 2.207.311 3.178-.273l3.64-2.194 3.643 2.194c.966.58 2.115.96 3.194.273 1.078-.687.824-1.907.572-2.99l-.967-4.145 3.595-3.108c.838-.725 1.13-1.542.844-2.563-.287-1.02-1.416-1.418-2.484-1.51l-4.415-.378zm-4.772-4.01L10 10.202l-5.307.459c-.459.04-1.062.107-1.185.641s.107.745.437 1.033l4.188 3.652-1.152 5.059-.017.07c-.101.439-.269 1.162.174 1.428.475.284.876.056 1.267-.182l4.617-2.802 4.616 2.802c.395.24.888.508 1.344.182.41-.294.264-.852.148-1.298a7.454 7.454 0 01-.05-.2l-1.17-5.06 4.188-3.652c.347-.301.556-.539.466-1.07-.088-.517-.681-.563-1.106-.595a11.346 11.346 0 01-.108-.008l-5.307-.459-2.222-5.275c-.15-.358-.321-.753-.81-.753-.472 0-.629.372-.775.72l-.014.033z' fill='%23707273'/%3E%3Cpath d='M15.088 4.45l1.906 4.487 4.415.378c1.068.092 2.197.49 2.484 1.51.287 1.02-.006 1.838-.844 2.563l-3.595 3.108.966 4.145c.253 1.083.507 2.303-.571 2.99-1.079.688-2.228.307-3.194-.273l-3.643-2.194-3.64 2.194c-.97.584-2.196.941-3.178.273-.982-.668-.82-1.926-.576-2.99l.952-4.145-3.595-3.108c-.857-.742-1.142-1.443-.882-2.563.26-1.12 1.446-1.417 2.522-1.51l4.416-.378 1.905-4.486C11.348 3.484 12.107 3 13.013 3s1.658.467 2.076 1.45z' fill='%23FA385D'/%3E%3C/svg%3E");
  }
  
  .add-book__modal-rating input:hover ~ label::before {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.994 8.937l-1.906-4.486C14.67 3.467 13.918 3 13.012 3c-.905 0-1.665.484-2.075 1.45L9.03 8.938l-4.416.378c-1.076.093-2.263.39-2.522 1.51-.26 1.12.025 1.821.882 2.563l3.595 3.108-.952 4.145c-.245 1.064-.406 2.323.576 2.99.982.668 2.207.311 3.178-.273l3.64-2.194 3.643 2.194c.966.58 2.115.96 3.194.273 1.078-.687.824-1.907.572-2.99l-.967-4.145 3.595-3.108c.838-.725 1.13-1.542.844-2.563-.287-1.02-1.416-1.418-2.484-1.51l-4.415-.378zm-4.772-4.01L10 10.202l-5.307.459c-.459.04-1.062.107-1.185.641s.107.745.437 1.033l4.188 3.652-1.152 5.059-.017.07c-.101.439-.269 1.162.174 1.428.475.284.876.056 1.267-.182l4.617-2.802 4.616 2.802c.395.24.888.508 1.344.182.41-.294.264-.852.148-1.298a7.454 7.454 0 01-.05-.2l-1.17-5.06 4.188-3.652c.347-.301.556-.539.466-1.07-.088-.517-.681-.563-1.106-.595a11.346 11.346 0 01-.108-.008l-5.307-.459-2.222-5.275c-.15-.358-.321-.753-.81-.753-.472 0-.629.372-.775.72l-.014.033z' fill='%23707273'/%3E%3Cpath d='M15.088 4.45l1.906 4.487 4.415.378c1.068.092 2.197.49 2.484 1.51.287 1.02-.006 1.838-.844 2.563l-3.595 3.108.966 4.145c.253 1.083.507 2.303-.571 2.99-1.079.688-2.228.307-3.194-.273l-3.643-2.194-3.64 2.194c-.97.584-2.196.941-3.178.273-.982-.668-.82-1.926-.576-2.99l.952-4.145-3.595-3.108c-.857-.742-1.142-1.443-.882-2.563.26-1.12 1.446-1.417 2.522-1.51l4.416-.378 1.905-4.486C11.348 3.484 12.107 3 13.013 3s1.658.467 2.076 1.45z' fill='%23FA385D'/%3E%3C/svg%3E");
  }
  
  .add-book__rating-button {
    position: relative;
    display: flex;
    cursor: pointer;
  }
  
  .add-book__rating-button.active {
    display: flex;
    flex-direction: column;
    padding-top: 2px;
    background-image: none;
  }
  
  .add-book__rating-button.active:hover {
    color: var(--gray-40);
  }
  
  .add-book__rating-button.active .rating-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: auto;
  }
  
  .add-book__rating-button.active .rating-star {
    display: block;
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.73 8.673L13.184 5c-.34-.806-.95-1.188-1.684-1.188S10.15 4.21 9.816 5L8.27 8.673l-3.582.31c-.874.075-1.836.32-2.047 1.236-.211.916.02 1.49.716 2.098l2.916 2.544-.772 3.394c-.199.87-.33 1.901.468 2.448.796.547 1.79.255 2.578-.224l2.953-1.796 2.956 1.796c.783.475 1.716.787 2.591.224.875-.562.669-1.561.464-2.448l-.784-3.394 2.916-2.544c.68-.594.918-1.263.685-2.098-.232-.836-1.15-1.161-2.015-1.236l-3.583-.31zm-3.87-3.282L9.056 9.709l-4.306.375c-.373.033-.862.088-.962.525-.1.437.087.61.355.846l3.398 2.99-.935 4.141-.014.059c-.082.358-.218.95.142 1.168.385.233.71.046 1.028-.149l3.745-2.294 3.745 2.294c.32.197.72.416 1.09.148.333-.24.215-.697.12-1.062l-.04-.164-.949-4.141 3.398-2.99c.281-.248.451-.442.378-.877-.071-.423-.553-.46-.898-.487a8.82 8.82 0 01-.087-.007l-4.306-.375-1.802-4.318c-.123-.294-.261-.618-.657-.618-.384 0-.51.305-.63.59l-.01.028z' fill='%23F5794D'/%3E%3Cpath d='M13.184 5l1.546 3.673 3.583.31c.866.075 1.783.4 2.015 1.236.233.835-.005 1.504-.685 2.098l-2.916 2.544.784 3.394c.205.887.411 1.886-.464 2.448-.875.563-1.808.251-2.59-.224L11.5 18.683 8.547 20.48c-.788.479-1.782.771-2.578.224-.797-.547-.667-1.577-.468-2.448l.772-3.394-2.916-2.544c-.696-.607-.927-1.182-.716-2.098.21-.917 1.173-1.16 2.047-1.236l3.582-.31L9.816 5c.333-.791.95-1.188 1.684-1.188s1.345.382 1.684 1.188z' fill='%23FA385D'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
  }
  
  .add-book__rating-button.active .rating-title {
    width: 100%;
  }
  
  .add-book__rating-button .rating-number {
    display: none;
    cursor: pointer;
  }
  
  .add-book__rating-button.active .rating-number {
    display: block;
    box-sizing: border-box;
    /*width: 100% !important;*/
    height: auto !important;
    padding-right: 0;
    padding-left: 0 !important;
    font-weight: 300;
    font-size: 26px !important;
    line-height: 1 !important;
    font-family: var(--font-family) !important;
    /*text-align: center;*/
    color: var(--main-dark) !important;
    background-color: transparent;
    border: none !important;
  }
  
  .add-book__back {
    position: absolute;
    top: 40px;
    left: 30px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
  .add-book__back::before,
  .add-book__back::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 60%;
    width: 9px;
    height: 1px;
    background-color: var(--main-dark);
    transform-origin: left center;
  }
  
  .add-book__back::before {
    transform: translate(-50%) rotate(45deg);
  }
  
  .add-book__back::after {
    transform: translate(-50%) rotate(-45deg);
  }
  
  .add-book__columns {
    display: flex;
    flex: auto;
    border-bottom: 1px solid var(--gray-88);
  }
  
  .add-book__column {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    flex-direction: column;
    box-sizing: border-box;
    width: 50%;
    min-height: 100%;
  }
  
  .add-book__column:not(:last-child) {
    border-right: 1px solid var(--gray-88);
  }
  
  .add-book__column-header {
    box-sizing: border-box;
    padding: 11px 0 16px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: var(--main-dark);
    border-bottom: 1px solid var(--gray-88);
  }
  
  
  .add-book__column-search {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 16px 28px 13px 25px;
  }
  
  .add-book__column-search + .add-book__column-body_selections > .add-book__column-list > .add-book__column-item:first-child {
    margin-top: 10px;
  }
  
  .add-book__column-search.hidden + .add-book__column-body_shelve > .add-book__column-list > .add-book__column-item:first-child {
    margin-top: 20px;
  }
  
  .add-book__column-search + .add-book__column-body_shelve > .add-book__column-list > .add-book__column-item:first-child {
    margin-top: 10px;
  }
  
  .add-book__column-search_shelve::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    z-index: 10;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -234px 0;
    transform: translateY(-50%);
  }
  
  .add-book__selections-search {
    position: relative;
    flex: auto;
    width: calc(100% - 40px);
  }
  
  
  .add-book__selections-search::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 8px;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -234px 0;
    transform: translateY(-50%);
  }
  
  .add-book__selections-search input {
    display: block;
    flex: auto;
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 10px 7px 39px !important;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px !important;
    font-family: var(--font-family) !important;
    text-overflow: ellipsis;
    background-color: var(--gray-94) !important;
    border: 1px solid var(--gray-94) !important;
    border-radius: 16px !important;
  }
  
  .add-book__selections-checkbox {
    display: none;
  }
  
  .add-book__selections-checkbox:checked ~ .add-book__column-search .add-book__selections-filter-button {
    background-position: -356px -52px;
  }
  
  .add-book__selections-filter-button {
    display: block;
    flex: initial;
    width: 24px;
    height: 24px;
    margin-left: 16px;
    font-size: 0;
    background-color: transparent;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -338px 0;
    border: none;
  }
  
  .add-book__selections-filter {
    display: none;
    flex: auto;
    width: 100%;
    padding-top: 16px;
    padding-right: 8px;
  }
  
  .add-book__selections-filter .add-book__select {
    height: 32px;
  }
  
  .add-book__selections-filter .add-book__select summary {
    height: 100%;
    padding: 6px 30px 6px 16px;
    overflow: hidden;
    font-size: 14px !important;
    line-height: 16px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .add-book__selections-filter .add-book__select summary::after {
    top: 8px;
    right: 16px;
  }
  
  .add-book__selections-filter .add-book__select label {
    font-size: 14px;
    line-height: 20px;
  }
  
  .add-book__selections-filter .add-book__select-wrapper {
    max-height: 200px;
    overflow-y: auto;
  }
  
  .add-book__selections-checkbox:checked ~ .add-book__column-search .add-book__selections-filter {
    display: block;
  }
  
  .add-book__selections-filter .add-book__select:not(:first-child) {
    margin-top: 16px;
  }
  
  .add-book__shelve-search {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 32px !important;
    margin-right: -5px;
    margin-left: 0;
    padding-left: 40px !important;
    overflow: hidden;
    font-size: 14px !important;
    line-height: 16px !important;
    font-family: var(--font-family) !important;
    text-overflow: ellipsis;
    background-color: var(--gray-94) !important;
    border: 1px solid var(--gray-94) !important;
    border-radius: 16px !important;
  }
  
  
  .add-book__column-body {
    flex: auto;
    width: 100%;
    height: calc(616px - (121px + 48px + 58px + 56px + 19px + 127px));
    overflow: auto;
  }
  
  .add-book__column-body_selections {
    height: calc(616px - (121px + 48px + 61px + 56px + 19px + 127px));
  }
  
  .add-book__selections-checkbox:checked ~ .add-book__column-body_selections {
    height: calc(616px - (121px + 48px + 205px + 56px + 19px + 127px));
  }
  
  .add-book__column-search.hidden + .add-book__column-body_shelve > .add-book__column-list .add-book__column-item:first-child {
    margin-top: 20px;
  }
  
  .add-book__column-footer {
    position: relative;
    background-color: var(--white);
  }
  
  .add-book__column-add {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 13px 16px;
    background-color: var(--white);
  }
  
  .add-book__column-clear {
    position: absolute;
    top: 17px;
    right: 25px;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 10.793L8.964 7.257l-.707.707 3.536 3.536-3.536 3.536.707.707 3.536-3.536 3.535 3.536.708-.707-3.536-3.536 3.536-3.536-.707-.707-3.536 3.536z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border: none;
  }
  
  .add-book__column-add input {
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding-right: 30px;
    padding-left: 16px;
    font-weight: 400;
    font-size: 14px;
    font-family: var(--font-family);
    text-overflow: ellipsis;
    border: 1px solid #d1d4d6;
    border-radius: 16px;
  }
  
  .add-book__column-add-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32px;
    margin-top: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--font-family);
    color: var(--white);
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 16px;
  }
  
  .add-book__column-create {
    width: 100%;
    overflow: hidden;
  }
  
  .add-book__column-create button {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 0 4px 2px 80px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--font-family);
    text-align: left;
    color: var(--gray-55);
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 11a1 1 0 100 2h6v6a1 1 0 002 0v-6h6a1 1 0 100-2h-6V5a1 1 0 10-2 0v6H4z' fill='%23252626'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 40px top calc(50% - 1px);
    border: none;
  }
  
  
  .add-book__column-list {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }
  
  .add-book__column-empty {
    margin-top: 16px;
    padding-right: 40px;
    padding-left: 40px;
    line-height: normal;
    white-space: normal;
  }
  
  .add-book__column-item {
    width: 100%;
    height: 24px;
    margin-top: 16px;
    overflow: hidden;
  }
  
  .add-book__column-item:first-child {
    margin-top: 20px;
  }
  
  .add-book__column-item:last-child {
    margin-bottom: 20px;
  }
  
  .add-book__column-item input {
    display: none;
  }
  
  .add-book__column-item label {
    position: relative;
    display: inline-block;
    flex: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 0 8px 0 80px;
    overflow: hidden;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--font-family);
    color: var(--gray-55);
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .add-book__column-item label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 40px;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -166px -156px;
    transform: translateY(-50%);
  }
  
  .add-book__column-item input[type="checkbox"]:checked + label::before {
    background-position: -192px -156px;
  }
  
  .add-book__other-actions-item {
    position: relative;
    display: block;
    flex: auto;
    width: 50%;
    margin-bottom: 32px;
    padding: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    font-family: var(--font-family);
    text-align: left;
    color: var(--gray-25);
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
  .add-book__other-actions-item::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.586 11.503L8.99 6.907l.707-.707L15 11.503l-5.303 5.304-.707-.707 4.596-4.597z' fill='%233E3F40'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  
  .add-book__other-actions-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 57px 52px 22px 64px;
  }
  
  .add-book__other-additionally-list {
    position: relative;
    display: flex;
    flex: auto;
    justify-content: space-around;
    align-items: center;
    margin-bottom: -4px;
    padding: 42px 62px 0 46px;
  }
  
  .add-book__other-additionally-item {
    position: relative;
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    width: 74px;
    height: 81px;
    padding-top: 40px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: var(--font-family);
    text-align: center;
    color: var(--gray-40);
    text-transform: uppercase;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
  }
  
  .add-book__other-additionally-item::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    transform: translateX(-50%);
  }
  
  .add-book__other-additionally-item_history::before {
    background-position: -84px -244px;
  }
  
  .add-book__other-additionally-item_lifehack::before {
    background-position: -168px -244px;
  }
  
  .add-book__other-additionally-item_favorite::before {
    background-position: -252px -244px;
  }
  
  .add-book__other-additionally-item_favorite.active::before {
    background-position: -294px -244px;
  }
  
  .add-book__tags {
    padding: 31px 40px 8px 64px;
  }
  
  .add-book__tag-title {
    margin-bottom: 3px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: var(--main-dark);
  }
  
  .add-book__tag-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
  }
  
  .add-book__tag-item {
    position: relative;
    flex: initial;
    margin: 8px;
    padding: 6px 16px 10px;
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap;
    background-color: var(--gray-95);
    border-radius: 16px;
  }
  
  .add-book__tag-list_with-remove .add-book__tag-item {
    margin-right: 29px;
    border-radius: 16px 0 0 16px;
  }
  
  .add-book__tag-wrapper:nth-child(2) {
    margin-top: 33px;
  }
  
  .add-book__tag-wrapper:nth-child(3) {
    margin-top: 25px;
    padding-right: 40px;
  }
  
  .add-book__tag-remove {
    position: absolute;
    top: 50%;
    left: calc(100% - 15px);
    box-sizing: border-box;
    width: 36px;
    height: 32px;
    margin-right: 0;
    font-size: 0;
    background-color: var(--gray-95);
    border: none;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    transform: translateY(-50%);
    cursor: pointer;
  }
  
  .add-book__tag-remove::before,
  .add-book__tag-remove::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% - 2px);
    width: 11px;
    height: 1px;
    background-color: var(--main-dark);
  
  }
  
  .add-book__tag-remove::before {
    transform: translate(-50%) rotate(45deg);
  }
  
  .add-book__tag-remove::after {
    transform: translate(-50%) rotate(-45deg);
  }
  
  .add-book__tag-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 40px !important;
    margin-bottom: 16px;
    padding-right: 19px !important;
    padding-left: 19px !important;
    font-size: 16px;
    line-height: 40px;
    font-family: var(--font-family) !important;
    color: var(--main-dark) !important;
    text-overflow: ellipsis;
    border: 1px solid var(--gray-84) !important;
    border-radius: 20px !important;
  }
  
  .add-book__tag-options {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
  }
  
  .add-book__tag-option {
    position: relative;
    flex: initial;
    height: 24px;
    margin-right: 20px;
    margin-left: 20px;
    padding-left: 40px;
    font-size: 16px;
    line-height: 24px;
    font-family: var(--font-family);
    color: var(--gray-55);
  }
  
  .add-book__tag-option::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -166px -156px;
  }
  
  .add-book__note {
    flex: auto;
    box-sizing: border-box;
    height: 100%;
    margin: 39px 40px 0;
    padding: 11px 19px;
    font-size: 18px;
    line-height: 20px;
    font-family: var(--font-family);
    color: var(--main-dark);
    border: 1px solid var(--gray-84);
    border-radius: 8px;
    resize: none;
  }
  
  .add-book__type {
    display: flex;
    flex: auto;
    justify-content: center;
    align-items: center;
    margin-top: 14px;
  }
  
  .add-book__type-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 118px;
    height: 168px;
  }
  
  .add-book__type-inner input {
    display: none;
  }
  
  .add-book__type-inner label {
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    line-height: 26px;
    font-family: var(--font-family);
    color: var(--main-dark);
  }
  
  .add-book__type-inner label::before {
    content: '';
    position: absolute;
    top: calc(50% + 1px);
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -166px -156px;
    transform: translateY(-50%);
  }
  
  .add-book__type-inner input:checked + label::before {
    background-position: -192px -156px;
  }
  
  .add-book__bookswap-columns {
    display: flex;
    box-sizing: border-box;
    padding-top: 11px;
    padding-right: 28px;
    padding-left: 28px;
  }
  
  .add-book__bookswap-column {
    flex: initial;
    box-sizing: border-box;
    width: 50%;
    padding-right: 12px;
    padding-left: 12px;
  }
  
  .add-book__bookswap-column .custom-select:first-of-type {
    margin-bottom: 24px;
  }
  
  .add-book__bookswap-title {
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: var(--main-dark);
    white-space: nowrap;
  }
  
  .add-book__bookswap-title + .add-book__select {
    margin-bottom: 24px;
  }
  
  .add-book__select {
    position: relative;
    display: flex;
    height: 40px;
  }
  
  .add-book__select details {
    width: 100%;
    border-radius: 20px;
  }
  
  .add-book__select:nth-child(3) details {
    z-index: 9;
  }
  
  .add-book__select details:nth-child(even) {
    right: 0;
  }
  
  .add-book__select summary {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 6px 19px 8px;
    overflow: hidden;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff;
    border: 1px solid #D2D4D6;
    border-radius: 20px;
  }
  
  .add-book__select summary::-webkit-details-marker {
    display: none;
  }
  
  .add-book__select summary::after {
    content: '';
    position: absolute;
    top: 12px;
    right: 22px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #252626;
    border-left: 1px solid #252626;
    transform: rotate(-135deg);
  }
  
  .add-book__select details[open] {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  }
  
  .add-book__select details[open] summary::after {
    top: 17px;
    transform: rotate(45deg);
  }
  
  .add-book__select details[open] summary {
    z-index: 100;
    border: none;
    border-radius: 20px 20px 0 0;
  }
  
  .add-book__select div {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #D2D4D6;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  }
  
  .add-book__select a {
    padding: 8px 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
  }
  
  .add-book__select-checkbox div {
    padding: 7px 0 8px;
  }
  
  .add-book__select-checkbox label {
    display: inline-flex;
    flex: none;
    align-items: center;
    padding: 8px 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    -webkit-box-align: center;
  }
  
  .add-book__select-checkbox input[type="checkbox"],
  .add-book__select-checkbox input[type="radio"] {
    display: none;
  }
  
  .add-book__select-checkbox input[type="checkbox"]:checked + label,
  .add-book__select-checkbox input[type="radio"]:checked + label {
    font-weight: 600;
    background-color: #edf0f7;
  }
  
  .add-book__select-search div {
    padding-top: 23px;
  }
  
  .add-book__select-search input[type="search"] {
    margin-right: 20px;
    margin-bottom: 6px;
    margin-left: 20px;
    padding: 7px 20px;
    font: 16px/24px "Source Sans Pro", sans-serif;
    color: #252626;
    border: 1px solid var(--gray-84);
    border-radius: 24px;
  }
  
  .add-book__checkbox input {
    display: none;
  }
  
  .add-book__checkbox label {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding-left: 40px;
    font-size: 16px;
    font-family: var(--font-family);
    color: #898a8b;
  }
  
  .add-book__checkbox label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat;
    background-position: -166px -156px;
    transform: translateY(-50%);
  }
  
  .add-book__checkbox input:checked + label {
    color: var(--main-dark);
  }
  
  .add-book__checkbox input:checked + label::before {
    background-position: -192px -156px;
  }
  
  .add-book__comment {
    position: relative;
    display: flex;
    flex: none;
    justify-content: flex-end;
    width: calc(100% - 40px * 2);
    min-height: 32px;
    margin: 20px 40px 9px;
  }
  
  .add-book__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #d2d4d6;
    border-radius: 20px;
    pointer-events: none;
  }
  
  .add-book__comment-textarea {
    display: none;
    visibility: hidden;
  }
  
  .add-book__comment-content {
    position: relative;
    display: block;
    flex: auto;
    padding: 7px 20px 9px;
    overflow: auto;
    font-size: 16px;
    line-height: 24px;
  }
  
  .add-book__comment-content::before {
    content: "";
    top: 0;
    left: 0;
    color: var(--gray-55);
  }
  
  .add-book__comment-content:empty::before {
    content: attr(data-placeholder);
  }
  
  .add-book__bookswap-input {
    box-sizing: border-box;
    width: auto;
    height: 40px !important;
    margin: 24px 40px 9px;
    padding-right: 19px !important;
    padding-left: 19px !important;
    font-size: 16px;
    font-family: var(--font-family) !important;
    color: var(--main-dark) !important;
    text-overflow: ellipsis;
    border: 1px solid #d1d4d6 !important;
    border-radius: 20px !important;
  }
  
  .add-book__bookswap-input_note {
    margin-top: 19px;
  }
  
  .add-book__bookswap-input::-webkit-input-placeholder {
    color: #898a8b;
  }
  
  .add-book__bookswap-input::-moz-placeholder {
    color: #898a8b;
  }
  
  .add-book__bookswap-input:-ms-input-placeholder {
    color: #898a8b;
  }
  
  .add-book__bookswap-input::-ms-input-placeholder {
    color: #898a8b;
  }
  
  .add-book__bookswap-input::placeholder {
    color: #898a8b;
  }
  
  .add-book__bookswap-list {
    margin: 0 40px;
  }
  
  .add-book__bookswap-item {
    font-size: 14px;
    line-height: 20px;
    color: #898a8b;
  }
  
  .add-book__bookswap-item::before {
    content: '-';
  }
  
  .add-book__bookswap-descr {
    margin-top: 0;
    margin-right: 40px;
    margin-left: 40px;
    font-size: 14px;
    line-height: 16px;
    color: #898a8b;
  }
  
  .add-book__publications-search {
    position: relative;
    margin: 4px 40px 28px !important;
  }
  
  .add-book__publications-search::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    background-image: url('/img/skins/ll2019/SVGsprite8.svg');
    background-repeat: no-repeat !important;
    background-position: -234px 0;
    transform: translateY(-50%);
  }
  
  .add-book__publications-search input {
    box-sizing: border-box;
    width: 100%;
    height: 40px !important;
    padding-right: 16px !important;
    padding-bottom: 4px !important;
    padding-left: 55px !important;
    font-size: 16px;
    font-family: var(--font-family) !important;
    color: var(--main-dark) !important;
    text-overflow: ellipsis;
    background-color: var(--gray-94) !important;
    border: 1px solid var(--gray-94) !important;
    border-radius: 20px !important;
  }
  
  .add-book__publications-wrapper {
    height: calc(616px - (120px + 72px));
    border-top: 1px solid var(--gray-88);
  }
  
  .add-book__publications-list {
    margin-top: 15px;
  }
  
  .add-book__publications-item {
    display: flex;
    margin-bottom: 21px;
    padding-right: 40px;
    padding-left: 40px;
  }
  
  .add-book__publications-empty {
    padding-right: 40px;
    padding-left: 40px;
  }
  
  .add-book__publications-image {
    flex: none;
    align-self: flex-start;
    width: 47px;
    margin-right: 19px;
    overflow: hidden;
    border-radius: 3px;
  }
  
  .add-book__publications-image img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .add-book__publications-button {
    flex: initial;
    padding-top: 0;
  }
  
  .add-book__publications-button input {
    display: none;
  }
  
  .add-book__publications-button label {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 108px;
    height: 32px;
    background-color: var(--blue-2);
    border: 1px solid var(--blue-2);
    border-radius: 24px;
  }
  
  .add-book__publications-button label::before {
    content: 'Выбрать';
    position: absolute;
    top: -4px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: var(--white);
  }
  
  .add-book__publications-button input:checked + label {
    background-color: var(--white);
    border-color: #388fe0;
  }
  
  .add-book__publications-button input:checked + label::before {
    content: 'Выбрано';
    font-weight: 400;
    color: #388fe0;
  }
  
  .add-book__publications-text {
    display: flex;
    flex: auto;
    flex-direction: column;
    box-sizing: border-box;
    margin-top: -3px;
    padding-right: 19px;
    font-family: var(--font-family);
  }
  
  .add-book__publications-title {
    display: -webkit-box;
    margin-bottom: 3px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--font-family);
    color: var(--main-dark);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .add-book__publications-author {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--font-family);
    color: var(--main-dark);
  }
  
  .add-book__publications-isbn,
  .add-book__publications-info {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    font-family: var(--font-family);
    color: var(--main-dark);
  }
  
  .add-book__publications-info a,
  .add-book__publications-info a:visited {
    color: var(--blue-2);
  }
  
  .add-book__button-option {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-right: 37px;
    font-weight: 300;
    font-size: 18px;
    font-family: var(--font-family);
    color: var(--gray-25);
    text-transform: uppercase;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.586 11.503L8.99 6.907l.707-.707L15 11.503l-5.303 5.304-.707-.707 4.596-4.597z' fill='%233E3F40'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 5px center;
    border: none;
  }
  
  .add-book__datepicker {
    margin-top: auto;
    margin-bottom: 0;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--gray-88);
  }
  
  .add-book__datepicker .datepicker {
    width: 100%;
    height: auto;
    padding-top: 32px;
    padding-bottom: 0;
  }
  
  .add-book__datepicker .datepicker--nav-title {
    pointer-events: auto;
  }
  
  .add-book__datepicker .datepicker--months,
  .add-book__datepicker .datepicker--years {
    margin-top: -8px !important;
    margin-right: -8px !important;
    margin-left: -8px !important;
    padding-top: 19px;
  }
  
  .add-book__datepicker .datepicker--cell-month,
  .add-book__datepicker .datepicker--cell-year {
    width: 27.4%;
    height: 21.1%;
    margin: 8px;
    text-transform: lowercase;
  }
  
  #add-book-date .add-book__datepicker {
    border-bottom: none;
  }
  
  #add-book-date .add-book__datepicker {
    padding-bottom: 0;
  }
  
  #add-book-date .datepicker {
    padding-top: 14px;
  }
  
  @media (min-width: 1024px) {
    .add-book__selections-filter-button {
      cursor: pointer;
    }
  }