@charset "UTF-8";
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/* Insert your custom fonts. */
@import url("https://fonts.cdnfonts.com/css/credit-card");
@font-face {
  font-family: "helvetica";
  src: url("../fonts/helvetica/helvetica.eot");
  src: url("../fonts/helvetica/helvetica.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica/helvetica.woff2") format("woff2"), url("../fonts/helvetica/helvetica.woff") format("woff"), url("../fonts/helvetica/helvetica.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica";
  src: url("../fonts/helvetica-bold/helvetica-bold.eot");
  src: url("../fonts/helvetica-bold/helvetica-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica-bold/helvetica-bold.woff2") format("woff2"), url("../fonts/helvetica-bold/helvetica-bold.woff") format("woff"), url("../fonts/helvetica-bold/helvetica-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica";
  src: url("../fonts/helvetica-oblique/helvetica-oblique.eot");
  src: url("../fonts/helvetica-oblique/helvetica-oblique.eot?#iefix") format("embedded-opentype"), url("../fonts/helvetica-oblique/helvetica-oblique.woff2") format("woff2"), url("../fonts/helvetica-oblique/helvetica-oblique.woff") format("woff"), url("../fonts/helvetica-oblique/helvetica-oblique.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'helveticaneue';
  src: url('../fonts/helveticaneue/helveticaneue.eot');
  src: url('../fonts/helveticaneue/helveticaneue.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue/helveticaneue.woff2') format('woff2'), url('../fonts/helveticaneue/helveticaneue.woff') format('woff'), url('../fonts/helveticaneue/helveticaneue.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --bs-blue: #0d6efd;
  --bs-dark-blue: #2C238D;
  --bs-light-blue: #F1F5FB;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-light-purple: #FFBEFF;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-orange-2: #FF5700;
  --bs-yellow: #FFE24F;
  --bs-green: #B6F13F;
  --bs-teal: #20c997;
  --bs-teal-2: #9BCB82;
  --bs-teal-3: #C8FABB;
  --bs-teal-4: #C7E6C9;
  --bs-teal-5: #DBFFD1;
  --bs-teal-6: #F5FFF3;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #2C238D;
  --bs-primary-2: #FF5700;
  --bs-primary-3: #F1F5FB;
  --bs-secondary: #6c757d;
  --bs-success: #B6F13F;
  --bs-info: #0dcaf0;
  --bs-warning: #FFE24F;
  --bs-danger: #dc3545;
  --bs-teal-2: #9BCB82;
  --bs-teal-3: #C8FABB;
  --bs-teal-4: #C7E6C9;
  --bs-teal-5: #DBFFD1;
  --bs-teal-6: #F5FFF3;
  --bs-light-purple: #FFBEFF;
  --bs-yellow: #FFE24F;
  --bs-green: #B6F13F;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 44, 35, 141;
  --bs-primary-2-rgb: 255, 87, 0;
  --bs-primary-3-rgb: 241, 245, 251;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 182, 241, 63;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 226, 79;
  --bs-danger-rgb: 220, 53, 69;
  --bs-teal-2-rgb: 155, 203, 130;
  --bs-teal-3-rgb: 200, 250, 187;
  --bs-teal-4-rgb: 199, 230, 201;
  --bs-teal-5-rgb: 219, 255, 209;
  --bs-teal-6-rgb: 245, 255, 243;
  --bs-light-purple-rgb: 255, 190, 255;
  --bs-yellow-rgb: 255, 226, 79;
  --bs-green-rgb: 182, 241, 63;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 44, 35, 141;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: "Cairo", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: helveticaneue, Cairo, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #2C238D;
  --bs-body-bg: #fff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.35;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}


@media (min-width: 1200px) and (max-width: 1570px) {
  .dashboard.book-number-4{
      display: none;
  }

  .dashboard.game-number-4{
    display: none;
  }

  .dashboard.video-number-4{
    display: none;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-right: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-right: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #FF5700;
  text-decoration: none;
}
a:hover {
  color: #cc4600;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr ;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 6px;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: right;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: right;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: right;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-right: 0;
  list-style: none;
}

.list-inline {
  padding-right: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-left: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-left: var(--bs-gutter-x, 0.625rem);
  padding-right: var(--bs-gutter-x, 0.625rem);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-right: 8.33333333%;
}

.offset-2 {
  margin-right: 16.66666667%;
}

.offset-3 {
  margin-right: 25%;
}

.offset-4 {
  margin-right: 33.33333333%;
}

.offset-5 {
  margin-right: 41.66666667%;
}

.offset-6 {
  margin-right: 50%;
}

.offset-7 {
  margin-right: 58.33333333%;
}

.offset-8 {
  margin-right: 66.66666667%;
}

.offset-9 {
  margin-right: 75%;
}

.offset-10 {
  margin-right: 83.33333333%;
}

.offset-11 {
  margin-right: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-right: 0;
  }

  .offset-sm-1 {
    margin-right: 8.33333333%;
  }

  .offset-sm-2 {
    margin-right: 16.66666667%;
  }

  .offset-sm-3 {
    margin-right: 25%;
  }

  .offset-sm-4 {
    margin-right: 33.33333333%;
  }

  .offset-sm-5 {
    margin-right: 41.66666667%;
  }

  .offset-sm-6 {
    margin-right: 50%;
  }

  .offset-sm-7 {
    margin-right: 58.33333333%;
  }

  .offset-sm-8 {
    margin-right: 66.66666667%;
  }

  .offset-sm-9 {
    margin-right: 75%;
  }

  .offset-sm-10 {
    margin-right: 83.33333333%;
  }

  .offset-sm-11 {
    margin-right: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-right: 0;
  }

  .offset-md-1 {
    margin-right: 8.33333333%;
  }

  .offset-md-2 {
    margin-right: 16.66666667%;
  }

  .offset-md-3 {
    margin-right: 25%;
  }

  .offset-md-4 {
    margin-right: 33.33333333%;
  }

  .offset-md-5 {
    margin-right: 41.66666667%;
  }

  .offset-md-6 {
    margin-right: 50%;
  }

  .offset-md-7 {
    margin-right: 58.33333333%;
  }

  .offset-md-8 {
    margin-right: 66.66666667%;
  }

  .offset-md-9 {
    margin-right: 75%;
  }

  .offset-md-10 {
    margin-right: 83.33333333%;
  }

  .offset-md-11 {
    margin-right: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-right: 0;
  }

  .offset-lg-1 {
    margin-right: 8.33333333%;
  }

  .offset-lg-2 {
    margin-right: 16.66666667%;
  }

  .offset-lg-3 {
    margin-right: 25%;
  }

  .offset-lg-4 {
    margin-right: 33.33333333%;
  }

  .offset-lg-5 {
    margin-right: 41.66666667%;
  }

  .offset-lg-6 {
    margin-right: 50%;
  }

  .offset-lg-7 {
    margin-right: 58.33333333%;
  }

  .offset-lg-8 {
    margin-right: 66.66666667%;
  }

  .offset-lg-9 {
    margin-right: 75%;
  }

  .offset-lg-10 {
    margin-right: 83.33333333%;
  }

  .offset-lg-11 {
    margin-right: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-right: 0;
  }

  .offset-xl-1 {
    margin-right: 8.33333333%;
  }

  .offset-xl-2 {
    margin-right: 16.66666667%;
  }

  .offset-xl-3 {
    margin-right: 25%;
  }

  .offset-xl-4 {
    margin-right: 33.33333333%;
  }

  .offset-xl-5 {
    margin-right: 41.66666667%;
  }

  .offset-xl-6 {
    margin-right: 50%;
  }

  .offset-xl-7 {
    margin-right: 58.33333333%;
  }

  .offset-xl-8 {
    margin-right: 66.66666667%;
  }

  .offset-xl-9 {
    margin-right: 75%;
  }

  .offset-xl-10 {
    margin-right: 83.33333333%;
  }

  .offset-xl-11 {
    margin-right: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-right: 0;
  }

  .offset-xxl-1 {
    margin-right: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-right: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-right: 25%;
  }

  .offset-xxl-4 {
    margin-right: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-right: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-right: 50%;
  }

  .offset-xxl-7 {
    margin-right: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-right: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-right: 75%;
  }

  .offset-xxl-10 {
    margin-right: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-right: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(1.25rem + 1px);
  padding-bottom: calc(1.25rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2C238D;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #2C238D;
  background-color: #fff;
  border-color: #9691c6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(44, 35, 141, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #2C238D;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #2C238D;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #2C238D;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-left: 0;
  padding-right: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 1.125rem;
  font-size: 0.875rem;
  border-radius: 6px;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 1.125rem;
  margin: -0.25rem -1.125rem;
  margin-inline-end: 1.125rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 1.125rem;
  margin: -0.25rem -1.125rem;
  margin-inline-end: 1.125rem;
}

.form-control-lg {
  min-height: calc(1.5em + 2.5rem + 2px);
  padding: 1.25rem 1rem;
  font-size: 1.25rem;
  border-radius: 20px;
}
.form-control-lg::file-selector-button {
  padding: 1.25rem 1rem;
  margin: -1.25rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 1.25rem 1rem;
  margin: -1.25rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 2.5rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 10px;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 10px;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem 0.375rem 2.25rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2C238D;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #9691c6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(44, 35, 141, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-left: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #2C238D;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 1.125rem;
  font-size: 0.875rem;
  border-radius: 6px;
}

.form-select-lg {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  border-radius: 20px;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-right: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: right;
  margin-right: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #9691c6;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(44, 35, 141, 0.25);
}
.form-check-input:checked {
  background-color: #2C238D;
  border-color: #2C238D;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #2C238D;
  border-color: #2C238D;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-right: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-right: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: right center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239691c6'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: left center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-left: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(44, 35, 141, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(44, 35, 141, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #2C238D;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #c0bddd;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #2C238D;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #c0bddd;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 100% 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #2C238D;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 10px;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 1.25rem 1rem;
  font-size: 1.25rem;
  border-radius: 20px;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 1.125rem;
  font-size: 0.875rem;
  border-radius: 6px;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-left: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #B6F13F;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #000;
  background-color: rgba(182, 241, 63, 0.9);
  border-radius: 10px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #B6F13F;
  padding-left: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23B6F13F' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #B6F13F;
  box-shadow: 0 0 0 0.25rem rgba(182, 241, 63, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-left: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #B6F13F;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-left: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23B6F13F' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: left 0.75rem center, center left 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #B6F13F;
  box-shadow: 0 0 0 0.25rem rgba(182, 241, 63, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #B6F13F;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #B6F13F;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(182, 241, 63, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #B6F13F;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-right: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #FC335C;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #000;
  background-color: rgba(252, 51, 92, 0.9);
  border-radius: 10px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #FC335C;
  padding-left: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FC335C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FC335C' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #FC335C;
  box-shadow: 0 0 0 0.25rem rgba(252, 51, 92, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-left: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #FC335C;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-left: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FC335C'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FC335C' stroke='none'/%3e%3c/svg%3e");
  background-position: left 0.75rem center, center left 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #FC335C;
  box-shadow: 0 0 0 0.25rem rgba(252, 51, 92, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #FC335C;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #FC335C;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 51, 92, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #FC335C;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-right: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.75rem 0.625rem;
  font-size: 1rem;
  border-radius: 10px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #fff;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none !important;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #2C238D;
  border-color: #2C238D;
}
.btn-primary:hover {
  color: #fff;
  background-color: #251e78;
  border-color: #231c71;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #251e78;
  border-color: #231c71;
  box-shadow: 0 0 0 0.25rem rgba(76, 68, 158, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #231c71;
  border-color: #211a6a;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(76, 68, 158, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #2C238D;
  border-color: #2C238D;
}

.btn-primary-2 {
  color: #000;
  background-color: #FF5700;
  border-color: #FF5700;
}
.btn-primary-2:hover {
  color: #000;
  background-color: #ff7026;
  border-color: #ff681a;
}
.btn-check:focus + .btn-primary-2, .btn-primary-2:focus {
  color: #000;
  background-color: #ff7026;
  border-color: #ff681a;
  box-shadow: 0 0 0 0.25rem rgba(217, 74, 0, 0.5);
}
.btn-check:checked + .btn-primary-2, .btn-check:active + .btn-primary-2, .btn-primary-2:active, .btn-primary-2.active, .show > .btn-primary-2.dropdown-toggle {
  color: #000;
  background-color: #ff7933;
  border-color: #ff681a;
}
.btn-check:checked + .btn-primary-2:focus, .btn-check:active + .btn-primary-2:focus, .btn-primary-2:active:focus, .btn-primary-2.active:focus, .show > .btn-primary-2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 74, 0, 0.5);
}
.btn-primary-2:disabled, .btn-primary-2.disabled {
  color: #000;
  background-color: #FF5700;
  border-color: #FF5700;
}

.btn-primary-3 {
  color: #000;
  background-color: #F1F5FB;
  border-color: #F1F5FB;
}
.btn-primary-3:hover {
  color: #000;
  background-color: #f3f7fc;
  border-color: #f2f6fb;
}
.btn-check:focus + .btn-primary-3, .btn-primary-3:focus {
  color: #000;
  background-color: #f3f7fc;
  border-color: #f2f6fb;
  box-shadow: 0 0 0 0.25rem rgba(205, 208, 213, 0.5);
}
.btn-check:checked + .btn-primary-3, .btn-check:active + .btn-primary-3, .btn-primary-3:active, .btn-primary-3.active, .show > .btn-primary-3.dropdown-toggle {
  color: #000;
  background-color: #f4f7fc;
  border-color: #f2f6fb;
}
.btn-check:checked + .btn-primary-3:focus, .btn-check:active + .btn-primary-3:focus, .btn-primary-3:active:focus, .btn-primary-3.active:focus, .show > .btn-primary-3.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(205, 208, 213, 0.5);
}
.btn-primary-3:disabled, .btn-primary-3.disabled {
  color: #000;
  background-color: #F1F5FB;
  border-color: #F1F5FB;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}
.btn-success:hover {
  color: #000;
  background-color: #c1f35c;
  border-color: #bdf252;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #000;
  background-color: #c1f35c;
  border-color: #bdf252;
  box-shadow: 0 0 0 0.25rem rgba(155, 205, 54, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #000;
  background-color: #c5f465;
  border-color: #bdf252;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(155, 205, 54, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffe669;
  border-color: #ffe561;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffe669;
  border-color: #ffe561;
  box-shadow: 0 0 0 0.25rem rgba(217, 192, 67, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffe872;
  border-color: #ffe561;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 192, 67, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-teal-2 {
  color: #000;
  background-color: #9BCB82;
  border-color: #9BCB82;
}
.btn-teal-2:hover {
  color: #000;
  background-color: #aad395;
  border-color: #a5d08f;
}
.btn-check:focus + .btn-teal-2, .btn-teal-2:focus {
  color: #000;
  background-color: #aad395;
  border-color: #a5d08f;
  box-shadow: 0 0 0 0.25rem rgba(132, 173, 111, 0.5);
}
.btn-check:checked + .btn-teal-2, .btn-check:active + .btn-teal-2, .btn-teal-2:active, .btn-teal-2.active, .show > .btn-teal-2.dropdown-toggle {
  color: #000;
  background-color: #afd59b;
  border-color: #a5d08f;
}
.btn-check:checked + .btn-teal-2:focus, .btn-check:active + .btn-teal-2:focus, .btn-teal-2:active:focus, .btn-teal-2.active:focus, .show > .btn-teal-2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(132, 173, 111, 0.5);
}
.btn-teal-2:disabled, .btn-teal-2.disabled {
  color: #000;
  background-color: #9BCB82;
  border-color: #9BCB82;
}

.btn-teal-3 {
  color: #000;
  background-color: #C8FABB;
  border-color: #C8FABB;
}
.btn-teal-3:hover {
  color: #000;
  background-color: #d0fbc5;
  border-color: #cefbc2;
}
.btn-check:focus + .btn-teal-3, .btn-teal-3:focus {
  color: #000;
  background-color: #d0fbc5;
  border-color: #cefbc2;
  box-shadow: 0 0 0 0.25rem rgba(170, 213, 159, 0.5);
}
.btn-check:checked + .btn-teal-3, .btn-check:active + .btn-teal-3, .btn-teal-3:active, .btn-teal-3.active, .show > .btn-teal-3.dropdown-toggle {
  color: #000;
  background-color: #d3fbc9;
  border-color: #cefbc2;
}
.btn-check:checked + .btn-teal-3:focus, .btn-check:active + .btn-teal-3:focus, .btn-teal-3:active:focus, .btn-teal-3.active:focus, .show > .btn-teal-3.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 213, 159, 0.5);
}
.btn-teal-3:disabled, .btn-teal-3.disabled {
  color: #000;
  background-color: #C8FABB;
  border-color: #C8FABB;
}

.btn-teal-4 {
  color: #000;
  background-color: #C7E6C9;
  border-color: #C7E6C9;
}
.btn-teal-4:hover {
  color: #000;
  background-color: #cfead1;
  border-color: #cde9ce;
}
.btn-check:focus + .btn-teal-4, .btn-teal-4:focus {
  color: #000;
  background-color: #cfead1;
  border-color: #cde9ce;
  box-shadow: 0 0 0 0.25rem rgba(169, 196, 171, 0.5);
}
.btn-check:checked + .btn-teal-4, .btn-check:active + .btn-teal-4, .btn-teal-4:active, .btn-teal-4.active, .show > .btn-teal-4.dropdown-toggle {
  color: #000;
  background-color: #d2ebd4;
  border-color: #cde9ce;
}
.btn-check:checked + .btn-teal-4:focus, .btn-check:active + .btn-teal-4:focus, .btn-teal-4:active:focus, .btn-teal-4.active:focus, .show > .btn-teal-4.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(169, 196, 171, 0.5);
}
.btn-teal-4:disabled, .btn-teal-4.disabled {
  color: #000;
  background-color: #C7E6C9;
  border-color: #C7E6C9;
}

.btn-teal-5 {
  color: #000;
  background-color: #DBFFD1;
  border-color: #DBFFD1;
}
.btn-teal-5:hover {
  color: #000;
  background-color: #e0ffd8;
  border-color: #dfffd6;
}
.btn-check:focus + .btn-teal-5, .btn-teal-5:focus {
  color: #000;
  background-color: #e0ffd8;
  border-color: #dfffd6;
  box-shadow: 0 0 0 0.25rem rgba(186, 217, 178, 0.5);
}
.btn-check:checked + .btn-teal-5, .btn-check:active + .btn-teal-5, .btn-teal-5:active, .btn-teal-5.active, .show > .btn-teal-5.dropdown-toggle {
  color: #000;
  background-color: #e2ffda;
  border-color: #dfffd6;
}
.btn-check:checked + .btn-teal-5:focus, .btn-check:active + .btn-teal-5:focus, .btn-teal-5:active:focus, .btn-teal-5.active:focus, .show > .btn-teal-5.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(186, 217, 178, 0.5);
}
.btn-teal-5:disabled, .btn-teal-5.disabled {
  color: #000;
  background-color: #DBFFD1;
  border-color: #DBFFD1;
}

.btn-teal-6 {
  color: #000;
  background-color: #F5FFF3;
  border-color: #F5FFF3;
}
.btn-teal-6:hover {
  color: #000;
  background-color: #f7fff5;
  border-color: #f6fff4;
}
.btn-check:focus + .btn-teal-6, .btn-teal-6:focus {
  color: #000;
  background-color: #f7fff5;
  border-color: #f6fff4;
  box-shadow: 0 0 0 0.25rem rgba(208, 217, 207, 0.5);
}
.btn-check:checked + .btn-teal-6, .btn-check:active + .btn-teal-6, .btn-teal-6:active, .btn-teal-6.active, .show > .btn-teal-6.dropdown-toggle {
  color: #000;
  background-color: #f7fff5;
  border-color: #f6fff4;
}
.btn-check:checked + .btn-teal-6:focus, .btn-check:active + .btn-teal-6:focus, .btn-teal-6:active:focus, .btn-teal-6.active:focus, .show > .btn-teal-6.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(208, 217, 207, 0.5);
}
.btn-teal-6:disabled, .btn-teal-6.disabled {
  color: #000;
  background-color: #F5FFF3;
  border-color: #F5FFF3;
}

.btn-light-purple {
  color: #000;
  background-color: #FFBEFF;
  border-color: #FFBEFF;
}
.btn-light-purple:hover {
  color: #000;
  background-color: #ffc8ff;
  border-color: #ffc5ff;
}
.btn-check:focus + .btn-light-purple, .btn-light-purple:focus {
  color: #000;
  background-color: #ffc8ff;
  border-color: #ffc5ff;
  box-shadow: 0 0 0 0.25rem rgba(217, 162, 217, 0.5);
}
.btn-check:checked + .btn-light-purple, .btn-check:active + .btn-light-purple, .btn-light-purple:active, .btn-light-purple.active, .show > .btn-light-purple.dropdown-toggle {
  color: #000;
  background-color: #ffcbff;
  border-color: #ffc5ff;
}
.btn-check:checked + .btn-light-purple:focus, .btn-check:active + .btn-light-purple:focus, .btn-light-purple:active:focus, .btn-light-purple.active:focus, .show > .btn-light-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 162, 217, 0.5);
}
.btn-light-purple:disabled, .btn-light-purple.disabled {
  color: #000;
  background-color: #FFBEFF;
  border-color: #FFBEFF;
}

.btn-yellow {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}
.btn-yellow:hover {
  color: #000;
  background-color: #ffe669;
  border-color: #ffe561;
}
.btn-check:focus + .btn-yellow, .btn-yellow:focus {
  color: #000;
  background-color: #ffe669;
  border-color: #ffe561;
  box-shadow: 0 0 0 0.25rem rgba(217, 192, 67, 0.5);
}
.btn-check:checked + .btn-yellow, .btn-check:active + .btn-yellow, .btn-yellow:active, .btn-yellow.active, .show > .btn-yellow.dropdown-toggle {
  color: #000;
  background-color: #ffe872;
  border-color: #ffe561;
}
.btn-check:checked + .btn-yellow:focus, .btn-check:active + .btn-yellow:focus, .btn-yellow:active:focus, .btn-yellow.active:focus, .show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 192, 67, 0.5);
}
.btn-yellow:disabled, .btn-yellow.disabled {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}

.btn-green {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}
.btn-green:hover {
  color: #000;
  background-color: #c1f35c;
  border-color: #bdf252;
}
.btn-check:focus + .btn-green, .btn-green:focus {
  color: #000;
  background-color: #c1f35c;
  border-color: #bdf252;
  box-shadow: 0 0 0 0.25rem rgba(155, 205, 54, 0.5);
}
.btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .show > .btn-green.dropdown-toggle {
  color: #000;
  background-color: #c5f465;
  border-color: #bdf252;
}
.btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(155, 205, 54, 0.5);
}
.btn-green:disabled, .btn-green.disabled {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #2C238D;
  border-color: #2C238D;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #2C238D;
  border-color: #2C238D;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 35, 141, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #2C238D;
  border-color: #2C238D;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(44, 35, 141, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #2C238D;
  background-color: transparent;
}

.btn-outline-primary-2 {
  color: #FF5700;
  border-color: #FF5700;
}
.btn-outline-primary-2:hover {
  color: #000;
  background-color: #FF5700;
  border-color: #FF5700;
}
.btn-check:focus + .btn-outline-primary-2, .btn-outline-primary-2:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 87, 0, 0.5);
}
.btn-check:checked + .btn-outline-primary-2, .btn-check:active + .btn-outline-primary-2, .btn-outline-primary-2:active, .btn-outline-primary-2.active, .btn-outline-primary-2.dropdown-toggle.show {
  color: #000;
  background-color: #FF5700;
  border-color: #FF5700;
}
.btn-check:checked + .btn-outline-primary-2:focus, .btn-check:active + .btn-outline-primary-2:focus, .btn-outline-primary-2:active:focus, .btn-outline-primary-2.active:focus, .btn-outline-primary-2.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 87, 0, 0.5);
}
.btn-outline-primary-2:disabled, .btn-outline-primary-2.disabled {
  color: #FF5700;
  background-color: transparent;
}

.btn-outline-primary-3 {
  color: #F1F5FB;
  border-color: #F1F5FB;
}
.btn-outline-primary-3:hover {
  color: #000;
  background-color: #F1F5FB;
  border-color: #F1F5FB;
}
.btn-check:focus + .btn-outline-primary-3, .btn-outline-primary-3:focus {
  box-shadow: 0 0 0 0.25rem rgba(241, 245, 251, 0.5);
}
.btn-check:checked + .btn-outline-primary-3, .btn-check:active + .btn-outline-primary-3, .btn-outline-primary-3:active, .btn-outline-primary-3.active, .btn-outline-primary-3.dropdown-toggle.show {
  color: #000;
  background-color: #F1F5FB;
  border-color: #F1F5FB;
}
.btn-check:checked + .btn-outline-primary-3:focus, .btn-check:active + .btn-outline-primary-3:focus, .btn-outline-primary-3:active:focus, .btn-outline-primary-3.active:focus, .btn-outline-primary-3.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(241, 245, 251, 0.5);
}
.btn-outline-primary-3:disabled, .btn-outline-primary-3.disabled {
  color: #F1F5FB;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #B6F13F;
  border-color: #B6F13F;
}
.btn-outline-success:hover {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(182, 241, 63, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(182, 241, 63, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #B6F13F;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #FFE24F;
  border-color: #FFE24F;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 226, 79, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 226, 79, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #FFE24F;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-teal-2 {
  color: #9BCB82;
  border-color: #9BCB82;
}
.btn-outline-teal-2:hover {
  color: #000;
  background-color: #9BCB82;
  border-color: #9BCB82;
}
.btn-check:focus + .btn-outline-teal-2, .btn-outline-teal-2:focus {
  box-shadow: 0 0 0 0.25rem rgba(155, 203, 130, 0.5);
}
.btn-check:checked + .btn-outline-teal-2, .btn-check:active + .btn-outline-teal-2, .btn-outline-teal-2:active, .btn-outline-teal-2.active, .btn-outline-teal-2.dropdown-toggle.show {
  color: #000;
  background-color: #9BCB82;
  border-color: #9BCB82;
}
.btn-check:checked + .btn-outline-teal-2:focus, .btn-check:active + .btn-outline-teal-2:focus, .btn-outline-teal-2:active:focus, .btn-outline-teal-2.active:focus, .btn-outline-teal-2.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(155, 203, 130, 0.5);
}
.btn-outline-teal-2:disabled, .btn-outline-teal-2.disabled {
  color: #9BCB82;
  background-color: transparent;
}

.btn-outline-teal-3 {
  color: #C8FABB;
  border-color: #C8FABB;
}
.btn-outline-teal-3:hover {
  color: #000;
  background-color: #C8FABB;
  border-color: #C8FABB;
}
.btn-check:focus + .btn-outline-teal-3, .btn-outline-teal-3:focus {
  box-shadow: 0 0 0 0.25rem rgba(200, 250, 187, 0.5);
}
.btn-check:checked + .btn-outline-teal-3, .btn-check:active + .btn-outline-teal-3, .btn-outline-teal-3:active, .btn-outline-teal-3.active, .btn-outline-teal-3.dropdown-toggle.show {
  color: #000;
  background-color: #C8FABB;
  border-color: #C8FABB;
}
.btn-check:checked + .btn-outline-teal-3:focus, .btn-check:active + .btn-outline-teal-3:focus, .btn-outline-teal-3:active:focus, .btn-outline-teal-3.active:focus, .btn-outline-teal-3.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(200, 250, 187, 0.5);
}
.btn-outline-teal-3:disabled, .btn-outline-teal-3.disabled {
  color: #C8FABB;
  background-color: transparent;
}

.btn-outline-teal-4 {
  color: #C7E6C9;
  border-color: #C7E6C9;
}
.btn-outline-teal-4:hover {
  color: #000;
  background-color: #C7E6C9;
  border-color: #C7E6C9;
}
.btn-check:focus + .btn-outline-teal-4, .btn-outline-teal-4:focus {
  box-shadow: 0 0 0 0.25rem rgba(199, 230, 201, 0.5);
}
.btn-check:checked + .btn-outline-teal-4, .btn-check:active + .btn-outline-teal-4, .btn-outline-teal-4:active, .btn-outline-teal-4.active, .btn-outline-teal-4.dropdown-toggle.show {
  color: #000;
  background-color: #C7E6C9;
  border-color: #C7E6C9;
}
.btn-check:checked + .btn-outline-teal-4:focus, .btn-check:active + .btn-outline-teal-4:focus, .btn-outline-teal-4:active:focus, .btn-outline-teal-4.active:focus, .btn-outline-teal-4.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(199, 230, 201, 0.5);
}
.btn-outline-teal-4:disabled, .btn-outline-teal-4.disabled {
  color: #C7E6C9;
  background-color: transparent;
}

.btn-outline-teal-5 {
  color: #DBFFD1;
  border-color: #DBFFD1;
}
.btn-outline-teal-5:hover {
  color: #000;
  background-color: #DBFFD1;
  border-color: #DBFFD1;
}
.btn-check:focus + .btn-outline-teal-5, .btn-outline-teal-5:focus {
  box-shadow: 0 0 0 0.25rem rgba(219, 255, 209, 0.5);
}
.btn-check:checked + .btn-outline-teal-5, .btn-check:active + .btn-outline-teal-5, .btn-outline-teal-5:active, .btn-outline-teal-5.active, .btn-outline-teal-5.dropdown-toggle.show {
  color: #000;
  background-color: #DBFFD1;
  border-color: #DBFFD1;
}
.btn-check:checked + .btn-outline-teal-5:focus, .btn-check:active + .btn-outline-teal-5:focus, .btn-outline-teal-5:active:focus, .btn-outline-teal-5.active:focus, .btn-outline-teal-5.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(219, 255, 209, 0.5);
}
.btn-outline-teal-5:disabled, .btn-outline-teal-5.disabled {
  color: #DBFFD1;
  background-color: transparent;
}

.btn-outline-teal-6 {
  color: #F5FFF3;
  border-color: #F5FFF3;
}
.btn-outline-teal-6:hover {
  color: #000;
  background-color: #F5FFF3;
  border-color: #F5FFF3;
}
.btn-check:focus + .btn-outline-teal-6, .btn-outline-teal-6:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 255, 243, 0.5);
}
.btn-check:checked + .btn-outline-teal-6, .btn-check:active + .btn-outline-teal-6, .btn-outline-teal-6:active, .btn-outline-teal-6.active, .btn-outline-teal-6.dropdown-toggle.show {
  color: #000;
  background-color: #F5FFF3;
  border-color: #F5FFF3;
}
.btn-check:checked + .btn-outline-teal-6:focus, .btn-check:active + .btn-outline-teal-6:focus, .btn-outline-teal-6:active:focus, .btn-outline-teal-6.active:focus, .btn-outline-teal-6.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(245, 255, 243, 0.5);
}
.btn-outline-teal-6:disabled, .btn-outline-teal-6.disabled {
  color: #F5FFF3;
  background-color: transparent;
}

.btn-outline-light-purple {
  color: #FFBEFF;
  border-color: #FFBEFF;
}
.btn-outline-light-purple:hover {
  color: #000;
  background-color: #FFBEFF;
  border-color: #FFBEFF;
}
.btn-check:focus + .btn-outline-light-purple, .btn-outline-light-purple:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 190, 255, 0.5);
}
.btn-check:checked + .btn-outline-light-purple, .btn-check:active + .btn-outline-light-purple, .btn-outline-light-purple:active, .btn-outline-light-purple.active, .btn-outline-light-purple.dropdown-toggle.show {
  color: #000;
  background-color: #FFBEFF;
  border-color: #FFBEFF;
}
.btn-check:checked + .btn-outline-light-purple:focus, .btn-check:active + .btn-outline-light-purple:focus, .btn-outline-light-purple:active:focus, .btn-outline-light-purple.active:focus, .btn-outline-light-purple.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 190, 255, 0.5);
}
.btn-outline-light-purple:disabled, .btn-outline-light-purple.disabled {
  color: #FFBEFF;
  background-color: transparent;
}

.btn-outline-yellow {
  color: #FFE24F;
  border-color: #FFE24F;
}
.btn-outline-yellow:hover {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}
.btn-check:focus + .btn-outline-yellow, .btn-outline-yellow:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 226, 79, 0.5);
}
.btn-check:checked + .btn-outline-yellow, .btn-check:active + .btn-outline-yellow, .btn-outline-yellow:active, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show {
  color: #000;
  background-color: #FFE24F;
  border-color: #FFE24F;
}
.btn-check:checked + .btn-outline-yellow:focus, .btn-check:active + .btn-outline-yellow:focus, .btn-outline-yellow:active:focus, .btn-outline-yellow.active:focus, .btn-outline-yellow.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 226, 79, 0.5);
}
.btn-outline-yellow:disabled, .btn-outline-yellow.disabled {
  color: #FFE24F;
  background-color: transparent;
}

.btn-outline-green {
  color: #B6F13F;
  border-color: #B6F13F;
}
.btn-outline-green:hover {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}
.btn-check:focus + .btn-outline-green, .btn-outline-green:focus {
  box-shadow: 0 0 0 0.25rem rgba(182, 241, 63, 0.5);
}
.btn-check:checked + .btn-outline-green, .btn-check:active + .btn-outline-green, .btn-outline-green:active, .btn-outline-green.active, .btn-outline-green.dropdown-toggle.show {
  color: #000;
  background-color: #B6F13F;
  border-color: #B6F13F;
}
.btn-check:checked + .btn-outline-green:focus, .btn-check:active + .btn-outline-green:focus, .btn-outline-green:active:focus, .btn-outline-green.active:focus, .btn-outline-green.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(182, 241, 63, 0.5);
}
.btn-outline-green:disabled, .btn-outline-green.disabled {
  color: #B6F13F;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #FF5700;
  text-decoration: none;
}
.btn-link:hover {
  color: #cc4600;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 1.25rem 1rem;
  font-size: 1.25rem;
  border-radius: 20px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 1.125rem;
  font-size: 0.875rem;
  border-radius: 6px;
}

.btn-white {
  border-color: #fff;
  background-color: #fff;
  color: #2C238D;
}
.btn-white:hover {
  background-color: #fafafa;
  border-color: #fafafa;
  color: #2C238D;
}

.btn-disabled {
  background-color: #ACABB9 !important;
  border-color: #ACABB9 !important;
  opacity: 1 !important;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-left: 0.3em solid transparent;
  border-bottom: 0;
  border-right: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-right: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #2C238D;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  right: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  left: auto;
  right: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  left: 0;
  right: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    left: auto;
    right: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    left: 0;
    right: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-left: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-right: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-right: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  left: auto;
  right: 100%;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-left: 0;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-right: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  left: 100%;
  right: auto;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-right: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #2C238D;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #2C238D;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-right: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dropdown-toggle-split {
  padding-left: 0.5625rem;
  padding-right: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-right: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-left: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-left: 0.84375rem;
  padding-right: 0.84375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #FF5700;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #cc4600;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 10px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #2C238D;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-left: 1rem;
  font-size: 1.25rem;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  transition: none;
  transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
  padding-right: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  color: #2C238D;
  content:  var(--bs-breadcrumb-divider, "/") ;
}
.breadcrumb-item.active {
  color: #FF5700;
}

.pagination {
  display: flex;
  padding-right: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #FF5700;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #cc4600;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: #cc4600;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(44, 35, 141, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-right: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #2C238D;
  border-color: #2C238D;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.page-item:last-child .page-link {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.badge {
  display: inline-block;
  padding: 0.375rem 0.5625rem;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 10px;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-left: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #1a1555;
  background-color: #d5d3e8;
  border-color: #c0bddd;
}
.alert-primary .alert-link {
  color: #151144;
}

.alert-primary-2 {
  color: #993400;
  background-color: #ffddcc;
  border-color: #ffcdb3;
}
.alert-primary-2 .alert-link {
  color: #7a2a00;
}

.alert-primary-3 {
  color: #606264;
  background-color: #fcfdfe;
  border-color: #fbfcfe;
}
.alert-primary-3 .alert-link {
  color: #4d4e50;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  color: #496019;
  background-color: #f0fcd9;
  border-color: #e9fbc5;
}
.alert-success .alert-link {
  color: #3a4d14;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  color: #665a20;
  background-color: #fff9dc;
  border-color: #fff6ca;
}
.alert-warning .alert-link {
  color: #52481a;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-teal-2 {
  color: #3e5134;
  background-color: #ebf5e6;
  border-color: #e1efda;
}
.alert-teal-2 .alert-link {
  color: #32412a;
}

.alert-teal-3 {
  color: #50644b;
  background-color: #f4fef1;
  border-color: #effeeb;
}
.alert-teal-3 .alert-link {
  color: #40503c;
}

.alert-teal-4 {
  color: #505c50;
  background-color: #f4faf4;
  border-color: #eef8ef;
}
.alert-teal-4 .alert-link {
  color: #404a40;
}

.alert-teal-5 {
  color: #586654;
  background-color: #f8fff6;
  border-color: #f4fff1;
}
.alert-teal-5 .alert-link {
  color: #465243;
}

.alert-teal-6 {
  color: #626661;
  background-color: #fdfffd;
  border-color: #fcfffb;
}
.alert-teal-6 .alert-link {
  color: #4e524e;
}

.alert-light-purple {
  color: #664c66;
  background-color: #fff2ff;
  border-color: #ffecff;
}
.alert-light-purple .alert-link {
  color: #523d52;
}

.alert-yellow {
  color: #665a20;
  background-color: #fff9dc;
  border-color: #fff6ca;
}
.alert-yellow .alert-link {
  color: #52481a;
}

.alert-green {
  color: #496019;
  background-color: #f0fcd9;
  border-color: #e9fbc5;
}
.alert-green .alert-link {
  color: #3a4d14;
}

.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 10px;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #2C238D;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  margin-bottom: 0;
  border-radius: 10px;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #2C238D;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #2C238D;
  border-color: #2C238D;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-right-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-right: -1px;
  border-right-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-right-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-right: -1px;
    border-right-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #1a1555;
  background-color: #d5d3e8;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #1a1555;
  background-color: #c0bed1;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #1a1555;
  border-color: #1a1555;
}

.list-group-item-primary-2 {
  color: #993400;
  background-color: #ffddcc;
}
.list-group-item-primary-2.list-group-item-action:hover, .list-group-item-primary-2.list-group-item-action:focus {
  color: #993400;
  background-color: #e6c7b8;
}
.list-group-item-primary-2.list-group-item-action.active {
  color: #fff;
  background-color: #993400;
  border-color: #993400;
}

.list-group-item-primary-3 {
  color: #606264;
  background-color: #fcfdfe;
}
.list-group-item-primary-3.list-group-item-action:hover, .list-group-item-primary-3.list-group-item-action:focus {
  color: #606264;
  background-color: #e3e4e5;
}
.list-group-item-primary-3.list-group-item-action.active {
  color: #fff;
  background-color: #606264;
  border-color: #606264;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #496019;
  background-color: #f0fcd9;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #496019;
  background-color: #d8e3c3;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #496019;
  border-color: #496019;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #665a20;
  background-color: #fff9dc;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #665a20;
  background-color: #e6e0c6;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #665a20;
  border-color: #665a20;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-teal-2 {
  color: #3e5134;
  background-color: #ebf5e6;
}
.list-group-item-teal-2.list-group-item-action:hover, .list-group-item-teal-2.list-group-item-action:focus {
  color: #3e5134;
  background-color: #d4ddcf;
}
.list-group-item-teal-2.list-group-item-action.active {
  color: #fff;
  background-color: #3e5134;
  border-color: #3e5134;
}

.list-group-item-teal-3 {
  color: #50644b;
  background-color: #f4fef1;
}
.list-group-item-teal-3.list-group-item-action:hover, .list-group-item-teal-3.list-group-item-action:focus {
  color: #50644b;
  background-color: #dce5d9;
}
.list-group-item-teal-3.list-group-item-action.active {
  color: #fff;
  background-color: #50644b;
  border-color: #50644b;
}

.list-group-item-teal-4 {
  color: #505c50;
  background-color: #f4faf4;
}
.list-group-item-teal-4.list-group-item-action:hover, .list-group-item-teal-4.list-group-item-action:focus {
  color: #505c50;
  background-color: #dce1dc;
}
.list-group-item-teal-4.list-group-item-action.active {
  color: #fff;
  background-color: #505c50;
  border-color: #505c50;
}

.list-group-item-teal-5 {
  color: #586654;
  background-color: #f8fff6;
}
.list-group-item-teal-5.list-group-item-action:hover, .list-group-item-teal-5.list-group-item-action:focus {
  color: #586654;
  background-color: #dfe6dd;
}
.list-group-item-teal-5.list-group-item-action.active {
  color: #fff;
  background-color: #586654;
  border-color: #586654;
}

.list-group-item-teal-6 {
  color: #626661;
  background-color: #fdfffd;
}
.list-group-item-teal-6.list-group-item-action:hover, .list-group-item-teal-6.list-group-item-action:focus {
  color: #626661;
  background-color: #e4e6e4;
}
.list-group-item-teal-6.list-group-item-action.active {
  color: #fff;
  background-color: #626661;
  border-color: #626661;
}

.list-group-item-light-purple {
  color: #664c66;
  background-color: #fff2ff;
}
.list-group-item-light-purple.list-group-item-action:hover, .list-group-item-light-purple.list-group-item-action:focus {
  color: #664c66;
  background-color: #e6dae6;
}
.list-group-item-light-purple.list-group-item-action.active {
  color: #fff;
  background-color: #664c66;
  border-color: #664c66;
}

.list-group-item-yellow {
  color: #665a20;
  background-color: #fff9dc;
}
.list-group-item-yellow.list-group-item-action:hover, .list-group-item-yellow.list-group-item-action:focus {
  color: #665a20;
  background-color: #e6e0c6;
}
.list-group-item-yellow.list-group-item-action.active {
  color: #fff;
  background-color: #665a20;
  border-color: #665a20;
}

.list-group-item-green {
  color: #496019;
  background-color: #f0fcd9;
}
.list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus {
  color: #496019;
  background-color: #d8e3c3;
}
.list-group-item-green.list-group-item-action.active {
  color: #fff;
  background-color: #496019;
  border-color: #496019;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25em 0.25em;
  color: #2C238D;
  background: transparent url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25 25' style='enable-background:new 0 0 25 25;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232C238D;%7D%0A%3C/style%3E%3Cg id='Group_30928' transform='translate%28-1879.033 3288%29'%3E%3Cg id='Group_30851' transform='translate%281882.414 -3283.963%29'%3E%3Cpath id='Path_64693' class='st0' d='M-0.4-2.2C0-1.8,0.5-1.4,1-1l0.7,0.6l0.7,0.6C2.8,0.6,3.3,1,3.8,1.4l1.4,1.2 c0.5,0.4,0.9,0.8,1.4,1.2l1.4,1.2C8.8,6,9.8,6.8,10.7,7.7L12,8.9l1.4,1.3c0.9,0.8,1.8,1.7,2.7,2.5c0.9,0.9,1.8,1.7,2.6,2.6 c0.9,0.9,1.7,1.8,2.6,2.7c0.5,0.5,0.4,1.3-0.1,1.8c-0.4,0.4-1.1,0.4-1.6,0.1c-1-0.8-1.9-1.6-2.9-2.4s-1.9-1.6-2.8-2.5 c-0.9-0.8-1.8-1.7-2.7-2.5l-1.4-1.3L8.5,10C7.6,9.1,6.7,8.3,5.8,7.4L4.5,6.1C4,5.7,3.6,5.3,3.1,4.8L1.8,3.5 C1.4,3.1,0.9,2.7,0.5,2.2l-0.7-0.7l-0.7-0.7C-1.3,0.5-1.7,0-2.1-0.4c-0.5-0.5-0.5-1.3-0.1-1.8S-0.9-2.7-0.4-2.2'/%3E%3Cpath id='Path_64694' class='st0' d='M20.1-1.6c-0.8,1-1.6,1.9-2.5,2.9L16.9,2l-0.6,0.7C16.2,2.8,16.1,2.9,16,3l-0.3,0.4L15,4.1 C13.2,6,11.3,7.7,9.5,9.5c-0.9,0.9-1.9,1.7-2.8,2.6c-0.5,0.4-0.9,0.8-1.4,1.3l-0.7,0.6c-0.2,0.2-0.5,0.4-0.7,0.6 C2.9,15.4,2,16.2,1,17c-0.2,0.2-0.5,0.4-0.7,0.6c-0.2,0.2-0.5,0.4-0.7,0.6l-0.2,0.2c-0.1,0.1-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.4,0.3c-0.2,0.2-0.5,0.4-0.7,0.6l0,0c-0.4,0.3-1,0.2-1.3-0.2c-0.2-0.3-0.3-0.8-0.1-1.1 c0.7-1.1,1.5-2.1,2.4-3.1c0.8-1,1.7-1.9,2.6-2.8c0.9-0.9,1.8-1.8,2.8-2.7C5,9.2,5.5,8.8,5.9,8.4C6.4,8,6.9,7.5,7.4,7.1 c1.9-1.7,3.8-3.3,5.7-5l1.4-1.3l0.7-0.6l0.7-0.6c1-0.8,1.9-1.7,2.9-2.5c0.4-0.3,1-0.3,1.3,0.1C20.4-2.5,20.4-2,20.1-1.6L20.1-1.6z '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center/1.5rem auto no-repeat;
  border: 0;
  border-radius: 10px;
  opacity: 0.75;
  font-size: 0;
}
.btn-close.logout-icon {
  background: transparent url("../img/logout.svg") center/1.5rem auto no-repeat;
}
.btn-close:hover {
  color: #2C238D;
  text-decoration: none;
  opacity: 0.9;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(44, 35, 141, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 0.625rem;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
}
.toast-header .btn-close {
  margin-left: -0.375rem;
  margin-right: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.875rem 0.625rem;
  border-top-right-radius: 29px;
  border-top-left-radius: 29px;
}
.modal-header .btn-close {
  padding: 0.9375rem 0.9375rem;
  margin: -0.9375rem -0.9375rem -0.9375rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0 1.875rem 2.5rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0 6.25rem 3.125rem;
  border-bottom-left-radius: 29px;
  border-bottom-right-radius: 29px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 425px;
    min-height: 425px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
    height: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
    height: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: "helvetica", "Cairo", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 10px;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 ;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: "helvetica", "Cairo", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  right: 50%;
  display: block;
  width: 1rem;
  margin-right: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-right-radius: 19px;
  border-top-left-radius: 19px;
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #2C238D;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) ;
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-left-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.875rem 1.875rem;
}
.offcanvas-header .btn-close {
  padding: 0.9375rem 0.9375rem;
  margin-top: -0.9375rem;
  margin-left: -0.9375rem;
  margin-bottom: -0.9375rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1.875rem 1.875rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-end {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-top {
  top: 0;
  left: 0;
  right: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  left: 0;
  right: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #2C238D;
}
.link-primary:hover, .link-primary:focus {
  color: #231c71;
}

.link-primary-2 {
  color: #FF5700;
}
.link-primary-2:hover, .link-primary-2:focus {
  color: #ff7933;
}

.link-primary-3 {
  color: #F1F5FB;
}
.link-primary-3:hover, .link-primary-3:focus {
  color: #f4f7fc;
}

.link-secondary {
  color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #B6F13F;
}
.link-success:hover, .link-success:focus {
  color: #c5f465;
}

.link-info {
  color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #FFE24F;
}
.link-warning:hover, .link-warning:focus {
  color: #ffe872;
}

.link-danger {
  color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

.link-teal-2 {
  color: #9BCB82;
}
.link-teal-2:hover, .link-teal-2:focus {
  color: #afd59b;
}

.link-teal-3 {
  color: #C8FABB;
}
.link-teal-3:hover, .link-teal-3:focus {
  color: #d3fbc9;
}

.link-teal-4 {
  color: #C7E6C9;
}
.link-teal-4:hover, .link-teal-4:focus {
  color: #d2ebd4;
}

.link-teal-5 {
  color: #DBFFD1;
}
.link-teal-5:hover, .link-teal-5:focus {
  color: #e2ffda;
}

.link-teal-6 {
  color: #F5FFF3;
}
.link-teal-6:hover, .link-teal-6:focus {
  color: #f7fff5;
}

.link-light-purple {
  color: #FFBEFF;
}
.link-light-purple:hover, .link-light-purple:focus {
  color: #ffcbff;
}

.link-yellow {
  color: #FFE24F;
}
.link-yellow:hover, .link-yellow:focus {
  color: #ffe872;
}

.link-green {
  color: #B6F13F;
}
.link-green:hover, .link-green:focus {
  color: #c5f465;
}

.link-light {
  color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.ratio-33x29 {
  --bs-aspect-ratio: 87.8787878788%;
}

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: right !important;
}

.float-end {
  float: left !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  right: 0 !important;
}

.start-50 {
  right: 50% !important;
}

.start-100 {
  right: 100% !important;
}

.end-0 {
  left: 0 !important;
}

.end-50 {
  left: 50% !important;
}

.end-100 {
  left: 100% !important;
}

.translate-middle {
  transform: translate(50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-left: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-left: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-right: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-right: 0 !important;
}

.border-primary {
  border-color: #2C238D !important;
}

.border-primary-2 {
  border-color: #FF5700 !important;
}

.border-primary-3 {
  border-color: #F1F5FB !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #B6F13F !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #FFE24F !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-teal-2 {
  border-color: #9BCB82 !important;
}

.border-teal-3 {
  border-color: #C8FABB !important;
}

.border-teal-4 {
  border-color: #C7E6C9 !important;
}

.border-teal-5 {
  border-color: #DBFFD1 !important;
}

.border-teal-6 {
  border-color: #F5FFF3 !important;
}

.border-light-purple {
  border-color: #FFBEFF !important;
}

.border-yellow {
  border-color: #FFE24F !important;
}

.border-green {
  border-color: #B6F13F !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center, .sb-sidenav-toggled .side-menu__item i {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-left: 0 !important;
}

.me-1 {
  margin-left: 0.25rem !important;
}

.me-2 {
  margin-left: 0.5rem !important;
}

.me-3, .side-menu__item i {
  margin-left: 1rem !important;
}

.me-4, .sb-sidenav-toggled .side-menu__item i {
  margin-left: 1.5rem !important;
}

.me-5 {
  margin-left: 3rem !important;
}

.me-auto {
  margin-left: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-right: 0 !important;
}

.ms-1 {
  margin-right: 0.25rem !important;
}

.ms-2 {
  margin-right: 0.5rem !important;
}

.ms-3 {
  margin-right: 1rem !important;
}

.ms-4 {
  margin-right: 1.5rem !important;
}

.ms-5 {
  margin-right: 3rem !important;
}

.ms-auto {
  margin-right: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-left: 0 !important;
}

.pe-1 {
  padding-left: 0.25rem !important;
}

.pe-2, .sb-sidenav-toggled {
  padding-left: 0.5rem !important;
}

.pe-3 {
  padding-left: 1rem !important;
}

.pe-4 {
  padding-left: 1.5rem !important;
}

.pe-5{
  padding-left: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-right: 0 !important;
}

.ps-1 {
  padding-right: 0.25rem !important;
}

.ps-2 {
  padding-right: 0.5rem !important;
}

.ps-3 {
  padding-right: 1rem !important;
}

.ps-4 {
  padding-right: 1.5rem !important;
}

.ps-5 {
  padding-right: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: right !important;
}

.text-end {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-2, .worksheets-components .worksheets-component-item:hover h6, .worksheets-components .worksheets-component-item:hover .h6, .video-category-component:hover {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-2-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-3 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-3-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-teal-2 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-teal-2-rgb), var(--bs-text-opacity)) !important;
}

.text-teal-3 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-teal-3-rgb), var(--bs-text-opacity)) !important;
}

.text-teal-4 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-teal-4-rgb), var(--bs-text-opacity)) !important;
}

.text-teal-5 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-teal-5-rgb), var(--bs-text-opacity)) !important;
}

.text-teal-6 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-teal-6-rgb), var(--bs-text-opacity)) !important;
}

.text-light-purple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-purple-rgb), var(--bs-text-opacity)) !important;
}

.text-yellow {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important;
}

.text-green {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-2, .side-menu__item:not(.tutorial-focused):hover, .side-menu__item.active {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-2-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-3, .dropdown-userinfo + ul:before, .dropdown-userinfo + ul {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-3-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-teal-2 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-teal-2-rgb), var(--bs-bg-opacity)) !important;
}

.bg-teal-3 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-teal-3-rgb), var(--bs-bg-opacity)) !important;
}

.bg-teal-4 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-teal-4-rgb), var(--bs-bg-opacity)) !important;
}

.bg-teal-5 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-teal-5-rgb), var(--bs-bg-opacity)) !important;
}

.bg-teal-6 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-teal-6-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-purple-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 10px !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 6px !important;
}

.rounded-2 {
  border-radius: 10px !important;
}

.rounded-3 {
  border-radius: 20px !important;
}

.rounded-circle, .video-item-component__play-icon svg {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}

.rounded-end {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.rounded-bottom {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.rounded-start {
  border-bottom-right-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: right !important;
  }

  .float-sm-end {
    float: left !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-left: 0 !important;
  }

  .me-sm-1 {
    margin-left: 0.25rem !important;
  }

  .me-sm-2 {
    margin-left: 0.5rem !important;
  }

  .me-sm-3 {
    margin-left: 1rem !important;
  }

  .me-sm-4 {
    margin-left: 1.5rem !important;
  }

  .me-sm-5 {
    margin-left: 3rem !important;
  }

  .me-sm-auto {
    margin-left: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-right: 0 !important;
  }

  .ms-sm-1 {
    margin-right: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-right: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-right: 1rem !important;
  }

  .ms-sm-4 {
    margin-right: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-right: 3rem !important;
  }

  .ms-sm-auto {
    margin-right: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-left: 0 !important;
  }

  .pe-sm-1 {
    padding-left: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-left: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-left: 1rem !important;
  }

  .pe-sm-4 {
    padding-left: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-left: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-right: 0 !important;
  }

  .ps-sm-1 {
    padding-right: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-right: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-right: 1rem !important;
  }

  .ps-sm-4 {
    padding-right: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-right: 3rem !important;
  }

  .text-sm-start {
    text-align: right !important;
  }

  .text-sm-end {
    text-align: left !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: right !important;
  }

  .float-md-end {
    float: left !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-left: 0 !important;
  }

  .me-md-1 {
    margin-left: 0.25rem !important;
  }

  .me-md-2 {
    margin-left: 0.5rem !important;
  }

  .me-md-3 {
    margin-left: 1rem !important;
  }

  .me-md-4 {
    margin-left: 1.5rem !important;
  }

  .me-md-5 {
    margin-left: 3rem !important;
  }

  .me-md-auto {
    margin-left: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-right: 0 !important;
  }

  .ms-md-1 {
    margin-right: 0.25rem !important;
  }

  .ms-md-2 {
    margin-right: 0.5rem !important;
  }

  .ms-md-3 {
    margin-right: 1rem !important;
  }

  .ms-md-4 {
    margin-right: 1.5rem !important;
  }

  .ms-md-5 {
    margin-right: 3rem !important;
  }

  .ms-md-auto {
    margin-right: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-left: 0 !important;
  }

  .pe-md-1 {
    padding-left: 0.25rem !important;
  }

  .pe-md-2 {
    padding-left: 0.5rem !important;
  }

  .pe-md-3 {
    padding-left: 1rem !important;
  }

  .pe-md-4 {
    padding-left: 1.5rem !important;
  }

  .pe-md-5 {
    padding-left: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-right: 0 !important;
  }

  .ps-md-1 {
    padding-right: 0.25rem !important;
  }

  .ps-md-2 {
    padding-right: 0.5rem !important;
  }

  .ps-md-3 {
    padding-right: 1rem !important;
  }

  .ps-md-4 {
    padding-right: 1.5rem !important;
  }

  .ps-md-5 {
    padding-right: 3rem !important;
  }

  .text-md-start {
    text-align: right !important;
  }

  .text-md-end {
    text-align: left !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: right !important;
  }

  .float-lg-end {
    float: left !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-left: 0 !important;
  }

  .me-lg-1 {
    margin-left: 0.25rem !important;
  }

  .me-lg-2 {
    margin-left: 0.5rem !important;
  }

  .me-lg-3 {
    margin-left: 1rem !important;
  }

  .me-lg-4 {
    margin-left: 1.5rem !important;
  }

  .me-lg-5 {
    margin-left: 3rem !important;
  }

  .me-lg-auto {
    margin-left: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-right: 0 !important;
  }

  .ms-lg-1 {
    margin-right: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-right: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-right: 1rem !important;
  }

  .ms-lg-4 {
    margin-right: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-right: 3rem !important;
  }

  .ms-lg-auto {
    margin-right: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-left: 0 !important;
  }

  .pe-lg-1 {
    padding-left: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-left: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-left: 1rem !important;
  }

  .pe-lg-4 {
    padding-left: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-left: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-right: 0 !important;
  }

  .ps-lg-1 {
    padding-right: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-right: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-right: 1rem !important;
  }

  .ps-lg-4 {
    padding-right: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-right: 3rem !important;
  }

  .text-lg-start {
    text-align: right !important;
  }

  .text-lg-end {
    text-align: left !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: right !important;
  }

  .float-xl-end {
    float: left !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-left: 0 !important;
  }

  .me-xl-1 {
    margin-left: 0.25rem !important;
  }

  .me-xl-2 {
    margin-left: 0.5rem !important;
  }

  .me-xl-3 {
    margin-left: 1rem !important;
  }

  .me-xl-4 {
    margin-left: 1.5rem !important;
  }

  .me-xl-5 {
    margin-left: 3rem !important;
  }

  .me-xl-auto {
    margin-left: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-right: 0 !important;
  }

  .ms-xl-1 {
    margin-right: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-right: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-right: 1rem !important;
  }

  .ms-xl-4 {
    margin-right: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-right: 3rem !important;
  }

  .ms-xl-auto {
    margin-right: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-left: 0 !important;
  }

  .pe-xl-1 {
    padding-left: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-left: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-left: 1rem !important;
  }

  .pe-xl-4 {
    padding-left: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-left: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-right: 0 !important;
  }

  .ps-xl-1 {
    padding-right: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-right: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-right: 1rem !important;
  }

  .ps-xl-4 {
    padding-right: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-right: 3rem !important;
  }

  .text-xl-start {
    text-align: right !important;
  }

  .text-xl-end {
    text-align: left !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: right !important;
  }

  .float-xxl-end {
    float: left !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-left: 0 !important;
  }

  .me-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-left: 1rem !important;
  }

  .me-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-left: 3rem !important;
  }

  .me-xxl-auto {
    margin-left: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-right: 0 !important;
  }

  .ms-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-right: 1rem !important;
  }

  .ms-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-right: 3rem !important;
  }

  .ms-xxl-auto {
    margin-right: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-left: 0 !important;
  }

  .pe-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-left: 1rem !important;
  }

  .pe-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-left: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-right: 0 !important;
  }

  .ps-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-right: 1rem !important;
  }

  .ps-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-right: 3rem !important;
  }

  .text-xxl-start {
    text-align: right !important;
  }

  .text-xxl-end {
    text-align: left !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
body {
  display: none;
  overflow-x: hidden;
  width: 100%;
}
body.register-page {
  background-color: #F9FAFD;
}
body.login-page {
  background-color: #E9FFE5;
}
body.notification-opened {
  position: relative;
}
body.notification-opened:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 100;
  background: rgba(0, 0, 0, 0.12);
}
@media (max-width: 767.98px) {
  body.no-scroll {
    overflow: hidden;
  }
}
@media (max-width: 991.98px) {
  body.body-expanded-header {
    overflow: hidden;
    height: 100%;
  }
}
body #page-content {
  display: none;
}
body .tutorial-focused {
  z-index: 1055;
}
body .tutorial-focused > a {
  pointer-events: none;
}

.page-content-wrapper {
  --page-content-margin: 18.75rem;
  margin-right: var(--page-content-margin);
  width: calc(100% - var(--page-content-margin));
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .page-content-wrapper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .page-content-wrapper {
    --page-content-margin: 0;
  }
}

.sb-sidenav-toggled .page-content-wrapper {
  --page-content-margin: 5.75rem;
}
@media (max-width: 767.98px) {
  .sb-sidenav-toggled .page-content-wrapper {
    --page-content-margin: 0;
  }
}
@media (min-width: 768px) {
  .sb-sidenav-toggled .sidebar-heading {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 767.98px) {
  .sb-sidenav-toggled {
    overflow: hidden;
  }
}
.sb-sidenav-toggled .sidebar-wrapper {
  width: 5.75rem;
  background-size: cover;
  background-image: none;
}
@media (max-width: 767.98px) {
  .sb-sidenav-toggled .sidebar-wrapper {
    transform: translateX(0);
    width: 100%;
  }
}
.sb-sidenav-toggled .side-menu__item {
  padding-right: 1.25rem;
}
.sb-sidenav-toggled .side-menu__item i {
  min-width: 3.25rem;
}
@media (max-width: 767.98px) {
  .sb-sidenav-toggled .side-menu__item i {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .sb-sidenav-toggled .side-menu__item span {
    opacity: 0;
  }
}
@media (max-width: 767.98px) {
  .sb-sidenav-toggled .sidebar-toggle {
    position: fixed;
    right: 1.875rem;
    top: 1rem;
  }
}
.sb-sidenav-toggled .sidebar-toggle .burger-menu {
  transform: rotate(-90deg);
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .sb-sidenav-toggled .grid-content {
    grid-gap: 1.25rem 1.25rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .sb-sidenav-toggled .grid-content {
    grid-gap: 0.75rem 0.75rem;
  }
}
@media (max-width: 1199.98px) {
  .sb-sidenav-toggled .grid-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991.98px) {
  .sb-sidenav-toggled .grid-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .sb-sidenav-toggled .grid-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .sb-sidenav-toggled .grid-content {
    grid-template-columns: 1fr;
  }
}
.sb-sidenav-toggled .grid-content-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 991.98px) {
  .sb-sidenav-toggled .grid-content-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .sb-sidenav-toggled .grid-content-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .sb-sidenav-toggled .grid-content-4 {
    grid-template-columns: 1fr;
  }
}

.sidebar-toggle, .header .dropdown-userinfo, .header .stars-points,
.header .logout, .header .search > a,
.header .chat > a,
.header .notification > a,
.header .stars-points > a {
  flex: 0 0 auto;
  width: 3.5625rem;
  height: 3.5625rem;
  background-color: #F1F5FB;
  border: 0.125rem solid #F1F5FB;
  border-radius: 2rem;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-toggle, .header .dropdown-userinfo, .header .stars-points,
.header .logout, .header .search > a,
.header .chat > a,
.header .notification > a,
.header .stars-points > a {
    transition: none;
  }
}
.sidebar-toggle svg, .header .dropdown-userinfo svg, .header .stars-points svg,
.header .logout svg, .header .search > a svg,
.header .chat > a svg,
.header .notification > a svg {
  transition: all 0.25s ease-in-out;
  fill: #2C238D;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-toggle svg, .header .dropdown-userinfo svg, .header .stars-points svg,
.header .logout svg, .header .search > a svg,
.header .chat > a svg,
.header .notification > a svg {
    transition: none;
  }
}
.sidebar-toggle:not(.tutorial-focused):hover, .header .dropdown-userinfo:not(.tutorial-focused):hover, .header .stars-points:not(.tutorial-focused):hover,
.header .logout:not(.tutorial-focused):hover, .header .search > a:not(.tutorial-focused):hover,
.header .chat > a:not(.tutorial-focused):hover,
.header .notification > a:not(.tutorial-focused):hover,
.header .stars-points > a:not(.tutorial-focused):hover {
  border-color: #2C238D;
}

.header {
  height: 4.75rem;
}
@media (max-width: 991.98px) {
  .header {
    height: auto;
  }
}
@media (max-width: 767.98px) {
  .header {
    margin-top: -3.5625rem;
  }
}
.header .search > a.is-active, .header .search > a.show,
.header .chat > a.is-active,
.header .chat > a.show,
.header .notification > a.is-active,
.header .notification > a.show,
.header .stars-points > a.is-active,
.header .stars-points > a.show {
  border-color: #2C238D;
  background-color: #2C238D;
}
.header .search > a.is-active svg, .header .search > a.show svg,
.header .chat > a.is-active svg,
.header .chat > a.show svg,
.header .notification > a.is-active svg,
.header .notification > a.show svg,
.header .stars-points > a.is-active svg,
.header .stars-points > a.show svg {
  fill: #fff;
}
.header .dropdown-userinfo {
  width: auto;
}
.header .dropdown-userinfo:hover {
  border-color: transparent !important;
}
@media (max-width: 63.9375rem) {
  .header .dropdown-userinfo,
.header .logout {
    margin-top: 0.625rem;
  }
}
@media (max-width: 991.98px) {
  .header .dropdown-userinfo,
.header .logout {
    margin-top: 0;
  }
}

.sidebar-heading {
  font-size: 1.2rem;
  margin-top: 2.625rem;
  margin-bottom: 2.875rem;
  visibility: visible;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-heading img {
    transition: none;
  }
}

.sidebar-wrapper {
  min-height: 100%;
  width: 18.75rem;
  transition: width 0.25s ease;
  background-image: url("../img/sm-bg.svg");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: bottom;
  background-size: contain;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .sidebar-wrapper {
    transform: translateX(100%);
    z-index: 1050;
    background-size: cover;
    transition: all 0.3s ease;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .sidebar-wrapper {
    transition: none;
  }
}

@media (max-width: 25.4375rem) {
  #header-menu > div:first-of-type {
    padding-right: 4.5rem;
  }
  #header-menu .search,
#header-menu .chat,
#header-menu .notification,
#header-menu .stars-points {
    margin-bottom: 0.625rem;
  }
}
#header-menu > div:last-of-type {
  z-index: 9;
}

.side-menu {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  max-height: calc(100vh - 10rem);
  margin-inline-end: 0.125rem;
  transition: padding 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .side-menu {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .side-menu {
    padding-bottom: 5rem;
  }
}
.side-menu::-webkit-scrollbar {
  width: 0.375rem;
  background: transparent;
}
.side-menu::-webkit-scrollbar-thumb {
  background: #dee0f3;
  border-radius: 0.1875rem;
}
.side-menu__item {
  border-radius: 1.875rem 0 0 1.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.6875rem;
  font-size: 1.125rem;
  padding-right: 1.875rem;
  transition: background-color 0.25s ease;
  align-items: flex-start !important;
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .side-menu__item {
    transition: none;
  }
}
.side-menu__item i {
  transition: margin 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .side-menu__item i {
    transition: none;
  }
}
.side-menu__item svg {
  fill: #fff;
}
.side-menu__item > a {
  color: #fff;
}
.side-menu__item > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.375rem;
  z-index: 2;
}
.side-menu__item span {
  white-space: nowrap;
  transition: opacity 0.15s ease;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .side-menu__item span {
    transition: none;
  }
}
.side-menu__item .tutorial-message-wrapper {
  transform: translateX(30%);
}
@media (max-width: 64rem) {
  .side-menu__item .tutorial-message-wrapper {
    right: 50%;
    left: auto;
  }
  .side-menu__item .tutorial-message-wrapper .tutorial-message:before {
    right: 50%;
    transform: translateX(50%) rotate(45deg);
  }
}
@media (max-width: 767.98px) {
  .side-menu__item .tutorial-message-wrapper {
    right: 50%;
    left: auto;
    transform: translateX(50%);
  }
  .side-menu__item .tutorial-message-wrapper .tutorial-message:before {
    left: 50%;
    transform: translateX(50%) rotate(45deg);
  }
}
.dropdown-userinfo {
  z-index: 1030;
}
.dropdown-userinfo__img {
  margin: 0.25rem 0.25rem 0.25rem 0;
  max-width: 2.8125rem;
  max-height: 2.8125rem;
  object-fit: cover;
  border-radius: 50%;
}
.dropdown-userinfo__name {
  white-space: nowrap;
  min-width: 7.875rem;
  max-width: 7.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767.98px) {
  .dropdown-userinfo__name {
    min-width: auto;
    max-width: 100%;
  }
}
.dropdown-userinfo__arrow {
  transition: transform 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .dropdown-userinfo__arrow {
    transition: none;
  }
}
.dropdown-userinfo.show .dropdown-userinfo__arrow {
  transform: rotate(-180deg);
}
.dropdown-userinfo + ul {
  width: 100%;
  border: none;
  border-radius: 0 0 0.625rem 0.625rem;
}
.dropdown-userinfo + ul li {
  position: relative;
  margin-bottom: -0.125rem;
}
.dropdown-userinfo + ul li:not(:last-of-type) {
  border-bottom: 1px solid #F1F5FB;
}
.dropdown-userinfo + ul li:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0.625rem;
  width: calc(100% - 1.25rem);
  height: 1px;
  background-color: #dde7f5;
}
.dropdown-userinfo + ul li:not(:last-of-type):hover {
  border-bottom: 0.0625rem solid #dde7f5;
}
.dropdown-userinfo + ul li:nth-last-of-type(2) {
  border-bottom: none;
}
.dropdown-userinfo + ul li:nth-last-of-type(2):after {
  display: none;
}
.dropdown-userinfo + ul li:nth-last-of-type(2):hover {
  border-bottom: none;
}
@media (max-width: 767.98px) {
  .dropdown-userinfo + ul li:nth-last-of-type(2) {
    border-bottom: 0.0625rem solid #F1F5FB;
  }
  .dropdown-userinfo + ul li:nth-last-of-type(2):after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0.625rem;
    width: calc(100% - 1.25rem);
    height: 0.0625rem;
    background-color: #dde7f5;
  }
  .dropdown-userinfo + ul li:nth-last-of-type(2):hover {
    border-bottom: 0.0625rem solid #dde7f5;
  }
}
.dropdown-userinfo + ul:before {
  content: "";
  display: block;
  position: absolute;
  top: -1.875rem;
  right: 0;
  width: 100%;
  height: 1.875rem;
}
.dropdown-userinfo + ul a:hover {
  background-color: #dde7f5;
}

.horizantal-card.focused {
  z-index: 1055;
}
.horizantal-card.focused.filter-dropdown svg {
  display: none !important;
}
.horizantal-card.focused.filter-dropdown svg.opened-filter {
  display: block !important;
}
.horizantal-card.focused.filter-dropdown.filter-filled svg {
  display: none !important;
}
.horizantal-card.focused.filter-dropdown.filter-filled svg.reset-filter {
  display: block !important;
}
.horizantal-card.filter-dropdown:not(.focused).filter-filled svg {
  display: none !important;
}
.horizantal-card.filter-dropdown:not(.focused).filter-filled svg.filled-filter {
  display: block !important;
}
.horizantal-card.dropdown .dropdown-menu {
  min-width: 23.5rem;
  max-width: 23.5rem;
  box-shadow: 0 0.1875rem 1rem #9DA3AD5D;
  border: 0;
  transform: none !important;
  inset: unset !important;
  right: 0 !important;
}
@media (max-width: 64rem) {
  .horizantal-card.dropdown .dropdown-menu {
    right: auto !important;
    left: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .horizantal-card.dropdown .dropdown-menu {
    min-width: 21.5rem;
    max-width: 21.5rem;
  }
}
@media (max-width: 25.25rem) {
  .horizantal-card.dropdown .dropdown-menu {
    min-width: 19rem;
    max-width: 19rem;
  }
}
.horizantal-card.dropdown .dropdown-menu.dropdown-filter {
  right: auto !important;
  left: 0 !important;
}
@media (max-width: 25rem) {
  .horizantal-card.dropdown .dropdown-menu.dropdown-filter {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media (max-width: 22.125rem) {
  .horizantal-card.dropdown .dropdown-menu.dropdown-filter {
    transform: translateX(-36%) !important;
  }
}
.horizantal-card.dropdown .dropdown-menu .horizantal-card-content {
  min-height: 35.25rem;
  max-height: 35.25rem;
  overflow-x: auto;
  padding-left: 0.5rem;
  margin-left: -0.875rem;
}
.horizantal-card.dropdown .dropdown-menu .horizantal-card-content::-webkit-scrollbar {
  width: 0.375rem;
  background: transparent;
}
.horizantal-card.dropdown .dropdown-menu .horizantal-card-content::-webkit-scrollbar-thumb {
  background: #CAC9D2;
  border-radius: 0.1875rem;
}
.horizantal-card .horizantal-card-wrapper,
.horizantal-card .notification-dropdown {
  padding: 1.5rem;
  background-color: #F1F5FB;
  border-radius: 0.9375rem;
}
.horizantal-card .dropdown-filter {
  padding: 1.5625rem 1.25rem 1.375rem;
}
.horizantal-card .dropdown-filter .horizantal-card-content {
  padding: 0 0.3125rem;
  min-height: 17rem !important;
  max-height: 30.875rem !important;
}
.horizantal-card-content {
  min-height: 26.125rem;
}
.horizantal-card-content-top {
  padding-bottom: 1.125rem;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item-text {
  display: inline-block;
  margin: auto 0 auto 0.25rem;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item-type {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item-type {
    align-items: flex-start;
    flex-direction: column;
  }
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item-hint, .horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item-record, .horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item-rate {
  border-top: 0.0625rem solid #9BCB82;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity {
  background-color: #F6F8FC;
  border: 0;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .reinforcement-section:before {
  background: url("../img/white-reinforcement-section.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .read-book:before {
  background: url("../img/white-book.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .recording:before {
  background: url("../img/white-recording.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .write-story:before {
  background: url("../img/white-write-story.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .student-story-feedback:before {
  background: url("../img/white-student-story-feedback.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .listen:before {
  background: url("../img/white-headphone.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .worksheets:before {
  background: url("../img/white-worksheets.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .rate-section:before {
  background: url("../img/white-recording.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .message:before {
  background: url("../img/white-teacher-message.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .games:before {
  background: url("../img/white-games.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .file:before {
  background: url("../img/white-file.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .video-book:before {
  background: url("../img/white-video-book.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .certificate:before {
  background: url("../img/white-certificate.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .level-exam:before {
  background: url("../img/white-level-exam.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .teacher-file:before {
  background: url("../img/white-teacher-file.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .teacher-folder:before {
  background: url("../img/white-teacher-folder.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .video-watch:before {
  background: url("../img/white-video-watch.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .solution:before {
  background: url("../img/white-solution.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .horizantal-card-item-record,
.horizantal-card-content-bottom .horizantal-card-items.full-page .horizantal-card-item.activity .horizantal-card-item-rate {
  border-color: #B8B5E0;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item {
  background-color: #E8FFE2;
  padding: 0.9375rem 0.9375rem 0.625rem;
  border: 0.03125rem solid #9BCB82;
  border-radius: 10px;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item {
    transition: none;
  }
}
@media (max-width: 21.75rem) {
  .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item > a > .d-flex {
    flex-direction: column;
  }
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item .horizantal-card-item-btn {
  margin-right: auto;
  margin-top: auto;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item:not(.time-expired) .btn-expired {
  display: none;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.time-expired .accomplished {
  display: none;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item .btn-expired {
  text-align: left;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item:hover {
  background-color: #dcffd3;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item a {
  color: inherit;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item:last-of-type {
  margin-bottom: 0;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.read, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.done, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.time-expired {
  background-color: #fff;
  border: 0;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.read:hover, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.done:hover, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.time-expired:hover {
  background-color: #f7f7f7;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item.done .accomplished {
  background-color: #fff !important;
  color: #fd7e14 !important;
  pointer-events: none;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type {
  position: relative;
  padding-right: 3.75rem;
  padding-left: 0.625rem;
  margin: auto 0;
  min-height: 3.125rem;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.reinforcement-section:before {
  background: url("../img/reinforcement-section.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.read-book:before {
  background: url("../img/book.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.recording:before {
  background: url("../img/recording.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.student-story-feedback:before {
  background: url("../img/student-story-feedback.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.listen:before {
  background: url("../img/headphone.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.worksheets:before {
  background: url("../img/worksheets.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.rate-section:before {
  background: url("../img/recording.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.message:before {
  background: url("../img/teacher-message.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.games:before {
  background: url("../img/games.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.file:before {
  background: url("../img/file.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.video-book:before {
  background: url("../img/video-book.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.certificate:before {
  background: url("../img/certificate.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.level-exam:before {
  background: url("../img/level-exam.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.teacher-file:before {
  background: url("../img/teacher-file.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.teacher-folder:before {
  background: url("../img/teacher-folder.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.video-watch:before {
  background: url("../img/video-watch.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.solution:before {
  background: url("../img/solution.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.help-icon:before {
  background: url("../img/help_icon.svg") no-repeat center;
  object-fit: cover;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-text {
  font-size: 0.875rem;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-title {
  margin-right: 0.25rem;
  color: #FF5700 !important;
  transition: color 0.3s ease;
  font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-title {
    transition: none;
  }
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-title:hover {
  color: #2C238D;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-datetime {
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-datetime .date,
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-datetime .time {
  display: block;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-datetime .time {
  margin-top: 0.625rem;
  direction: ltr;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-hint, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-record, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-rate {
  font-size: 0.875rem;
  margin-top: 0.875rem;
  border-top: 0.0625rem solid #B8B5E0;
  padding-top: 0.625rem;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-hint .star-rating,
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-hint .btn-white, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-record .star-rating,
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-record .btn-white, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-rate .star-rating,
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-rate .btn-white {
  pointer-events: none;
}
@media (max-width: 575.98px) {
  .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-hint .btn-white, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-record .btn-white, .horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-rate .btn-white {
    margin-top: 1.25rem;
  }
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-rate {
  margin-top: 0.625rem;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-rate label {
  font-size: 0.75rem;
}
.horizantal-card-content-bottom .horizantal-card-items .horizantal-card--item:not(:last-of-type) {
  border-bottom: 0.03125rem solid #B4B2C3;
}
.horizantal-card .setup-file {
  padding: 1.5625rem 1.25rem 1.5625rem 1.5625rem;
}
.horizantal-card .setup-file .horizantal-card-content {
  position: relative;
}
.horizantal-card .setup-file .horizantal-card-content:before {
  content: "";
  position: absolute;
  top: 3.125rem;
  bottom: 4rem;
  right: 1.5rem;
  width: 0.1875rem;
  background-color: #2C238D;
  opacity: 0.16;
}
.horizantal-card .setup-file .horizantal-card-content .horizantal-card-content-bottom {
  padding-right: 4.125rem;
}
.horizantal-card .setup-file .horizantal-card-content .horizantal-card-content-bottom .horizantal-card-item {
  position: relative;
}
.horizantal-card .setup-file .horizantal-card-content .horizantal-card-content-bottom .horizantal-card-item:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -3.25rem;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #B7B6D8;
  border-radius: 50%;
  z-index: 9;
  transform: translateY(-50%);
}
.horizantal-card .setup-file .horizantal-card-content .horizantal-card-content-bottom .horizantal-card-item.done:before {
  display: block;
  background: url("../img/file-check.svg") no-repeat center;
  background-size: cover;
}
@media (max-width: 991.98px) {
  .horizantal-card .setup-file {
    padding-right: 0.625rem;
  }
  .horizantal-card .setup-file .horizantal-card-content .horizantal-card-content-bottom {
    padding-right: 3rem;
  }
  .horizantal-card .setup-file .horizantal-card-content .horizantal-card-content-bottom .horizantal-card-item:before {
    right: -2.125rem;
  }
}

.audio-player-wrapper audio {
  display: none;
}
.audio-player-wrapper .player {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  direction: ltr;
}
.audio-player-wrapper .player .playpause {
  cursor: pointer;
}
.audio-player-wrapper .player .playpause .play:before,
.audio-player-wrapper .player .playpause .pause:before {
  content: "";
  display: block;
  width: 1.128rem;
  height: 1.5625rem;
  background: url("../img/play.svg") no-repeat center;
  background-size: cover;
}
@media (prefers-reduced-motion: reduce) {
  .audio-player-wrapper .player .playpause .play:before,
.audio-player-wrapper .player .playpause .pause:before {
    transition: none;
  }
}
.audio-player-wrapper .player .playpause .pause {
  display: none;
}
.audio-player-wrapper .player .playpause .pause:before {
  background: url("../img/pause.svg") no-repeat center;
  background-size: cover;
}
.audio-player-wrapper .player .scrubber {
  width: 100%;
  padding: 0 0.75rem;
}
.audio-player-wrapper .player .scrubber .bar {
  height: 0.25rem;
  width: 100%;
  background: #8984bf !important;
  border-radius: 0.125rem;
  cursor: pointer;
}
.audio-player-wrapper .player .scrubber .position-marker {
  background: #FF5700;
  border-radius: 0.625rem;
  height: 0.25rem;
  width: 0;
  position: relative;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 1s linear;
}
@media (prefers-reduced-motion: reduce) {
  .audio-player-wrapper .player .scrubber .position-marker {
    transition: none;
  }
}
.audio-player-wrapper .player .elapsed span {
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: normal;
}
.audio-player-wrapper.custom-audio-player .player .playpause {
  position: relative;
}
.audio-player-wrapper.custom-audio-player .player .playpause .play:before {
  width: 2.25rem;
  height: 2.25rem;
  background: url("../img/play-voice.svg") no-repeat center;
  background-size: cover;
}
.audio-player-wrapper.custom-audio-player .player .playpause .pause:before {
  width: 2.25rem;
  height: 2.25rem;
  background: url("../img/pause-voice.svg") no-repeat center;
  background-size: cover;
}

.sidebar-toggle {
  transition: none;
}
@media (max-width: 767.98px) {
  .sidebar-toggle:not(.back) {
    position: relative;
    right: 0;
    top: 3.5625rem;
    z-index: 1050;
  }
}
.sidebar-toggle.back {
  transition: all 0.3s ease;
  position: relative;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-toggle.back {
    transition: none;
  }
}
.sidebar-toggle.back:hover {
  background-color: #2C238D;
  border-color: #F1F5FB;
}
.sidebar-toggle.back:hover svg {
  fill: #F1F5FB;
}
.sidebar-toggle.back a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.dashboard-main-component {
  align-content: stretch;
}
.dashboard-main-component__img {
  height: 4rem;
  margin-left: 1.5rem;
  position: relative;
}
@media (max-width: 991.98px) {
  .dashboard-main-component__img {
    height: 5.3125rem;
    max-width: 5.375rem;
    flex: 1 0 auto;
  }
  .dashboard-main-component__img svg {
    width: 100%;
  }
}
.dashboard-main-component__img .stars-amount {
  position: absolute;
  top: 0.75rem;
  right: 1.375rem;
  font-size: calc(1.2625rem + 0.15vw);
  font-weight: 700;
}
@media (min-width: 1200px) {
  .dashboard-main-component__img .stars-amount {
    font-size: 1.375rem;
  }
}
@media (max-width: 991.98px) {
  .dashboard-main-component__img .stars-amount {
    top: 1.5rem;
  }
}
.dashboard-main-component__img .stars-amount.my-levle {
  top: 50%;
  right: 1.25rem;
  transform: translateY(-60%);
}
@media (max-width: 991.98px) {
  .dashboard-main-component__img .stars-amount.my-levle {
    top: 50%;
    right: 1.25rem;
  }
}
.dashboard-main-component--side-view .dashboard-main-component__img {
  height: 5.3125rem;
  max-width: 5.375rem;
  flex: 1 0 auto;
}
.dashboard-main-component--side-view .dashboard-main-component__img svg {
  width: 100%;
}
.dashboard-main-component--side-view .dashboard-main-component__img.level-number-wrapper {
  height: 6rem;
  max-width: 6rem;
}
.dashboard-main-component--side-view .dashboard-main-component__img.level-number-wrapper svg {
  width: auto;
}
.dashboard-main-component--side-view .dashboard-main-component__img.level-number-wrapper .level-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -56%);
  display: block;
}
.dashboard-main-component__progress .label {
  font-size: 0.875rem;
}
.dashboard-main-component .progress {
  background-color: rgba(44, 35, 141, 0.1);
}
.dashboard-main-component__btn {
  width: 100%;
}
@media (max-width: 991.98px) {
  .dashboard-main-component__btn {
    width: auto;
    min-width: 12rem;
  }
}
@media (max-width: 575.98px) {
  .dashboard-main-component__btn {
    min-width: 100%;
  }
}
.dashboard-main-component .btn-filter {
  background-color: #c9e8ca !important;
  border-color: #c9e8ca !important;
  color: #2C238D !important;
  text-align: center;
  display: inline-block;
}

.grid-content {
  grid-gap: 1.25rem 1.25rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 98.125rem) {
  .grid-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 77.375rem) {
  .grid-content {
    grid-gap: 0.875rem 0.875rem;
  }
}
@media (max-width: 991.98px) {
  .grid-content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .grid-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .grid-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1199.98px) {
  #book-item-component .grid-content,
  #video-item-component .grid-content,
  #game-item-component .grid-content,
#search-item-component .grid-content,
#saved-book-item-component .grid-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991.98px) {
  #book-item-component .grid-content,
  #video-item-component .grid-content,
  #game-item-component .grid-content,
#search-item-component .grid-content,
#saved-book-item-component .grid-content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  #book-item-component .grid-content,
  #video-item-component .grid-content,
  #game-item-component .grid-content,
#search-item-component .grid-content,
#saved-book-item-component .grid-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 39.875rem) {
  #book-item-component .grid-content,
  #video-item-component .grid-content,
  #game-item-component .grid-content,
#search-item-component .grid-content,
#saved-book-item-component .grid-content {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 56.125rem) and (max-width: 61.9375rem) {
  #book-item-component .grid-content.saved-book-item-component,
#search-item-component .grid-content.saved-book-item-component,
#saved-book-item-component .grid-content.saved-book-item-component {
    grid-template-columns: 1fr 1fr;
  }
}

.grid-content-4 {
  grid-gap: 1.25rem 1.25rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1199.98px) {
  .grid-content-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991.98px) {
  .grid-content-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .grid-content-4 {
    grid-template-columns: 1fr;
  }
}

.grid-content-3 {
  grid-gap: 1.3125rem 1.3125rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 87.5rem) {
  .grid-content-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 991.98px) {
  .grid-content-3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .grid-content-3 {
    grid-template-columns: 1fr;
  }
}

.book-item-component {
  position: relative;
}
.book-item-component__name {
  white-space: nowrap;
  max-width: 12.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block !important;
}

.book-item-component__head .favourite {
  display: inline;
  float: inline-start;
  margin-left: 8px;
  cursor: pointer;
}

.book-item-component__btns {
  gap: 0.625rem;
  position: relative;
}
.book-item-component__btn {
  flex-grow: 1;
  flex-basis: 100%;
}
.book-item-component__img img {
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .book-item-component__img img {
    transition: none;
  }
}
.book-item-component__img .book-details-wrapper {
  z-index: 99;
  position: absolute;
  right: 50%;
  bottom: -2.5rem;
  width: 0;
  /* height: 12.125rem; */
  background-color: #F5FFF3;
  opacity: 0.9;
  border-radius: 0.625rem;
  padding: 1.25rem 1.125rem 1.625rem 1rem;
  box-shadow: 0 0.1875rem 1rem rgba(157, 163, 173, 0.3647058824);
  font-size: 0.875rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear;
}
@media (prefers-reduced-motion: reduce) {
  .book-item-component__img .book-details-wrapper {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .book-item-component__img .book-details-wrapper {
    width: 60% !important;
    transform: translateX(-50%);
  }
}
@media (max-width: 767.98px) {
  .book-item-component__img .book-details-wrapper {
    right: 0;
    left: 0;
    width: 100% !important;
    transform: unset;
  }
}
.book-item-component__img .book-details-wrapper .book-details-name {
  font-size: 1.125rem;
  font-weight: 800;
  margin-bottom: 0.25rem;
}
.book-item-component__img .book-details-wrapper .book-details-time-pages {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.875rem;
}
.book-item-component__img .book-details-wrapper .book-details-time-pages .book-details-time::before,
.book-item-component__img .book-details-wrapper .book-details-time-pages .book-details-pages::before {
  content: "";
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-left: 0.375rem;
  vertical-align: middle;
}
.book-item-component__img .book-details-wrapper .book-details-time-pages .book-details-time::before {
  background: url("../img/book-time.svg") no-repeat center;
}
.book-item-component__img .book-details-wrapper .book-details-time-pages .book-details-pages {
  margin-right: 0.875rem;
}
.book-item-component__img .book-details-wrapper .book-details-time-pages .book-details-pages::before {
  width: 1.0625rem;
  background: url("../img/book-pages.svg") no-repeat center;
}
.book-item-component__img .book-details-wrapper .book-details-desc {
  margin-bottom: 0.875rem;
  line-height: 27px;
}
.book-item-component__img .book-details-wrapper .book-details-btn {
  display: flex;
  padding: 0.625rem 0.125rem 0.5rem 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: #fff;
  border-radius: 0.5rem;
  font-weight: 800;
}
.book-item-component__img:hover img {
  transform: scale(1.1);
}
.book-item-component__img:hover .book-details-wrapper {
  width: 20.625rem;
  opacity: 1;
  visibility: visible;
}
.book-item-component .icon {
  display: flex;
}
.book-item-component .check {
  display: none;
}
.book-item-component--read {
  background-color: rgba(255, 226, 79, 0.35) !important;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .book-item-component--read {
    transition: none;
  }
}
.book-item-component--read.done {
  background-color: #FFE24F !important;
}
.book-item-component--listen {
  background-color: rgba(182, 241, 63, 0.35) !important;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .book-item-component--listen {
    transition: none;
  }
}
.book-item-component--listen.done {
  background-color: #B6F13F !important;
}
.book-item-component--quiz {
  background-color: rgba(255, 190, 255, 0.35) !important;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .book-item-component--quiz {
    transition: none;
  }
}
.book-item-component--quiz.done {
  background-color: #FFBEFF !important;
}
.book-item-component--writing-story {
  background-color: rgba(62, 162, 210, 1) !important;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .book-item-component--writing-story {
    transition: none;
  }
}
.book-item-component--writing-story:hover {
  background-color: rgba(19, 131, 186, 1) !important;
}

.book-item-component--read:hover, .book-item-component--listen:hover, .book-item-component--quiz:hover {
  background-color: #fff !important;
}
.book-item-component .done .icon {
  display: none;
}
.book-item-component .done .check {
  display: flex;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .book-item-component:hover:nth-child(2n+2) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+4) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+6) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+8) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+10) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+12) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+14) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+16) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+18) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+20) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+22) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+24) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+26) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+28) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+30) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+32) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+34) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+36) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+38) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+40) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+42) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+44) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+46) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+48) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+50) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+52) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+54) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+56) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+58) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+60) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+62) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+64) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+66) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+68) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+70) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+72) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+74) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+76) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+78) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+80) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+82) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+84) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+86) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+88) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+90) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+92) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+94) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+96) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+98) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+102) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+106) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+110) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+114) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+118) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+122) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+126) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+130) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+134) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+138) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+142) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+146) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+150) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+154) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+158) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+162) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+166) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+170) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+174) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+178) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+182) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+186) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+190) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+194) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+198) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+202) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+206) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+210) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+214) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+218) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+222) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+226) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+230) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+234) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+238) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+242) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+246) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+250) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+254) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+258) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+262) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+266) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+270) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+274) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+278) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+282) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+286) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+290) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+294) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+298) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+302) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+306) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+310) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+314) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+318) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+322) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+326) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+330) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+334) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+338) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+342) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+346) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+350) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+354) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+358) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+362) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+366) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+370) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+374) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+378) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+382) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+386) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+390) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+394) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+398) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+402) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+406) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+410) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+414) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+418) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+422) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+426) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+430) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+434) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+438) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+442) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+446) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+450) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+454) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+458) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+462) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+466) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+470) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+474) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+478) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+482) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+486) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+490) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+494) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+498) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+502) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+506) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+510) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+514) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+518) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+522) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+526) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+530) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+534) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+538) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+542) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+546) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+550) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+554) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+558) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+562) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+566) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+570) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+574) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+578) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+582) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+586) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+590) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+594) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+598) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+602) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+606) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+610) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+614) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+618) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+622) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+626) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+630) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+634) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+638) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+642) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+646) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+650) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+654) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+658) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+662) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+666) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+670) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+674) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+678) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+682) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+686) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+690) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+694) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+698) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+702) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+706) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+710) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+714) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+718) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+722) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+726) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+730) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+734) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+738) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+742) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+746) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+750) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+754) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+758) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+762) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+766) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+770) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+774) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+778) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+782) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+786) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+790) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+794) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+798) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+802) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+806) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+810) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+814) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+818) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+822) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+826) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+830) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+834) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+838) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+842) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+846) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+850) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+854) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+858) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+862) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+866) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+870) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+874) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+878) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+882) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+886) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+890) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+894) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+898) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+902) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+906) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+910) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+914) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+918) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+922) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+926) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+930) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+934) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+938) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+942) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+946) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+950) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+954) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+958) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+962) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+966) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+970) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+974) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+978) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+982) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+986) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+990) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+994) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+998) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1002) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1006) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1010) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1014) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1018) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1022) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1026) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1030) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1034) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1038) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1042) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1046) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1050) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1054) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1058) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1062) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1066) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1070) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1074) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1078) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1082) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1086) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1090) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1094) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1098) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1102) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1106) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1110) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1114) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1118) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1122) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1126) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1130) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1134) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1138) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1142) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1146) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1150) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1154) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1158) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1162) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1166) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1170) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1174) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1178) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1182) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1186) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1190) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1194) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1198) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1202) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1206) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1210) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1214) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1218) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1222) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1226) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1230) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1234) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1238) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1242) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1246) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1250) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1254) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1258) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1262) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1266) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1270) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1274) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1278) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1282) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1286) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1290) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1294) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1298) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1302) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1306) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1310) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1314) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1318) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1322) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1326) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1330) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1334) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1338) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1342) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1346) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1350) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1354) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1358) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1362) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1366) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1370) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1374) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1378) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1382) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1386) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1390) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1394) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1398) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1402) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1406) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1410) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1414) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1418) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1422) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1426) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1430) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1434) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1438) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1442) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1446) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1450) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1454) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1458) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1462) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1466) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1470) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1474) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1478) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1482) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1486) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1490) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1494) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1498) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1502) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1506) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1510) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1514) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1518) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1522) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1526) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1530) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1534) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1538) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1542) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1546) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1550) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1554) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1558) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1562) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1566) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1570) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1574) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1578) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1582) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1586) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1590) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1594) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1598) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1602) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1606) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1610) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1614) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1618) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1622) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1626) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1630) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1634) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1638) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1642) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1646) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1650) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1654) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1658) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1662) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1666) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1670) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1674) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1678) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1682) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1686) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1690) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1694) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1698) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1702) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1706) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1710) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1714) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1718) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1722) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1726) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1730) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1734) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1738) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1742) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1746) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1750) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1754) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1758) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1762) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1766) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1770) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1774) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1778) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1782) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1786) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1790) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1794) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1798) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1802) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1806) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1810) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1814) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1818) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1822) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1826) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1830) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1834) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1838) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1842) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1846) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1850) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1854) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1858) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1862) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1866) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1870) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1874) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1878) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1882) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1886) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1890) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1894) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1898) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1902) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1906) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1910) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1914) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1918) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1922) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1926) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1930) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1934) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1938) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1942) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1946) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1950) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1954) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1958) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1962) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1966) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1970) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1974) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1978) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1982) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1986) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1990) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1994) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+1998) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2002) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2006) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2010) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2014) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2018) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2022) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2026) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2030) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2034) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2038) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2042) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2046) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2050) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2054) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2058) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2062) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2066) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2070) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2074) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2078) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2082) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2086) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2090) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2094) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2098) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2102) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2106) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2110) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2114) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2118) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2122) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2126) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2130) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2134) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2138) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2142) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2146) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2150) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2154) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2158) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2162) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2166) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2170) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2174) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2178) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2182) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2186) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2190) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2194) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2198) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2202) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2206) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2210) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2214) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2218) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2222) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2226) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2230) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2234) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2238) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2242) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2246) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2250) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2254) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2258) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2262) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2266) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2270) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2274) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2278) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2282) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2286) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2290) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2294) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2298) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2302) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2306) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2310) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2314) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2318) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2322) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2326) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2330) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2334) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2338) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2342) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2346) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2350) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2354) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2358) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2362) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2366) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2370) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2374) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2378) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2382) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2386) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2390) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2394) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2398) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2402) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2406) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2410) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2414) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2418) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2422) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2426) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2430) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2434) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2438) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2442) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2446) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2450) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2454) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2458) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2462) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2466) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2470) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2474) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2478) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2482) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2486) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2490) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2494) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2498) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2502) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2506) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2510) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2514) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2518) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2522) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2526) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2530) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2534) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2538) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2542) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2546) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2550) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2554) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2558) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2562) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2566) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2570) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2574) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2578) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2582) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2586) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2590) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2594) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2598) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2602) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2606) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2610) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2614) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2618) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2622) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2626) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2630) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2634) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2638) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2642) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2646) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2650) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2654) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2658) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2662) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2666) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2670) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2674) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2678) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2682) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2686) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2690) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2694) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2698) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2702) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2706) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2710) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2714) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2718) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2722) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2726) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2730) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2734) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2738) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2742) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2746) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2750) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2754) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2758) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2762) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2766) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2770) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2774) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2778) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2782) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2786) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2790) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2794) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2798) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2802) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2806) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2810) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2814) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2818) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2822) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2826) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2830) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2834) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2838) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2842) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2846) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2850) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2854) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2858) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2862) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2866) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2870) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2874) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2878) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2882) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2886) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2890) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2894) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2898) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2902) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2906) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2910) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2914) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2918) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2922) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2926) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2930) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2934) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2938) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2942) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2946) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2950) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2954) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2958) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2962) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2966) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2970) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2974) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2978) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2982) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2986) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2990) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2994) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+2998) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3002) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3006) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3010) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3014) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3018) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3022) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3026) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3030) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3034) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3038) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3042) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3046) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3050) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3054) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3058) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3062) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3066) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3070) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3074) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3078) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3082) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3086) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3090) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3094) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3098) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3102) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3106) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3110) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3114) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3118) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3122) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3126) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3130) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3134) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3138) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3142) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3146) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3150) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3154) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3158) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3162) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3166) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3170) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3174) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3178) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3182) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3186) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3190) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3194) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3198) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3202) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3206) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3210) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3214) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3218) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3222) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3226) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3230) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3234) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3238) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3242) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3246) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3250) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3254) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3258) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3262) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3266) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3270) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3274) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3278) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3282) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3286) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3290) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3294) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3298) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3302) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3306) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3310) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3314) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3318) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3322) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3326) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3330) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3334) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3338) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3342) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3346) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3350) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3354) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3358) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3362) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3366) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3370) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3374) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3378) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3382) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3386) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3390) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3394) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3398) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3402) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3406) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3410) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3414) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3418) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3422) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3426) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3430) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3434) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3438) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3442) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3446) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3450) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3454) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3458) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3462) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3466) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3470) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3474) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3478) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3482) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3486) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3490) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3494) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3498) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3502) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3506) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3510) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3514) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3518) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3522) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3526) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3530) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3534) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3538) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3542) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3546) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3550) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3554) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3558) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3562) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3566) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3570) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3574) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3578) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3582) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3586) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3590) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3594) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3598) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3602) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3606) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3610) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3614) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3618) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3622) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3626) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3630) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3634) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3638) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3642) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3646) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3650) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3654) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3658) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3662) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3666) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3670) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3674) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3678) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3682) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3686) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3690) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3694) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3698) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3702) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3706) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3710) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3714) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3718) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3722) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3726) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3730) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3734) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3738) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3742) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3746) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3750) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3754) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3758) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3762) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3766) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3770) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3774) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3778) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3782) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3786) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3790) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3794) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3798) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3802) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3806) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3810) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3814) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3818) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3822) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3826) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3830) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3834) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3838) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3842) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3846) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3850) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3854) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3858) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3862) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3866) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3870) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3874) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3878) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3882) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3886) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3890) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3894) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3898) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3902) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3906) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3910) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3914) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3918) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3922) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3926) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3930) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3934) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3938) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3942) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3946) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3950) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3954) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3958) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3962) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3966) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3970) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3974) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3978) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3982) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3986) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3990) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3994) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+3998) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(2n+4000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+8) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+12) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+16) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+20) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+24) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+28) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+32) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+36) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+40) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+44) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+48) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+52) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+56) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+60) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+64) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+68) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+72) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+76) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+80) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+84) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+88) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+92) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+96) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+8000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
}
@media (min-width: 1200px) and (max-width: 1570px) {
  .book-item-component:hover:nth-child(3n+3) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+6) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+9) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+12) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+15) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+18) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+21) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+24) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+27) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+30) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+33) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+36) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+39) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+42) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+45) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+48) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+51) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+54) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+57) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+60) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+63) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+66) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+69) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+72) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+75) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+78) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+81) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+84) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+87) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+90) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+93) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+96) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+99) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+102) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+105) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+111) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+114) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+117) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+123) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+126) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+129) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+135) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+138) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+141) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+147) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+150) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+153) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+159) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+162) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+165) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+171) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+174) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+177) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+183) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+186) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+189) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+195) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+198) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+201) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+207) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+210) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+213) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+219) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+222) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+225) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+231) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+234) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+237) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+243) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+246) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+249) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+255) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+258) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+261) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+267) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+270) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+273) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+279) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+282) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+285) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+291) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+294) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+297) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+303) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+306) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+309) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+315) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+318) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+321) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+327) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+330) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+333) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+339) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+342) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+345) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+351) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+354) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+357) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+363) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+366) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+369) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+375) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+378) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+381) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+387) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+390) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+393) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+399) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+402) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+405) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+411) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+414) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+417) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+423) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+426) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+429) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+435) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+438) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+441) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+447) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+450) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+453) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+459) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+462) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+465) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+471) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+474) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+477) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+483) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+486) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+489) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+495) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+498) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+501) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+507) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+510) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+513) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+519) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+522) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+525) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+531) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+534) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+537) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+543) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+546) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+549) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+555) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+558) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+561) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+567) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+570) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+573) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+579) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+582) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+585) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+591) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+594) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+597) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+603) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+606) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+609) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+615) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+618) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+621) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+627) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+630) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+633) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+639) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+642) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+645) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+651) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+654) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+657) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+663) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+666) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+669) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+675) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+678) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+681) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+687) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+690) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+693) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+699) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+702) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+705) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+711) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+714) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+717) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+723) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+726) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+729) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+735) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+738) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+741) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+747) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+750) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+753) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+759) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+762) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+765) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+771) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+774) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+777) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+783) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+786) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+789) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+795) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+798) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+801) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+807) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+810) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+813) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+819) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+822) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+825) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+831) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+834) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+837) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+843) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+846) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+849) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+855) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+858) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+861) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+867) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+870) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+873) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+879) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+882) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+885) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+891) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+894) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+897) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+903) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+906) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+909) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+915) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+918) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+921) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+927) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+930) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+933) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+939) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+942) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+945) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+951) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+954) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+957) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+963) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+966) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+969) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+975) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+978) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+981) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+987) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+990) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+993) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+999) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1002) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1005) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1011) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1014) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1017) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1023) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1026) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1029) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1035) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1038) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1041) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1047) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1050) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1053) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1059) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1062) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1065) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1071) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1074) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1077) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1083) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1086) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1089) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1095) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1098) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1101) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1107) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1110) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1113) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1119) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1122) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1125) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1131) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1134) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1137) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1143) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1146) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1149) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1155) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1158) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1161) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1167) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1170) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1173) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1179) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1182) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1185) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1191) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1194) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1197) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1203) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1206) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1209) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1215) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1218) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1221) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1227) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1230) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1233) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1239) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1242) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1245) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1251) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1254) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1257) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1263) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1266) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1269) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1275) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1278) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1281) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1287) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1290) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1293) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1299) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1302) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1305) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1311) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1314) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1317) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1323) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1326) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1329) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1335) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1338) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1341) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1347) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1350) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1353) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1359) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1362) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1365) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1371) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1374) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1377) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1383) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1386) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1389) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1395) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1398) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1401) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1407) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1410) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1413) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1419) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1422) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1425) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1431) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1434) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1437) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1443) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1446) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1449) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1455) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1458) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1461) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1467) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1470) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1473) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1479) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1482) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1485) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1491) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1494) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1497) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1503) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1506) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1509) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1515) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1518) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1521) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1527) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1530) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1533) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1539) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1542) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1545) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1551) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1554) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1557) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1563) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1566) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1569) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1575) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1578) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1581) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1587) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1590) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1593) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1599) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1602) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1605) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1611) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1614) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1617) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1623) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1626) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1629) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1635) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1638) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1641) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1647) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1650) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1653) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1659) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1662) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1665) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1671) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1674) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1677) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1683) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1686) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1689) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1695) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1698) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1701) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1707) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1710) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1713) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1719) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1722) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1725) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1731) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1734) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1737) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1743) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1746) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1749) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1755) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1758) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1761) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1767) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1770) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1773) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1779) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1782) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1785) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1791) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1794) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1797) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1803) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1806) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1809) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1815) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1818) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1821) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1827) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1830) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1833) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1839) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1842) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1845) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1851) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1854) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1857) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1863) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1866) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1869) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1875) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1878) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1881) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1887) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1890) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1893) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1899) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1902) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1905) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1911) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1914) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1917) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1923) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1926) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1929) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1935) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1938) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1941) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1947) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1950) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1953) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1959) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1962) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1965) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1971) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1974) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1977) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1983) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1986) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1989) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1995) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+1998) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2001) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2007) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2010) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2013) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2019) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2022) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2025) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2031) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2034) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2037) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2043) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2046) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2049) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2055) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2058) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2061) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2067) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2070) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2073) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2079) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2082) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2085) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2091) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2094) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2097) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2103) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2106) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2109) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2115) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2118) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2121) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2127) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2130) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2133) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2139) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2142) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2145) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2151) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2154) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2157) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2163) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2166) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2169) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2175) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2178) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2181) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2187) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2190) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2193) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2199) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2202) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2205) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2211) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2214) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2217) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2223) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2226) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2229) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2235) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2238) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2241) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2247) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2250) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2253) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2259) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2262) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2265) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2271) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2274) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2277) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2283) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2286) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2289) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2295) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2298) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2301) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2307) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2310) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2313) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2319) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2322) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2325) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2331) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2334) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2337) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2343) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2346) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2349) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2355) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2358) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2361) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2367) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2370) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2373) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2379) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2382) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2385) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2391) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2394) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2397) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2403) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2406) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2409) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2415) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2418) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2421) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2427) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2430) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2433) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2439) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2442) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2445) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2451) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2454) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2457) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2463) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2466) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2469) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2475) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2478) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2481) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2487) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2490) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2493) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2499) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2502) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2505) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2511) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2514) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2517) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2523) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2526) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2529) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2535) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2538) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2541) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2547) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2550) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2553) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2559) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2562) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2565) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2571) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2574) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2577) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2583) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2586) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2589) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2595) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2598) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2601) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2607) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2610) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2613) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2619) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2622) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2625) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2631) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2634) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2637) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2643) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2646) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2649) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2655) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2658) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2661) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2667) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2670) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2673) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2679) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2682) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2685) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2691) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2694) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2697) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2703) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2706) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2709) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2715) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2718) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2721) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2727) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2730) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2733) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2739) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2742) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2745) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2751) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2754) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2757) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2763) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2766) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2769) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2775) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2778) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2781) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2787) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2790) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2793) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2799) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2802) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2805) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2811) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2814) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2817) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2823) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2826) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2829) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2835) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2838) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2841) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2847) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2850) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2853) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2859) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2862) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2865) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2871) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2874) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2877) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2883) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2886) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2889) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2895) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2898) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2901) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2907) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2910) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2913) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2919) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2922) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2925) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2931) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2934) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2937) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2943) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2946) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2949) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2955) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2958) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2961) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2967) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2970) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2973) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2979) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2982) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2985) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2991) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2994) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+2997) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3003) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3006) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3009) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3015) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3018) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3021) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3027) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3030) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3033) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3039) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3042) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3045) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3051) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3054) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3057) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3063) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3066) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3069) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3075) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3078) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3081) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3087) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3090) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3093) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3099) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3102) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3105) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3111) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3114) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3117) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3123) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3126) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3129) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3135) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3138) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3141) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3147) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3150) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3153) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3159) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3162) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3165) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3171) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3174) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3177) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3183) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3186) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3189) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3195) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3198) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3201) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3207) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3210) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3213) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3219) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3222) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3225) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3231) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3234) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3237) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3243) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3246) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3249) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3255) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3258) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3261) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3267) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3270) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3273) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3279) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3282) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3285) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3291) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3294) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3297) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3303) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3306) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3309) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3315) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3318) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3321) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3327) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3330) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3333) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3339) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3342) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3345) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3351) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3354) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3357) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3363) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3366) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3369) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3375) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3378) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3381) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3387) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3390) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3393) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3399) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3402) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3405) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3411) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3414) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3417) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3423) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3426) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3429) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3435) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3438) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3441) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3447) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3450) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3453) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3459) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3462) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3465) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3471) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3474) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3477) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3483) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3486) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3489) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3495) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3498) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3501) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3507) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3510) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3513) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3519) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3522) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3525) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3531) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3534) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3537) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3543) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3546) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3549) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3555) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3558) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3561) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3567) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3570) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3573) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3579) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3582) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3585) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3591) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3594) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3597) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3603) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3606) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3609) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3615) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3618) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3621) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3627) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3630) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3633) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3639) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3642) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3645) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3651) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3654) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3657) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3663) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3666) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3669) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3675) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3678) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3681) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3687) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3690) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3693) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3699) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3702) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3705) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3711) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3714) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3717) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3723) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3726) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3729) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3735) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3738) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3741) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3747) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3750) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3753) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3759) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3762) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3765) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3771) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3774) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3777) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3783) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3786) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3789) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3795) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3798) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3801) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3807) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3810) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3813) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3819) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3822) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3825) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3831) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3834) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3837) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3843) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3846) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3849) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3855) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3858) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3861) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3867) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3870) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3873) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3879) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3882) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3885) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3891) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3894) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3897) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3903) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3906) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3909) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3915) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3918) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3921) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3927) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3930) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3933) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3939) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3942) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3945) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3951) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3954) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3957) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3963) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3966) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3969) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3975) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3978) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3981) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3987) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3990) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3993) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+3999) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4002) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4005) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4011) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4014) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4017) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4023) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4026) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4029) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4035) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4038) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4041) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4047) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4050) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4053) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4059) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4062) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4065) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4071) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4074) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4077) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4083) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4086) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4089) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4095) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4098) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4101) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4107) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4110) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4113) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4119) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4122) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4125) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4131) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4134) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4137) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4143) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4146) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4149) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4155) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4158) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4161) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4167) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4170) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4173) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4179) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4182) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4185) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4191) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4194) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4197) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4203) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4206) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4209) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4215) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4218) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4221) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4227) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4230) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4233) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4239) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4242) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4245) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4251) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4254) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4257) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4263) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4266) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4269) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4275) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4278) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4281) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4287) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4290) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4293) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4299) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4302) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4305) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4311) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4314) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4317) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4323) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4326) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4329) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4335) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4338) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4341) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4347) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4350) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4353) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4359) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4362) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4365) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4371) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4374) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4377) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4383) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4386) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4389) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4395) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4398) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4401) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4407) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4410) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4413) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4419) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4422) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4425) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4431) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4434) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4437) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4443) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4446) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4449) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4455) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4458) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4461) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4467) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4470) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4473) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4479) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4482) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4485) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4491) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4494) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4497) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4503) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4506) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4509) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4515) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4518) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4521) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4527) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4530) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4533) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4539) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4542) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4545) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4551) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4554) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4557) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4563) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4566) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4569) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4575) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4578) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4581) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4587) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4590) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4593) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4599) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4602) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4605) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4611) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4614) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4617) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4623) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4626) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4629) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4635) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4638) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4641) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4647) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4650) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4653) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4659) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4662) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4665) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4671) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4674) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4677) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4683) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4686) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4689) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4695) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4698) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4701) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4707) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4710) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4713) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4719) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4722) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4725) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4731) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4734) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4737) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4743) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4746) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4749) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4755) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4758) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4761) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4767) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4770) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4773) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4779) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4782) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4785) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4791) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4794) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4797) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4803) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4806) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4809) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4815) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4818) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4821) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4827) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4830) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4833) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4839) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4842) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4845) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4851) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4854) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4857) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4863) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4866) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4869) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4875) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4878) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4881) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4887) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4890) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4893) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4899) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4902) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4905) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4911) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4914) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4917) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4923) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4926) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4929) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4935) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4938) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4941) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4947) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4950) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4953) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4959) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4962) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4965) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4971) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4974) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4977) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4983) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4986) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4989) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4995) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+4998) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5001) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5007) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5010) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5013) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5019) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5022) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5025) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5031) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5034) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5037) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5043) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5046) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5049) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5055) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5058) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5061) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5067) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5070) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5073) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5079) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5082) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5085) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5091) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5094) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5097) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5103) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5106) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5109) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5115) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5118) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5121) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5127) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5130) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5133) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5139) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5142) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5145) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5151) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5154) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5157) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5163) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5166) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5169) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5175) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5178) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5181) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5187) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5190) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5193) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5199) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5202) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5205) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5211) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5214) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5217) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5223) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5226) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5229) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5235) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5238) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5241) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5247) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5250) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5253) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5259) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5262) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5265) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5271) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5274) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5277) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5283) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5286) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5289) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5295) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5298) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5301) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5307) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5310) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5313) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5319) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5322) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5325) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5331) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5334) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5337) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5343) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5346) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5349) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5355) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5358) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5361) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5367) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5370) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5373) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5379) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5382) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5385) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5391) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5394) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5397) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5403) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5406) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5409) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5415) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5418) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5421) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5427) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5430) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5433) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5439) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5442) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5445) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5451) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5454) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5457) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5463) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5466) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5469) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5475) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5478) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5481) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5487) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5490) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5493) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5499) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5502) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5505) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5511) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5514) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5517) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5523) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5526) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5529) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5535) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5538) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5541) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5547) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5550) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5553) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5559) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5562) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5565) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5571) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5574) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5577) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5583) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5586) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5589) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5595) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5598) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5601) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5607) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5610) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5613) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5619) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5622) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5625) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5631) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5634) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5637) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5643) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5646) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5649) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5655) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5658) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5661) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5667) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5670) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5673) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5679) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5682) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5685) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5691) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5694) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5697) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5703) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5706) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5709) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5715) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5718) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5721) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5727) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5730) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5733) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5739) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5742) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5745) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5751) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5754) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5757) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5763) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5766) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5769) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5775) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5778) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5781) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5787) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5790) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5793) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5799) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5802) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5805) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5811) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5814) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5817) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5823) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5826) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5829) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5835) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5838) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5841) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5847) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5850) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5853) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5859) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5862) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5865) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5871) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5874) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5877) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5883) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5886) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5889) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5895) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5898) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5901) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5907) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5910) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5913) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5919) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5922) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5925) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5931) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5934) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5937) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5943) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5946) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5949) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5955) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5958) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5961) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5967) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5970) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5973) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5979) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5982) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5985) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5991) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5994) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+5997) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(3n+6000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
}
@media (min-width: 1571px) {
  .book-item-component:hover:nth-child(4n+4) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+8) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+12) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+16) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+20) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+24) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+28) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+32) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+36) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+40) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+44) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+48) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+52) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+56) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+60) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+64) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+68) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+72) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+76) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+80) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+84) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+88) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+92) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+96) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+1996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+2996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+3996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+4996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+5996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+6996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7004) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7008) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7012) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7016) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7020) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7024) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7028) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7032) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7036) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7040) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7044) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7048) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7052) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7056) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7060) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7064) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7068) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7072) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7076) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7080) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7084) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7088) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7092) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7096) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7100) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7104) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7108) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7112) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7116) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7120) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7124) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7128) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7132) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7136) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7140) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7144) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7148) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7152) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7156) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7160) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7164) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7168) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7172) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7176) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7180) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7184) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7188) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7192) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7196) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7200) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7204) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7208) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7212) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7216) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7220) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7224) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7228) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7232) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7236) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7240) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7244) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7248) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7252) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7256) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7260) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7264) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7268) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7272) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7276) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7280) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7284) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7288) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7292) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7296) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7300) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7304) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7308) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7312) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7316) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7320) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7324) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7328) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7332) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7336) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7340) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7344) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7348) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7352) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7356) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7360) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7364) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7368) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7372) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7376) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7380) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7384) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7388) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7392) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7396) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7400) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7404) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7408) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7412) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7416) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7420) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7424) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7428) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7432) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7436) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7440) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7444) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7448) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7452) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7456) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7460) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7464) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7468) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7472) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7476) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7480) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7484) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7488) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7492) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7496) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7500) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7504) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7508) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7512) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7516) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7520) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7524) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7528) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7532) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7536) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7540) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7544) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7548) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7552) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7556) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7560) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7564) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7568) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7572) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7576) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7580) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7584) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7588) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7592) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7596) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7600) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7604) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7608) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7612) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7616) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7620) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7624) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7628) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7632) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7636) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7640) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7644) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7648) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7652) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7656) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7660) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7664) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7668) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7672) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7676) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7680) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7684) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7688) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7692) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7696) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7700) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7704) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7708) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7712) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7716) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7720) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7724) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7728) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7732) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7736) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7740) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7744) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7748) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7752) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7756) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7760) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7764) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7768) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7772) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7776) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7780) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7784) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7788) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7792) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7796) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7800) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7804) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7808) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7812) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7816) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7820) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7824) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7828) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7832) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7836) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7840) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7844) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7848) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7852) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7856) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7860) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7864) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7868) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7872) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7876) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7880) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7884) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7888) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7892) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7896) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7900) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7904) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7908) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7912) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7916) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7920) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7924) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7928) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7932) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7936) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7940) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7944) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7948) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7952) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7956) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7960) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7964) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7968) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7972) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7976) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7980) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7984) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7988) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7992) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+7996) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
  .book-item-component:hover:nth-child(4n+8000) .book-item-component__img:hover .book-details-wrapper {
    right: auto;
    left: 50%;
  }
}

.book-details-cover {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1rem 1.875rem;
  height: 100%;
}
.book-details-cover::before {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #FFF9DC;
}
.book-details-cover::after {
  z-index: 1;
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 388px;
  height: 118px;
  content: "";
  background-image: url("../img/letters-symbol-ar.svg");
  background-repeat: no-repeat;
  background-position: top left;
}
@media (max-width: 930px) {
  .book-details-cover {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }
  .book-details-cover::before {
    top: 2.5rem;
    bottom: auto;
    height: 15.625rem;
  }
  .book-details-cover::after {
    top: 3rem;
    width: 24.25rem;
    height: 7.375rem;
  }
}
.book-details-cover .book-details-cover-image {
  z-index: 2;
  position: relative;
  min-width: 13.625rem;
  width: 13.625rem;
  height: 18.75rem;
}
.book-details-cover .book-details-cover-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.book-details-cover .book-details-cover-info {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  height: 100%;
}
.book-details-cover .book-details-cover-info .book-details-cover-name {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 800;
  line-height: 27px;
  margin-bottom: 0.25rem;
}
@media (min-width: 1200px) {
  .book-details-cover .book-details-cover-info .book-details-cover-name {
    font-size: 1.5rem;
  }
}
.book-details-cover .book-details-cover-info .book-details-cover-tags {
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.book-details-cover .book-details-cover-info .book-details-cover-tags a {
  color: #2C238D;
  text-decoration-line: underline;
}
.book-details-cover .book-details-cover-info .book-details-cover-time-pages {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 27px;
  margin-bottom: 0.75rem;
}
.book-details-cover .book-details-cover-info .book-details-cover-rate {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.book-details-cover .book-details-cover-info .book-details-cover-rate .rate-number {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
}
.book-details-cover .book-details-cover-info .book-details-cover-rate .rate-number sup {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
}
.book-details-cover .book-details-cover-info .book-details-cover-desc {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 27px;
}
.book-details-cover .book-details-cover-info .book-details-cover-desc.show-less-content .second-section,
.book-details-cover .book-details-cover-info .book-details-cover-desc.show-less-content .read-less {
  display: none;
}
.book-details-cover .book-details-cover-info .book-details-cover-desc.show-more-content .read-more {
  display: none;
}
.book-details-cover .book-details-cover-info .book-details-cover-desc .read-more,
.book-details-cover .book-details-cover-info .book-details-cover-desc .read-less {
  cursor: pointer;
  margin-right: 2px;
  color: rgba(44, 35, 141, 0.37);
  font-weight: 300;
  line-height: 27px;
}
.book-details-cover .book-details-cover-info .book-item-component__btns {
  padding-top: 1.125rem;
  margin-top: auto;
  gap: 1rem;
}
.book-details-cover .book-details-cover-info .book-item-component__btns > a {
  min-width: 100px;
}
.book-details-cover .book-details-cover-info .book-item-component__btns > a .check {
  display: none;
}
.book-details-cover .book-details-cover-info .book-item-component__btns > a.done .icon {
  display: none;
}
.book-details-cover .book-details-cover-info .book-item-component__btns > a.done .check {
  display: flex;
}
@media (max-width: 767.98px) {
  .book-details-cover .book-details-cover-info .book-item-component__btns {
    z-index: 99;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 8px;
    gap:6px;
    background-color: #fff;
  }
  .book-details-cover .book-details-cover-info .book-item-component__btns > a {
    min-width: auto;
    flex-grow: 1;
    flex-basis: 100%;
    padding: 4px !important;
  }
}
@media (max-width: 930px) {
  .book-details-cover .book-details-cover-info {
    align-items: center;
    padding-top: 0;
  }
  .book-details-cover .book-details-cover-info .book-details-cover-rate {
    order: 1;
    margin-bottom: 0;
  }
  .book-details-cover .book-details-cover-info .book-details-cover-name {
    order: 2;
  }
  .book-details-cover .book-details-cover-info .book-details-cover-tags {
    order: 3;
    margin-bottom: 0;
  }
  .book-details-cover .book-details-cover-info .book-details-cover-tags a,
.book-details-cover .book-details-cover-info .book-details-cover-tags span {
    display: none;
  }
  .book-details-cover .book-details-cover-info .book-details-cover-time-pages {
    order: 4;
    margin-top: 0.25rem;
  }
  .book-details-cover .book-details-cover-info .book-details-cover-desc {
    order: 5;
    text-align: center;
  }
  .book-details-cover .book-details-cover-info .book-item-component__btns {
    order: 6;
  }
}

.popup-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  /* Add space between the image and the names */
}

.clickable-div {
  margin-bottom: 7px;
  min-height: 2em;
}

.popup-column {
    width: 218.85px;
    height: 50px;
    padding: 10px;
    gap: 10px;
    opacity: 0px;
    border-radius: 15px;
    font-size: 0.875rem;
}

.names-list {
  width : 200px;
}

.left-side {
  flex-grow: 1;
}

.page-btn:disabled {
  color: #ccc;
}

ul {
  list-style-type: none;
  padding: 0;
}

li .popup-column {
  background-color: #f5f5f5;
  margin: 5px 0;
  padding: 10px;
  border-radius: 7px;
  margin-bottom: 5px;
}

.radius-popup {
  border-radius: 15px;
}

.text-style {
  padding: 5px;
  font-weight: 600;
  line-height: 31.24px;
  font-size: 1rem;
}

.image-container {
  position: relative;
  width: 300px;
  margin: 20px;
  text-align: center;
}

.main-image {
  width: 100%;
  border-radius: 10px;
}

.liked-users {
  justify-content: flex-end; /* Align to the right */
  position: relative;
  display: block;
  margin-left: 0; /* Aligns block elements to the left */
  gap: 10px; /* Space between each user item, adjust as needed */
  padding-right: 5px;
  color: #2C238D;
}

.user-profile {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-left: -23px;
  border: 2px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.user-popup-profile {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin-left: 10px;
}

.user-profile:hover {
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.text-avatar {
  margin-right: 25px;
  font-size: 14px;
}

.text-avatar:hover {
  color: #FF5700;
}

.scroll-avatar {
  margin-right : -10px
}

.scroll-avatar-left {
  margin-right : -11px
}

.disabled-link {
  color: black;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

.popup-header-onbording {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

.popup-video {
    margin-bottom: 20px;
}

.popup-body-onbording {
  margin-bottom: 25px;
  color: #000000;
}

.avatar-left,
.avatar-right {
    position: absolute;
    top: 20%;
    transform: translateY(-50%);
}

.avatar-left {
    left: -200px;
    z-index: -1;
}

.avatar-right {
    right: -200px;
    z-index: -1;
}

.video-onbording {
    margin-right: -30px;
    margin-left: -30px;
    width: 520px;
}

  /* Responsive Design */
@media (max-width: 600px) {

    .popup-body {
      padding: 10px;
      width : 50px;
    }

    .right-side {
      padding: 5px;
      margin-top: 1.5rem;
    }

    .radius-popup {
      width : 0px;
      height : 0px;
    }

    .avatar-left {
      width : 0px;
      height : 0px;
    }

    .avatar-right {
      width : 0px;
      height : 0px;
    }

    .video-onbording {
      margin-right: -30px;
      margin-left: -30px;
      width: 341px;
  }
}

.new-words-boxes .new-words-box {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  border-radius: 1rem;
  background: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(1) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(2) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(3) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(4) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(5) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(6) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(7) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(8) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(9) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(10) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(11) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(12) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(13) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(14) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(15) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(16) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(17) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(18) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(19) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(20) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(21) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(22) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(23) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(24) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(25) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(26) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(27) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(28) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(29) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(30) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(31) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(32) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(33) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(34) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(35) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(36) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(37) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(38) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(39) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(40) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(41) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(42) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(43) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(44) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(45) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box:nth-child(46) {
  background-color: #F6EDFC;
}
.new-words-boxes .new-words-box:nth-child(47) {
  background-color: #FFF9DC;
}
.new-words-boxes .new-words-box:nth-child(48) {
  background-color: #D3FDFF;
}
.new-words-boxes .new-words-box:nth-child(49) {
  background-color: #DBFFD1;
}
.new-words-boxes .new-words-box:nth-child(50) {
  background-color: #FBE1D6;
}
.new-words-boxes .new-words-box .new-words-box-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.new-words-boxes .new-words-box .new-words-box-header .box-header-title {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 800;
  line-height: 1.875rem;
}
@media (min-width: 1200px) {
  .new-words-boxes .new-words-box .new-words-box-header .box-header-title {
    font-size: 1.5rem;
  }
}
.new-words-boxes .new-words-box .new-words-box-header .box-header-title::before {
  content: "";
  margin-left: 0.25rem;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/new-words.svg");
}
.new-words-boxes .new-words-box .new-words-box-body {
  margin-bottom: 1rem;
}
.new-words-boxes .new-words-box .new-words-box-footer {
  text-align: center;
  color: #FF5700;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 30px;
  cursor: pointer;
}
.new-words-boxes .new-words-box .new-words-box-footer::after {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  display: inline-block;
  vertical-align: middle;
  background: url("../img/arrow-more.svg") no-repeat center;
  background-size: cover;
}
.new-words-boxes .new-words-box .new-words-box-example-wrapper {
  display: none;
}
.new-words-boxes .new-words-box .new-words-box-example-wrapper .new-words-box-example {
  padding: 0.75rem;
  background: #fff;
  border-radius: 1.125rem;
  line-height: 1.875rem;
  display: inline-block;
}
.new-words-boxes .new-words-box .new-words-box-example-wrapper .new-words-box-example a {
  padding: 0 0.875rem 0.375rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 30px;
  background-color: #FF5700;
  border-radius: 1.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  width: auto;
  height: 1.875rem;
}
.new-words-boxes .new-words-box .new-words-box-example-wrapper .new-words-box-example .new-words-box-example-close {
  display: block;
  width: 100%;
  height: 1.25rem;
  margin-top: 0.5rem;
  text-align: center;
  background: url("../img/arrow-more-up.svg") no-repeat center;
  cursor: pointer;
}
.new-words-boxes .new-words-box.opened .new-words-box-footer {
  display: none;
}

.swiper-boxes,
.swiper-default {
  margin: 0 1.5rem;
  overflow: hidden;
  padding-left: 3rem;
}
@media (max-width: 991.98px) {
  .swiper-boxes,
.swiper-default {
    margin: 0 !important;
    padding-left: 0 !important;
  }
}
.swiper-boxes .swiper-button,
.swiper-default .swiper-button {
  width: 0.75rem;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
  margin: 0;
  transition: all 0.3s ease;
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .swiper-boxes .swiper-button,
.swiper-default .swiper-button {
    transition: none;
  }
}
.swiper-boxes .swiper-button:hover,
.swiper-default .swiper-button:hover {
  opacity: 0.75;
}
.swiper-boxes .swiper-button:after,
.swiper-default .swiper-button:after {
  content: none;
}
.swiper-boxes .swiper-button.swiper-button-prev,
.swiper-default .swiper-button.swiper-button-prev {
  right: 0;
  left: auto;
  background: url("../img/prev-book.svg") no-repeat center;
  background-size: cover;
}
.swiper-boxes .swiper-button.swiper-button-prev.swiper-button-disabled,
.swiper-default .swiper-button.swiper-button-prev.swiper-button-disabled {
  opacity: 0.2;
}
.swiper-boxes .swiper-button.swiper-button-next,
.swiper-default .swiper-button.swiper-button-next {
  right: auto;
  left: 0;
  background: url("../img/next-book.svg") no-repeat center;
  background-size: cover;
}
.swiper-boxes .swiper-button.swiper-button-next.swiper-button-disabled,
.swiper-default .swiper-button.swiper-button-next.swiper-button-disabled {
  opacity: 0.2;
}
@media (max-width: 991.98px) {
  .swiper-boxes .swiper-button,
.swiper-default .swiper-button {
    display: none !important;
  }
}
.swiper-boxes .swiper-pagination,
.swiper-default .swiper-pagination {
  margin: 1.5rem 0 0;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
}
.swiper-boxes .swiper-pagination .swiper-pagination-bullet,
.swiper-default .swiper-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.375rem;
  background: #EDEBEB;
  opacity: 1;
}
.swiper-boxes .swiper-pagination .swiper-pagination-bullet:hover,
.swiper-default .swiper-pagination .swiper-pagination-bullet:hover {
  opacity: 0.75;
}
.swiper-boxes .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-default .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #D9D9D9;
}
@media (min-width: 992px) {
  .swiper-boxes .swiper-pagination,
.swiper-default .swiper-pagination {
    display: none !important;
  }
}

.swiper-default {
  padding: 0 !important;
}

.book-learning-outcomes-items {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.book-learning-outcomes-items .book-learning-outcomes-item {
  padding: 0.625rem;
  border-radius: 0.625rem;
  font-weight: 300;
  line-height: normal;
}
.book-learning-outcomes-items .book-learning-outcomes-item::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  background-color: #2C238D;
  margin-left: 0.625rem;
  border-radius: 0.5rem;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(1) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(2) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(3) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(4) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(5) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(6) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(7) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(8) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(9) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(10) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(11) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(12) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(13) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(14) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(15) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(16) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(17) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(18) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(19) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(20) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(21) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(22) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(23) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(24) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(25) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(26) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(27) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(28) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(29) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(30) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(31) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(32) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(33) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(34) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(35) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(36) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(37) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(38) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(39) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(40) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(41) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(42) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(43) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(44) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(45) {
  background-color: #FBE1D6;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(46) {
  background-color: #FFF9DC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(47) {
  background-color: #F6EDFC;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(48) {
  background-color: #D3FDFF;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(49) {
  background-color: #DBFFD1;
}
.book-learning-outcomes-items .book-learning-outcomes-item:nth-child(50) {
  background-color: #FBE1D6;
}

.similar-books .similar-book {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.similar-books .similar-book .similar-book-header {
  z-index: 2;
  position: relative;
  margin-bottom: 0.75rem;
}
.similar-books .similar-book .similar-book-header::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  max-width: 9.375rem;
  max-height: 9.375rem;
  background-color: #FFF9DC;
  border-radius: 50%;
  content: "";
}
.similar-books .similar-book .similar-book-header img {
  z-index: 2;
  position: relative;
  width: 6.5rem;
  height: 9.375rem;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border-radius: 5px;
}
.similar-books .similar-book .similar-book-body {
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: 0.75rem;
  text-align: center;
}
.similar-books .similar-book .similar-book-footer {
  text-align: center;
  margin-top: auto;
}
.similar-books .similar-book .similar-book-footer a {
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  border-radius: 0.25rem;
  padding: 0.1875rem 0.875rem;
}

.saved-book-item-component > .flex-row {
  flex-direction: row-reverse !important;
}
.saved-book-item-component .book-info {
  text-align: right;
}
.saved-book-item-component .book-info .book-item-component__name {
  max-width: 100%;
  width: 100%;
  margin-bottom: 0.5rem;
}
.saved-book-item-component .book-image {
  justify-content: flex-end;
  position: relative;
  margin-left: 0.875rem;
}
.saved-book-item-component .book-image:before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../img/bookmark-icon.svg");
  background-size: cover;
}
.saved-book-item-component .book-image img {
  width: 100%;
}

.video-item-component__name {
  white-space: nowrap;
  max-width: 12.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-item-component__play-icon {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .video-item-component__play-icon {
    transition: none;
  }
}
.video-item-component__play-icon svg {
  margin: auto;
  width: 4.5rem;
  height: 4.5rem;
  border: 0.25rem solid transparent;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .video-item-component__play-icon svg {
    transition: none;
  }
}
.video-item-component__play-icon:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.video-item-component__play-icon:hover svg {
  border: 0.25rem solid rgba(255, 87, 0, 0.85);
  transform: scale(1.35);
}
.video-item-component .check-not-seen {
  display: flex;
}
.video-item-component .check-seen {
  display: none;
}
.video-item-component.done .check-not-seen {
  display: none;
}
.video-item-component.done .check-seen {
  display: flex;
}

.video-category-component {
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
.video-category-component:hover {
  transform: scale(1.05);
}
@media (prefers-reduced-motion: reduce) {
  .video-category-component:hover {
    transition: none;
  }
}
.video-category-component:not(.video-l2) {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
@media (max-width: 1199.98px) {
  .video-category-component .fs-xl-5 {
    font-size: 1.25rem !important;
  }
}
.video-category-component > div {
  margin-top: 0.75rem;
}

.game-item-component--new {
  background-color: #FF5700;
  transform: rotate(-45deg);
  position: absolute;
  top: -1.875rem;
  overflow: hidden;
  height: 6.25rem;
  width: 12.5rem;
  text-align: center;
  z-index: 0;
  left: -5rem;
}
.game-item-component__name {
  white-space: nowrap;
  max-width: 12.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game-item-component__action-icon {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 0.5rem 0.5rem 0 0;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .game-item-component__action-icon {
    transition: none;
  }
}
.game-item-component__action-icon div {
  background-color: #fff;
  width: 4rem;
  height: 4rem;
  border: 0.25rem solid transparent;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .game-item-component__action-icon div {
    transition: none;
  }
}
.game-item-component__action-icon:hover {
  background-color: rgba(0, 0, 0, 0.15);
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .game-item-component__action-icon:hover {
    transition: none;
  }
}
.game-item-component__action--try {
  color: #d63384;
}
.game-item-component__action--try:hover {
  color: #d63384;
}
.game-item-component__action--try:hover div {
  border: 0.25rem solid rgba(214, 51, 132, 0.85);
  transform: scale(1.35);
}
.game-item-component__action--play {
  color: #FF5700;
}
.game-item-component__action--play:hover {
  color: #FF5700;
}
.game-item-component__action--play:hover div {
  border: 0.25rem solid rgba(255, 87, 0, 0.85);
  transform: scale(1.35);
}
.game-item-component__action--buy {
  color: #2C238D;
}
.game-item-component__action--buy:hover {
  color: #2C238D;
}
.game-item-component__action--buy:hover div {
  border: 0.25rem solid rgba(44, 35, 141, 0.85);
  transform: scale(1.35);
}
.game-item-component__footer .m-stars {
  margin-right: auto !important;
}

.star-rating.disable {
  pointer-events: none;
}

.star-rating__stars {
  position: relative;
  height: 1.25rem;
  width: 6.25rem;
  background-image: url("../img/star-off.svg");
  background-size: 1.25rem 1.25rem;
  background-repeat-y: no-repeat;
  margin: 0 auto;
}

.star-rating__label {
  position: absolute;
  height: 100%;
  background-size: 1.25rem 1.25rem;
  background-repeat-y: no-repeat;
  cursor: pointer;
}

.star-rating__input {
  margin: 0;
  position: absolute;
  height: 0.0625rem;
  width: 0.0625rem;
  overflow: hidden;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
}

.star-rating__stars .star-rating__label:nth-of-type(1) {
  z-index: 5;
  width: 20%;
}
.star-rating__stars .star-rating__label:nth-of-type(1).star-quarter {
  width: 25%;
}
.star-rating__stars .star-rating__label:nth-of-type(1).star-half {
  width: 30%;
}
.star-rating__stars .star-rating__label:nth-of-type(1).star-three-quarters {
  width: 35%;
}
.star-rating__stars .star-rating__label:nth-of-type(2) {
  z-index: 4;
  width: 40%;
}
.star-rating__stars .star-rating__label:nth-of-type(2).star-quarter {
  width: 45%;
}
.star-rating__stars .star-rating__label:nth-of-type(2).star-half {
  width: 50%;
}
.star-rating__stars .star-rating__label:nth-of-type(2).star-three-quarters {
  width: 55%;
}
.star-rating__stars .star-rating__label:nth-of-type(3) {
  z-index: 3;
  width: 60%;
}
.star-rating__stars .star-rating__label:nth-of-type(3).star-quarter {
  width: 65%;
}
.star-rating__stars .star-rating__label:nth-of-type(3).star-half {
  width: 70%;
}
.star-rating__stars .star-rating__label:nth-of-type(3).star-three-quarters {
  width: 75%;
}
.star-rating__stars .star-rating__label:nth-of-type(4) {
  z-index: 2;
  width: 80%;
}
.star-rating__stars .star-rating__label:nth-of-type(4).star-quarter {
  width: 85%;
}
.star-rating__stars .star-rating__label:nth-of-type(4).star-half {
  width: 90%;
}
.star-rating__stars .star-rating__label:nth-of-type(4).star-three-quarters {
  width: 95%;
}
.star-rating__stars .star-rating__label:nth-of-type(5) {
  z-index: 1;
  width: 100%;
}

.star-rating__input:checked + .star-rating__label,
.star-rating__input:focus + .star-rating__label,
.star-rating__label:hover {
  background-image: url("../img/star-on.svg");
  background-position: right;
}

.star-rating__label:hover ~ .star-rating__label {
  background-image: url("../img/star-off.svg");
}

.filters-wrapper {
  border-bottom: 0;
}
.filters-wrapper > .btn-primary-2 {
  margin-bottom: 0.625rem;
  min-width: 4.375rem;
}
.filters-wrapper > .btn-primary-2.active {
  color: #fff;
  font-weight: 700;
  background-color: #FF5700;
}
.filters-wrapper > .btn-primary-2.active:hover {
  opacity: 0.9;
}
.filters-wrapper > .btn-primary-2:not(.active) {
  background-color: #FBE1D6;
  border-color: #FBE1D6;
  color: #2C238D;
}
.filters-wrapper > .btn-primary-2:not(.active):hover {
  border-color: #2C238D;
}
@media (max-width: 767.98px) {
  .filters-wrapper:not(#notification-filter) {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .filters-wrapper:not(#notification-filter) .btn-primary-2:not(:last-of-type) {
    margin-bottom: 0.75rem;
  }
}

.breadcrumb .breadcrumb-item:not(.active) a {
  color: #2C238D;
}

.more-link,
.read-all {
  text-decoration: underline;
}

.modal {
  z-index: 999999;
}
.modal .modal-body h2, .modal .modal-body .h2 {
  line-height: 3.375rem;
}
.modal .modal-body svg {
  direction: ltr;
}
.modal button:focus,
.modal .link-btn:focus {
  box-shadow: none;
}
.modal .link-btn {
  margin-bottom: -1.5625rem;
}
.modal .did-well-next {
  position: relative;
}
.modal .did-well-next > div {
  position: absolute;
  top: 8.625rem;
  left: 0;
  bottom: auto;
  right: 0;
  width: 100%;
  padding: 0.75rem 1.5rem;
}
.modal .did-well-next > div h5, .modal .did-well-next > div .h5 {
  line-height: 1.875rem;
}

#download-apps .modal-content {
  background: url("../img/download-apps.png") no-repeat center;
  background-size: cover;
}

#success .modal-content {
  background: url("../img/success.svg") no-repeat center;
  background-size: cover;
}

#alert .modal-content {
  background: url("../img/alert.svg") no-repeat center;
  background-size: cover;
}

#error .modal-content,
#confirm-delete .modal-content {
  background: url("../img/error.svg") no-repeat center;
  background-size: cover;
}

#info .modal-content,
#new-games .modal-content,
#free-stars .modal-content {
  background: url("../img/info.svg") no-repeat center;
  background-size: cover;
}

#free-stars .modal-body {
  padding: 0 4rem 1rem;
}

#did-well .modal-content,
#did-well-next .modal-content {
  background: url("../img/did-well.svg") no-repeat center;
  background-size: cover;
}

#parents .modal-dialog,
#birthdate .modal-dialog,
#level .modal-dialog {
  max-width: 35rem;
}
@media (max-width: 767.98px) {
  #parents .modal-dialog,
#birthdate .modal-dialog,
#level .modal-dialog {
    max-width: 100%;
  }
}

#parents .modal-body > div,
#birthdate .modal-body > div,
#level .modal-body > div {
  margin: 0 !important;
}
#parents .modal-footer,
#birthdate .modal-footer,
#level .modal-footer {
  padding: 0 4.875rem 3.125rem;
}
@media (max-width: 767.98px) {
  #parents .modal-footer,
#birthdate .modal-footer,
#level .modal-footer {
    padding: 0 1.125rem 2.5rem;
  }
}
@media (max-width: 767.98px) {
  #parents .modal-footer .birthday-form .save-btn,
#birthdate .modal-footer .birthday-form .save-btn,
#level .modal-footer .birthday-form .save-btn {
    margin-top: 1.875rem;
  }
}

@media (max-width: 767.98px) {
  #birthdate .modal-footer .phone-number-boxes,
#level .modal-footer .phone-number-boxes {
    padding: 0px 1.5rem;
  }
}

#read-more-book .modal-dialog {
  max-width: 37.5rem;
}
@media (max-width: 767.98px) {
  #read-more-book .modal-dialog {
    max-width: 100%;
  }
}
#read-more-book .modal-content {
  border-radius: 0.75rem;
  background-color: #FFFBE7;
  background-image: url("../img/book-popup-ar.svg");
  background-position: bottom left;
  background-repeat: no-repeat;
}
#read-more-book .modal-content .modal-header {
  padding: 1rem 1rem 0.5rem;
}
#read-more-book .modal-content .modal-header .btn-close {
  width: 1rem;
  height: 1rem;
  background: transparent url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25 25' style='enable-background:new 0 0 25 25;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232C238D;%7D%0A%3C/style%3E%3Cg id='Group_30928' transform='translate%28-1879.033 3288%29'%3E%3Cg id='Group_30851' transform='translate%281882.414 -3283.963%29'%3E%3Cpath id='Path_64693' class='st0' d='M-0.4-2.2C0-1.8,0.5-1.4,1-1l0.7,0.6l0.7,0.6C2.8,0.6,3.3,1,3.8,1.4l1.4,1.2 c0.5,0.4,0.9,0.8,1.4,1.2l1.4,1.2C8.8,6,9.8,6.8,10.7,7.7L12,8.9l1.4,1.3c0.9,0.8,1.8,1.7,2.7,2.5c0.9,0.9,1.8,1.7,2.6,2.6 c0.9,0.9,1.7,1.8,2.6,2.7c0.5,0.5,0.4,1.3-0.1,1.8c-0.4,0.4-1.1,0.4-1.6,0.1c-1-0.8-1.9-1.6-2.9-2.4s-1.9-1.6-2.8-2.5 c-0.9-0.8-1.8-1.7-2.7-2.5l-1.4-1.3L8.5,10C7.6,9.1,6.7,8.3,5.8,7.4L4.5,6.1C4,5.7,3.6,5.3,3.1,4.8L1.8,3.5 C1.4,3.1,0.9,2.7,0.5,2.2l-0.7-0.7l-0.7-0.7C-1.3,0.5-1.7,0-2.1-0.4c-0.5-0.5-0.5-1.3-0.1-1.8S-0.9-2.7-0.4-2.2'/%3E%3Cpath id='Path_64694' class='st0' d='M20.1-1.6c-0.8,1-1.6,1.9-2.5,2.9L16.9,2l-0.6,0.7C16.2,2.8,16.1,2.9,16,3l-0.3,0.4L15,4.1 C13.2,6,11.3,7.7,9.5,9.5c-0.9,0.9-1.9,1.7-2.8,2.6c-0.5,0.4-0.9,0.8-1.4,1.3l-0.7,0.6c-0.2,0.2-0.5,0.4-0.7,0.6 C2.9,15.4,2,16.2,1,17c-0.2,0.2-0.5,0.4-0.7,0.6c-0.2,0.2-0.5,0.4-0.7,0.6l-0.2,0.2c-0.1,0.1-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.4,0.3c-0.2,0.2-0.5,0.4-0.7,0.6l0,0c-0.4,0.3-1,0.2-1.3-0.2c-0.2-0.3-0.3-0.8-0.1-1.1 c0.7-1.1,1.5-2.1,2.4-3.1c0.8-1,1.7-1.9,2.6-2.8c0.9-0.9,1.8-1.8,2.8-2.7C5,9.2,5.5,8.8,5.9,8.4C6.4,8,6.9,7.5,7.4,7.1 c1.9-1.7,3.8-3.3,5.7-5l1.4-1.3l0.7-0.6l0.7-0.6c1-0.8,1.9-1.7,2.9-2.5c0.4-0.3,1-0.3,1.3,0.1C20.4-2.5,20.4-2,20.1-1.6L20.1-1.6z '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center/1rem auto no-repeat;
}
#read-more-book .modal-content .modal-body {
  padding: 0 2.625rem 2.75rem 9.375rem;
}
#read-more-book .modal-content .modal-body h4, #read-more-book .modal-content .modal-body .h4 {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 800;
  line-height: 27px;
  margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
  #read-more-book .modal-content .modal-body h4, #read-more-book .modal-content .modal-body .h4 {
    font-size: 1.5rem;
  }
}
#read-more-book .modal-content .modal-body > div {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 27px;
}

.feedback .modal-dialog {
  max-width: 37.5rem;
}

@media (max-width: 767.98px) {
  .feedback .modal-dialog {
    max-width: 100%;
  }
}

.feedback .modal-content {
  border-radius: 0.75rem;
  background-color: #E8FFE2;
  background-image: url("../img/feedback-ar.svg");
  background-position: bottom left;
  background-repeat: no-repeat;
}

.feedback .modal-content .modal-header {
  padding: 1rem 1rem 0.5rem;
}

.feedback .modal-content .modal-header .btn-close {
  width: 1rem;
  height: 1rem;
  background: transparent url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 25 25' style='enable-background:new 0 0 25 25;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%232C238D;%7D%0A%3C/style%3E%3Cg id='Group_30928' transform='translate%28-1879.033 3288%29'%3E%3Cg id='Group_30851' transform='translate%281882.414 -3283.963%29'%3E%3Cpath id='Path_64693' class='st0' d='M-0.4-2.2C0-1.8,0.5-1.4,1-1l0.7,0.6l0.7,0.6C2.8,0.6,3.3,1,3.8,1.4l1.4,1.2 c0.5,0.4,0.9,0.8,1.4,1.2l1.4,1.2C8.8,6,9.8,6.8,10.7,7.7L12,8.9l1.4,1.3c0.9,0.8,1.8,1.7,2.7,2.5c0.9,0.9,1.8,1.7,2.6,2.6 c0.9,0.9,1.7,1.8,2.6,2.7c0.5,0.5,0.4,1.3-0.1,1.8c-0.4,0.4-1.1,0.4-1.6,0.1c-1-0.8-1.9-1.6-2.9-2.4s-1.9-1.6-2.8-2.5 c-0.9-0.8-1.8-1.7-2.7-2.5l-1.4-1.3L8.5,10C7.6,9.1,6.7,8.3,5.8,7.4L4.5,6.1C4,5.7,3.6,5.3,3.1,4.8L1.8,3.5 C1.4,3.1,0.9,2.7,0.5,2.2l-0.7-0.7l-0.7-0.7C-1.3,0.5-1.7,0-2.1-0.4c-0.5-0.5-0.5-1.3-0.1-1.8S-0.9-2.7-0.4-2.2'/%3E%3Cpath id='Path_64694' class='st0' d='M20.1-1.6c-0.8,1-1.6,1.9-2.5,2.9L16.9,2l-0.6,0.7C16.2,2.8,16.1,2.9,16,3l-0.3,0.4L15,4.1 C13.2,6,11.3,7.7,9.5,9.5c-0.9,0.9-1.9,1.7-2.8,2.6c-0.5,0.4-0.9,0.8-1.4,1.3l-0.7,0.6c-0.2,0.2-0.5,0.4-0.7,0.6 C2.9,15.4,2,16.2,1,17c-0.2,0.2-0.5,0.4-0.7,0.6c-0.2,0.2-0.5,0.4-0.7,0.6l-0.2,0.2c-0.1,0.1-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.4,0.3c-0.2,0.2-0.5,0.4-0.7,0.6l0,0c-0.4,0.3-1,0.2-1.3-0.2c-0.2-0.3-0.3-0.8-0.1-1.1 c0.7-1.1,1.5-2.1,2.4-3.1c0.8-1,1.7-1.9,2.6-2.8c0.9-0.9,1.8-1.8,2.8-2.7C5,9.2,5.5,8.8,5.9,8.4C6.4,8,6.9,7.5,7.4,7.1 c1.9-1.7,3.8-3.3,5.7-5l1.4-1.3l0.7-0.6l0.7-0.6c1-0.8,1.9-1.7,2.9-2.5c0.4-0.3,1-0.3,1.3,0.1C20.4-2.5,20.4-2,20.1-1.6L20.1-1.6z '/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") center/1rem auto no-repeat;
}

.feedback .modal-content .modal-body {
  padding: 0 2.625rem 1rem 2.625rem;
}

.feedback .modal-content .modal-body h4,
.feedback .modal-content .modal-body .h4 {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 800;
  line-height: 27px;
}

.feedback .modal-content .modal-body p {
  margin-bottom: 1.8rem;
}

#feedback-ByActivity-popup h4 {
  margin-bottom: 1.8rem;
}

#feedback-ByActivity-popup .modal-content .modal-body>div {
  margin-bottom: 1rem;
}


#feedback-ByActivity-popup .feedback-notes,
#feedback-ByActivity-popup .feedback-button {
  width: 100%;
}


@media (max-width: 991.98px) {
  #feedback-ByActivity-popup .dashboard-main-component__btn{
    width: 100%;
  }
}

.feedback-notes textarea {
  resize: none;
  border: 0.03125rem solid #B2B0D0;
  border-radius: 0.625rem;
  padding: 0.625rem 0.9375rem rem;
  color: #2C238D;
}

@media (min-width: 1200px) {

  .feedback .modal-content .modal-body h4,
  .feedback .modal-content .modal-body .h4 {
    font-size: 1.5rem;
  }
}

.feedback .modal-content .modal-body>div {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 27px;
  margin-bottom: 1.5rem;
}

.feedback-button {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.emoji-rating {
  display: flex;
  flex-direction: row;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 575.98px) {
  .emoji-rating {
    gap: 0px;
  }
}

.hideFace{
  transition:all 0.3s;
}

* > .hideFace,
*:hover > .showFace,
*:focus > .showFace {
  display: none;
}

*:focus > .hideFace,
*:hover > .hideFace {
  display: inline-block;
  transform: scale(1.3);
} 

.thankyou-emoji{
  width: 111px;
  height: 109px;
}

.hide-favourite {
  transition: all 0.3s;
}

*>.hide-favourite,
*:hover>.show-favourite,
*:focus>.show-favourite {
  display: none;
}

*:focus>.hide-favourite,
*:hover>.hide-favourite {
  display: inline-block;
} 

.skeleton:empty {
  cursor: progress;
  border-radius: 0.625rem;
  background: #F1F5FB;
}
.skeleton.skeleton-dashboard:empty {
  height: 14.375rem;
  background: #D2DBEA;
}
.skeleton.skeleton-saved-books:empty {
  height: 12.75rem;
}
.skeleton.skeleton-books:empty {
  height: 19.375rem;
}
.skeleton.skeleton-videos:empty {
  height: 14.125rem;
}
.skeleton.skeleton-games:empty {
  height: 16.125rem;
}
.skeleton.skeleton-list-videos:empty {
  height: 12.125rem;
}
.skeleton.skeleton-list-library:empty {
  height: 6.875rem;
}
.skeleton.skeleton-breadcrumb:empty {
  border-radius: 0;
  width: 9.75rem;
  height: 1.875rem;
  display: block;
}
.skeleton.skeleton-title:empty {
  width: 5.75rem;
  height: 1.875rem;
  border-radius: 0;
}
.skeleton.skeleton-card-title:empty {
  width: 8.125rem;
  height: 1.875rem;
  border-radius: 0;
}
.skeleton.skeleton-card-link:empty {
  border-radius: 0;
  width: 2.75rem;
  height: 1.875rem;
  display: block;
}
.skeleton.skeleton-btn {
  display: inline-block;
}
.skeleton.skeleton-btn:empty {
  width: 4.375rem;
  height: 3.125rem;
  border-radius: 0;
}
.skeleton.skeleton-btn:nth-child(2) {
  width: 5.375rem;
}
.skeleton.skeleton-btn:nth-child(3) {
  width: 6.375rem;
}
.skeleton.skeleton-btn:nth-child(4) {
  width: 6.375rem;
}
.skeleton.skeleton-assignment .skeleton {
  background: #D2DBEA;
}
.skeleton.skeleton-assignment-list:empty {
  height: 8.25rem;
}
.skeleton.skeleton-winners-list:empty {
  height: 5rem;
}
.skeleton.skeleton-input:empty {
  width: 16rem;
  height: 3.125rem;
}

.details-page-container {
  border-radius: 0 0 1.25rem 1.25rem;
}

.progress-action .audio-icons {
  flex-wrap: wrap;
  padding-right: 2.5rem;
}
.progress-action a {
  margin-right: 0.625rem;
  display: inline-block;
  height: 2.125rem;
  width: 2.125rem;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .progress-action a {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .progress-action a {
    margin-bottom: 0.625rem;
  }
}
.progress-action a:hover {
  transform: scale(1.3);
}
.progress-action a#previwer-full-screen {
  background: url("../img/full_screen.svg") no-repeat center;
}
.progress-action a#bookmark {
  background: url("../img/bookmark.svg") no-repeat center;
}
.progress-action a#bookmark:focus {
  background: url("../img/bookmark-focus.svg") no-repeat center;
}
.progress-action a#record-reading {
  background: url("../img/record-reading.svg") no-repeat center;
}
.progress-action a#record-reading:focus {
  background: url("../img/record-reading-focus.svg") no-repeat center;
}
.progress-action a#record-stop {
  background: url("../img/stop-reading.svg") no-repeat center;
}
.progress-action a#record-stop:focus {
  background: url("../img/stop-reading-focus.svg") no-repeat center;
}
.progress-action a#record-pause {
  background: url("../img/pause-reading.svg") no-repeat center;
}
.progress-action a#record-pause:focus {
  background: url("../img/pause-reading-focus.svg") no-repeat center;
}
.progress-action a#record-play {
  background: url("../img/play-reading.svg") no-repeat center;
}
.progress-action a#record-play:focus {
  background: url("../img/play-reading-focus.svg") no-repeat center;
}
.progress-action a#record-delete {
  background: url("../img/delete-reading.svg") no-repeat center;
}
.progress-action a#record-delete:focus {
  background: url("../img/delete-reading-focus.svg") no-repeat center;
}
.progress-action a#record-upload {
  background: url("../img/send-reading.svg") no-repeat center;
}
.progress-action a#record-upload:focus {
  background: url("../img/send-reading-focus.svg") no-repeat center;
}
.progress-action a#record-listen {
  background: url("../img/listen-reading.svg") no-repeat center;
}
.progress-action a#record-listen:focus {
  background: url("../img/listen-reading-focus.svg") no-repeat center;
}
.progress-action .tutorial-message-wrapper {
  transform: translateX(49%);
}
@media (max-width: 64rem) {
  .progress-action .tutorial-message-wrapper {
    left: -0.625rem;
    right: auto;
    transform: none;
    top: 75%;
  }
}

.book-pager {
  list-style: none;
  padding-inline: 0;
  padding: 0;
  margin: 0;
  font-size: calc(1.28125rem + 0.375vw);
  font-weight: 700;
}
@media (min-width: 1200px) {
  .book-pager {
    font-size: 1.5625rem;
  }
}

.book-img {
  position: relative;
}
.book-img:before, .book-img:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(-1);
  width: 4.375rem;
  height: 9.375rem;
  display: block;
}
.book-img:before {
  right: -6.75rem;
  left: auto;
  background: url("../img/prev-slide.svg") no-repeat center;
  background-size: cover;
}
@media (max-width: 991.98px) {
  .book-img:before {
    right: 0;
    left: auto;
  }
}
.book-img:after {
  left: -6.75rem;
  right: auto;
  background: url("../img/next-slide.svg") no-repeat center;
  background-size: cover;
}
@media (max-width: 991.98px) {
  .book-img:after {
    left: 0;
    right: auto;
  }
}

.no-result:before {
  content: "";
  display: block;
  text-align: center;
  width: 13.5rem;
  height: 7.875rem;
  background: url("../img/notification.svg") no-repeat center;
  object-fit: cover;
  margin-top: 4.875rem;
  margin-bottom: 3.875rem;
}
.no-result.no-content:before {
  background: url("../img/no-content.svg") no-repeat center;
  object-fit: cover;
  margin-top: 3.25rem;
  margin-bottom: 1.25rem;
}
.no-result.no-content.pirls:before {
  margin-top: 2rem;
  margin-bottom: 0.875rem;
}
.no-result.no-content.book:before {
  margin-top: 6rem;
  margin-bottom: 1.875rem;
}
.no-result.assignments {
  padding-top: 8.5rem;
  padding-bottom: 13rem;
}
.no-result.assignments:before {
  width: 13.625rem;
  height: 11rem;
  background: url("../img/no-assignments.svg") no-repeat center;
  object-fit: cover;
  margin-top: 0;
  margin-bottom: 0;
}
.no-result.enrichment:before {
  background: url("../img/no-enrichment.svg") no-repeat center;
  object-fit: cover;
  margin-bottom: 3.25rem;
}
.no-result.help:before {
  width: 15rem;
  height: 8.75rem;
  background: url("../img/no-help-messages.svg") no-repeat center;
  object-fit: cover;
  margin-top: 6.75rem;
  margin-bottom: 1.25rem;
}
.no-result.direct-messages {
  margin-bottom: 10rem;
}
.no-result.direct-messages:before {
  width: 10.625rem;
  height: 6.125rem;
  background: url("../img/no-direct-messages.svg") no-repeat center;
  object-fit: cover;
  margin-top: 8.5rem;
  margin-bottom: 1.25rem;
}
.no-result.video:before {
  background: url("../img/no-video.svg") no-repeat center;
  object-fit: cover;
  margin-top: 6rem;
  margin-bottom: 1.875rem;
}
.no-result.games:before {
  background: url("../img/no-games.svg") no-repeat center;
  object-fit: cover;
  margin-top: 6rem;
  margin-bottom: 1.875rem;
}
.no-result.no-activity {
  padding-top: 5.125rem;
}
.no-result.no-activity:before {
  width: 13.5rem;
  height: 7.875rem;
  background: url("../img/no-activity.svg") no-repeat center;
  object-fit: cover;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.no-result.no-leaderboard {
  padding-top: 0.375rem;
}
.no-result.no-leaderboard:before {
  width: 10.75rem;
  height: 6.5rem;
  background: url("../img/no-leaderboards.svg") no-repeat center;
  object-fit: cover;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.no-result.no-library {
  padding-top: 4.625rem;
  padding-bottom: 4.625rem;
  color: #5B5E65;
}
.no-result.no-library:before {
  width: 10.375rem;
  height: 10.375rem;
  background: url("../img/no-library.svg") no-repeat center;
  object-fit: cover;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.no-result h4, .no-result .h4 {
  font-size: calc(1.2625rem + 0.15vw);
  max-width: 16rem;
  text-align: center;
  line-height: 2.375rem;
}
@media (min-width: 1200px) {
  .no-result h4, .no-result .h4 {
    font-size: 1.375rem;
  }
}

.mb-6 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.mb-15 {
  margin-bottom: 0.938rem;
}

.mb-18 {
  margin-bottom: 1.125rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb-25 {
  margin-bottom: 1.5rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.mt-15 {
  margin-top: 0.938rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.mt-70 {
  margin-top: 4.375rem;
}

.mt-80 {
  margin-top: 5rem;
}

.mt-90 {
  margin-top: 5.625rem;
}

.mt-100 {
  margin-top: 6.25rem;
}
@media (max-width: 575.98px) {
  .mt-100 {
    margin-top: 3.125rem;
  }
}

.mr-10 {
  margin-left: 0.625rem;
}

.mr-20 {
  margin-left: 1.25rem;
}

.mr-30 {
  margin-left: 1.875rem;
}

.mr-40 {
  margin-left: 2.5rem;
}

.mr-50 {
  margin-left: 3.125rem;
}

.ml-15 {
  margin-right: 0.9375rem;
}

.ml-25 {
  margin-right: 1.5rem;
}

@media (min-width: 992px) {
  .mr-lg-30 {
    margin-left: 1.875rem;
  }
}

@media (min-width: 992px) {
  .ml-lg-30 {
    margin-right: 1.875rem;
  }
}

@media (max-width: 767.98px) {
  .mb-md-30 {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 767.98px) {
  .mb-md-50 {
    margin-bottom: 3.125rem;
  }
}

@media (max-width: 575.98px) {
  .mb-sm-10 {
    margin-bottom: 0.625rem;
  }
}

@media (max-width: 575.98px) {
  .mb-sm-20 {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 575.98px) {
  .mb-sm-30 {
    margin-bottom: 1.875rem;
  }
}

@media (max-width: 575.98px) {
  .mb-sm-40 {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 575.98px) {
  .mb-sm-50 {
    margin-bottom: 3.125rem;
  }
}

.p-30 {
  padding: 1.875rem;
}

.p-20 {
  padding: 1.25rem;
}

.p-25 {
  padding: 1.563rem;
}

.p-15 {
  padding: 0.9375rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.pb-15 {
  padding-bottom: 0.938rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pt-10 {
  padding-top: 0.625rem;
}

.pt-15 {
  padding-top: 0.938rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pr-30 {
  padding-left: 1.875rem;
}

.px-12 {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
@media (max-width: 767.98px) {
  .px-30 {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.px-40 {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.px-50 {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.ml-10 {
  margin-right: 0.625rem;
}

.ml-20 {
  margin-right: 1.25rem;
}

.ml-30 {
  margin-right: 1.875rem;
}

.ml-40 {
  margin-right: 2.5rem;
}

.ml-50 {
  margin-right: 3.125rem;
}

.mb-80 {
  margin-bottom: 5rem !important;
}

.mb-130 {
  margin-bottom: 8.125rem !important;
}

.mb-180 {
  margin-bottom: 11.25rem !important;
}

.mb-190 {
  margin-bottom: 11.875rem !important;
}

.mb-250 {
  margin-bottom: 15.625rem !important;
}

.pb-80 {
  padding-bottom: 5rem !important;
}

.pb-130 {
  padding-bottom: 8.125rem !important;
}

.pb-180 {
  padding-bottom: 11.25rem !important;
}

.pb-190 {
  padding-bottom: 11.875rem !important;
}

.pb-250 {
  padding-bottom: 15.625rem !important;
}

.pl-20 {
  padding-right: 1.25rem;
}

.pr-20 {
  padding-left: 1.25rem;
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-25 {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

@media (max-width: 575.98px) {
  .px-sm-15 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

@media (max-width: 575.98px) {
  .px-sm-30 {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.mt-n-50 {
  margin-top: -3.125rem;
}

.fs-30 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .fs-30 {
    font-size: 1.875rem;
  }
}

.fs-25 {
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .fs-25 {
    font-size: 1.5625rem;
  }
}

.fs-sm {
  font-size: 0.875rem;
}

.fs-lg {
  font-size: 1.125rem;
}

.book-item-component .flex-row-reverse {
  flex-direction: row !important;
}

.video-item-component .flex-row-reverse {
  flex-direction: row !important;
}

.game-item-component .flex-row-reverse {
  flex-direction: row !important;
}

.videos-component .video {
  border-radius: 1.25rem 1.25rem 0 0;
  position: relative;
  cursor: pointer;
  display: flex;
}
.videos-component .video:hover .play-icon svg {
  border: 0.25rem solid rgba(255, 87, 0, 0.85);
  transform: scale(1.35);
}
.videos-component .video .play-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  z-index: 1;
}
.videos-component .video .play-icon svg {
  border-radius: 50%;
  border: 0.25rem solid transparent;
  width: 4.5rem;
  height: 4.5rem;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .videos-component .video .play-icon svg {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .videos-component .video .play-icon svg {
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 991.98px) {
  .videos-component .video .play-icon svg {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.videos-component .video video {
  pointer-events: none;
}
.videos-component .one-video-component {
  padding-left: 0.9375rem;
}
@media (max-width: 991.98px) {
  .videos-component .one-video-component {
    margin-bottom: 1.25rem;
  }
}
.videos-component .one-video-component .one-video {
  min-height: 25.625rem;
  border-radius: 0.625rem 0.625rem 0 0;
  overflow: hidden;
}
.videos-component .one-video-component .video-body .actions-btn .like,
.videos-component .one-video-component .video-body .actions-btn .dislike {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  background: #fff;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  border-radius: 0.25rem;
}
.videos-component .one-video-component .video-body .actions-btn .like:hover,
.videos-component .one-video-component .video-body .actions-btn .dislike:hover {
  cursor: pointer;
}
.videos-component .one-video-component .video-body .actions-btn .like:hover svg,
.videos-component .one-video-component .video-body .actions-btn .dislike:hover svg {
  transform: scale(1.25);
}
.videos-component .one-video-component .video-body .actions-btn .like svg,
.videos-component .one-video-component .video-body .actions-btn .dislike svg {
  width: 1.75rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .videos-component .one-video-component .video-body .actions-btn .like svg,
.videos-component .one-video-component .video-body .actions-btn .dislike svg {
    transition: none;
  }
}
.videos-component .one-video-component .video-body .actions-btn .like {
  border: 0.0625rem solid #a4e031;
  background-color: #a4e031;
}
.videos-component .one-video-component .video-body .actions-btn .dislike {
  border: 0.0625rem solid #fc335c;
  background-color: #fc335c;
  margin-left: 1rem;
}
.videos-component .one-video-component .video-body .actions-btn .like-btn,
.videos-component .one-video-component .video-body .actions-btn .dislike-btn {
  background: #fff;
  border: none;
  width: 1.75rem;
  height: 1.625rem;
  text-align: center;
  vertical-align: unset;
  border-radius: 0 0.25rem 0.25rem 0;
  color: #2C238D;
  font-size: 0.875rem;
}
.videos-component .one-video-component .video-body .actions-btn .like-btn:hover, .videos-component .one-video-component .video-body .actions-btn .like-btn:active, .videos-component .one-video-component .video-body .actions-btn .like-btn:focus, .videos-component .one-video-component .video-body .actions-btn .like-btn:focus-visible,
.videos-component .one-video-component .video-body .actions-btn .dislike-btn:hover,
.videos-component .one-video-component .video-body .actions-btn .dislike-btn:active,
.videos-component .one-video-component .video-body .actions-btn .dislike-btn:focus,
.videos-component .one-video-component .video-body .actions-btn .dislike-btn:focus-visible {
  cursor: pointer;
  outline: 0;
  box-shadow: 0;
}
.videos-component .one-video-component .video-body .video-description {
  text-align: right;
  font-size: 0.9375rem;
  line-height: 1.75rem;
}
.videos-component .list-videos-component {
  padding-right: 0.9375rem;
}
.videos-component .list-videos-component .video-item-component {
  position: relative;
}
.videos-component .list-videos-component .video-item-component .video-item-component__play-icon svg {
  width: 4rem;
  height: 4rem;
}
@media (max-width: 1199.98px) {
  .videos-component .list-videos-component .video-item-component .video-item-component__play-icon svg {
    width: 3.5rem;
    height: 3.5rem;
  }
}
@media (max-width: 991.98px) {
  .videos-component .list-videos-component .video-item-component .video-item-component__play-icon svg {
    width: 4rem;
    height: 4rem;
  }
}
.videos-component .list-videos-component .video-item-component .checked-icon {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  z-index: 1;
}

.worksheets-components .worksheets-component-item {
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .worksheets-components .worksheets-component-item {
    transition: none;
  }
}
.worksheets-components .worksheets-component-item.done {
  background-color: #F5F9FA !important;
  border-color: #F5F9FA !important;
}
.worksheets-components .worksheets-component-item.done .worksheets-icon:before {
  background: url("../img/check-icon.svg") no-repeat center;
  background-size: cover;
}
.worksheets-components .worksheets-component-item .worksheets-icon {
  position: relative;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  display: block;
  background-color: #fff;
}
.worksheets-components .worksheets-component-item .worksheets-icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background: url("../img/worksheet-icon.svg") no-repeat center;
  background-size: cover;
  z-index: 1;
}
.worksheets-components .worksheets-component-item h6, .worksheets-components .worksheets-component-item .h6 {
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .worksheets-components .worksheets-component-item h6, .worksheets-components .worksheets-component-item .h6 {
    transition: none;
  }
}
.worksheets-components .worksheets-component-item:hover {
  transform: scale(1.05);
}

form .settings-form {
  padding-left: 5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media (max-width: 1199.98px) {
  form .settings-form {
    padding-left: 1rem;
  }
}
@media (max-width: 991.98px) {
  form .settings-form {
    padding-left: 0;
  }
}
form .form-wrapper {
  width: 100%;
}
form .form-wrapper:not(:last-of-type) {
  margin-bottom: 1.25rem;
}
@media (max-width: 991.98px) {
  form .form-wrapper {
    margin-bottom: 1.25rem;
  }
}
form .form-wrapper > label {
  margin-bottom: 0.8125rem;
}
form .form-wrapper .col-lg-6 > label {
  margin-bottom: 0.8125rem;
}
form input {
  cursor: pointer;
  padding: 0.6875rem 0.625rem;
  border-radius: 0.625rem;
  display: block;
  position: relative;
  color: #2C238D;
  border: 0.08125rem solid #2C238D;
  background: transparent;
  transition: all 0.3s ease;
  width: 100%;
  font-size: 1.125rem;
}
@media (prefers-reduced-motion: reduce) {
  form input {
    transition: none;
  }
}
form input:focus {
  outline: 0;
}
form input.empty {
  border-color: #B2B0D0;
}
form input:disabled {
  background-color: #F6F8FC;
  border-color: #F6F8FC;
  color: #B3B0C6;
  cursor: not-allowed;
}
form input::placeholder {
  color: #B4B2C3;
}
form .dropdown-select {
  line-height: 1.75;
  min-height: 3.5rem;
  width: 22.25rem;
  position: relative;
  cursor: pointer;
  padding: 0.6875rem 0.625rem 0.6875rem 3.25rem;
  border-radius: 0.625rem;
  display: block;
  position: relative;
  color: #2C238D;
  border: 0.0625rem solid #2C238D;
  background: transparent;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../img/arrow.svg");
  background-repeat: no-repeat;
  background-position: center left;
  font-size: 1.125rem;
}
@media (prefers-reduced-motion: reduce) {
  form .dropdown-select {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  form .dropdown-select {
    width: 100%;
  }
}
form .dropdown-select:focus-visible {
  outline: 0;
}
form .dropdown-select:disabled {
  background-color: #F5F9FA;
  border-color: #F5F9FA;
  color: #B3B0C6;
  cursor: not-allowed;
}
form .dropdown-select.empty {
  color: #9591c6;
  border-color: #B2B0D0 !important;
}
form .email-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
form .email-wrapper > label {
  margin-bottom: 0;
}
form .email-wrapper .confirm-btn,
form .email-wrapper .confirmed-btn {
  min-width: 5.875rem;
  text-align: center;
}
form .email-wrapper .confirmed-btn {
  background-color: #C2F362;
  color: #2C238D;
  padding: 0.25rem 1.125rem;
  font-size: 0.875rem;
}
form .file-input-wrapper .student-img-wrapper {
  width: 11.875rem;
  height: 11.875rem;
  border-radius: 0.625rem;
  background-color: #DBFFD1;
  padding: 2.125rem 2.5rem;
}
form .file-input-wrapper .student-img-wrapper img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
form .file-input-wrapper .student-img-input {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
form .date-input {
  position: relative;
}
form .date-input input {
  text-align: right;
}
form .date-input:before {
  content: "";
  display: block;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  background: url("../img/datepicker.svg") no-repeat center;
}
@media (prefers-reduced-motion: reduce) {
  form .date-input:before {
    transition: none;
  }
}
form .date-input input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}
form .date-input input::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
form .radio-section {
  margin-bottom: 1.875rem;
}
form .radio-section .radio-item {
  display: inline-block;
  position: relative;
}
form .radio-section .radio-item:not(:last-of-type) {
  margin-left: 2.5rem;
}
form .radio-section .radio-item input[type=radio] {
  display: none;
}
form .radio-section .radio-item label {
  color: #2C238D;
  font-weight: normal;
  font-size: 1.125rem;
  cursor: pointer;
}
form .radio-section .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 0.25rem;
  margin: 0 0 0 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  border: 0.1875rem solid #2C238D;
  background-color: transparent;
  vertical-align: sub;
}
form .radio-section .radio-item input[type=radio]:checked + label:after {
  border-radius: 50%;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 0.625rem;
  right: 0.375rem;
  content: " ";
  display: block;
  background: #2C238D;
}
form.search-form input.search-input {
  font-size: 1rem;
  min-width: 21.25rem;
  border-radius: 1.875rem;
  border: 0.03125rem solid #2C238D;
  transition: all 0.25s ease;
  padding-left: 2.75rem;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  form.search-form input.search-input {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  form.search-form input.search-input {
    min-width: auto;
  }
}
form.search-form .search-wrapper {
  position: relative;
  margin-bottom: 0.625rem;
}
form.search-form .search-wrapper .search-btn {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  font-size: 0;
  position: absolute;
  top: 0.25rem;
  left: 0.3125rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url("../img/search-on.svg") no-repeat center;
  z-index: 2;
}
form.search-form .search-wrapper.empty .search-btn {
  background: url("../img/search.svg") no-repeat center;
}
form.search-form .search-wrapper.empty .search-input {
  border-color: #B4B2C3;
  color: #B4B2C3;
}
form.filter-search-form .level-wrapper {
  display: flex;
  flex-wrap: wrap;
}
form.filter-search-form .level-wrapper input[type=checkbox] {
  display: none;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-1 {
  background: url("../img/level-1-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-2 {
  background: url("../img/level-2-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-3 {
  background: url("../img/level-3-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-4 {
  background: url("../img/level-4-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-5 {
  background: url("../img/level-5-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-6 {
  background: url("../img/level-6-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-7 {
  background: url("../img/level-7-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-8 {
  background: url("../img/level-8-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-9 {
  background: url("../img/level-9-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-10 {
  background: url("../img/level-10-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-11 {
  background: url("../img/level-11-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-12 {
  background: url("../img/level-12-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-13 {
  background: url("../img/level-13-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-14 {
  background: url("../img/level-14-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-15 {
  background: url("../img/level-15-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-16 {
  background: url("../img/level-16-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-17 {
  background: url("../img/level-17-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-18 {
  background: url("../img/level-18-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-19 {
  background: url("../img/level-19-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-20 {
  background: url("../img/level-20-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-21 {
  background: url("../img/level-21-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-22 {
  background: url("../img/level-22-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper input[type=checkbox]:checked + label.level-23 {
  background: url("../img/level-23-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label {
  font-size: 0;
  display: inline-block;
  width: 2.875rem;
  height: 2.875rem;
  margin-bottom: 0.9375rem;
  cursor: pointer;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  form.filter-search-form .level-wrapper label {
    transition: none;
  }
}
form.filter-search-form .level-wrapper label:not(:last-of-type) {
  margin-left: 0.9375rem;
}
form.filter-search-form .level-wrapper label.level-1 {
  font-size: 0;
  background: url("../img/level-1.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-1:hover {
  background: url("../img/level-1-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-2 {
  font-size: 0;
  background: url("../img/level-2.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-2:hover {
  background: url("../img/level-2-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-3 {
  font-size: 0;
  background: url("../img/level-3.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-3:hover {
  background: url("../img/level-3-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-4 {
  font-size: 0;
  background: url("../img/level-4.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-4:hover {
  background: url("../img/level-4-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-5 {
  font-size: 0;
  background: url("../img/level-5.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-5:hover {
  background: url("../img/level-5-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-6 {
  font-size: 0;
  background: url("../img/level-6.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-6:hover {
  background: url("../img/level-6-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-7 {
  font-size: 0;
  background: url("../img/level-7.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-7:hover {
  background: url("../img/level-7-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-8 {
  font-size: 0;
  background: url("../img/level-8.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-8:hover {
  background: url("../img/level-8-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-9 {
  font-size: 0;
  background: url("../img/level-9.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-9:hover {
  background: url("../img/level-9-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-10 {
  font-size: 0;
  background: url("../img/level-10.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-10:hover {
  background: url("../img/level-10-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-11 {
  font-size: 0;
  background: url("../img/level-11.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-11:hover {
  background: url("../img/level-11-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-12 {
  font-size: 0;
  background: url("../img/level-12.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-12:hover {
  background: url("../img/level-12-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-13 {
  font-size: 0;
  background: url("../img/level-13.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-13:hover {
  background: url("../img/level-13-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-14 {
  font-size: 0;
  background: url("../img/level-14.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-14:hover {
  background: url("../img/level-14-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-15 {
  font-size: 0;
  background: url("../img/level-15.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-15:hover {
  background: url("../img/level-15-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-16 {
  font-size: 0;
  background: url("../img/level-16.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-16:hover {
  background: url("../img/level-16-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-17 {
  font-size: 0;
  background: url("../img/level-17.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-17:hover {
  background: url("../img/level-17-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-18 {
  font-size: 0;
  background: url("../img/level-18.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-18:hover {
  background: url("../img/level-18-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-19 {
  font-size: 0;
  background: url("../img/level-19.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-19:hover {
  background: url("../img/level-19-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-20 {
  font-size: 0;
  background: url("../img/level-20.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-20:hover {
  background: url("../img/level-20-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-21 {
  font-size: 0;
  background: url("../img/level-21.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-21:hover {
  background: url("../img/level-21-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-22 {
  font-size: 0;
  background: url("../img/level-22.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-22:hover {
  background: url("../img/level-22-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-23 {
  font-size: 0;
  background: url("../img/level-23.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .level-wrapper label.level-23:hover {
  background: url("../img/level-23-hover.svg") no-repeat center;
  background-size: 100%;
}
form.filter-search-form .btns-wrapper {
  display: flex;
  flex-wrap: wrap;
}
form.filter-search-form .btns-wrapper input[type=checkbox] {
  display: none;
}
form.filter-search-form .btns-wrapper input[type=checkbox]:checked + label {
  border-color: #2C238D;
  background-color: #2C238D;
  color: #fff;
}
form.filter-search-form .btns-wrapper label {
  display: inline-block;
  margin-bottom: 0.9375rem;
  cursor: pointer;
  background-color: #F5FFF3;
  border: 0.03125rem solid #9BCB82;
  border-radius: 1.5625rem;
  padding: 0.5rem;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  form.filter-search-form .btns-wrapper label {
    transition: none;
  }
}
form.filter-search-form .btns-wrapper label:not(:last-of-type) {
  margin-left: 0.625rem;
}
form.filter-search-form .btns-wrapper label:hover {
  border-color: #2C238D;
}
form.level-form .level-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
form.level-form .level-wrapper input[type=radio] {
  display: none;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-1 {
  background: url("../img/level-1-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-2 {
  background: url("../img/level-2-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-3 {
  background: url("../img/level-3-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-4 {
  background: url("../img/level-4-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-5 {
  background: url("../img/level-5-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-6 {
  background: url("../img/level-6-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-7 {
  background: url("../img/level-7-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-8 {
  background: url("../img/level-8-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-9 {
  background: url("../img/level-9-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-10 {
  background: url("../img/level-10-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-11 {
  background: url("../img/level-11-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-12 {
  background: url("../img/level-12-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-13 {
  background: url("../img/level-13-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-14 {
  background: url("../img/level-14-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-15 {
  background: url("../img/level-15-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-16 {
  background: url("../img/level-16-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-17 {
  background: url("../img/level-17-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-18 {
  background: url("../img/level-18-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-19 {
  background: url("../img/level-19-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-20 {
  background: url("../img/level-20-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-21 {
  background: url("../img/level-21-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-22 {
  background: url("../img/level-22-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper input[type=radio]:checked + label.level-23 {
  background: url("../img/level-23-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label {
  font-size: 0;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 0.9375rem 1.875rem;
  cursor: pointer;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  form.level-form .level-wrapper label {
    transition: none;
  }
}
form.level-form .level-wrapper label.level-1 {
  font-size: 0;
  background: url("../img/filter-level-1.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-1:hover {
  background: url("../img/level-1-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-2 {
  font-size: 0;
  background: url("../img/filter-level-2.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-2:hover {
  background: url("../img/level-2-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-3 {
  font-size: 0;
  background: url("../img/filter-level-3.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-3:hover {
  background: url("../img/level-3-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-4 {
  font-size: 0;
  background: url("../img/filter-level-4.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-4:hover {
  background: url("../img/level-4-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-5 {
  font-size: 0;
  background: url("../img/filter-level-5.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-5:hover {
  background: url("../img/level-5-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-6 {
  font-size: 0;
  background: url("../img/filter-level-6.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-6:hover {
  background: url("../img/level-6-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-7 {
  font-size: 0;
  background: url("../img/filter-level-7.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-7:hover {
  background: url("../img/level-7-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-8 {
  font-size: 0;
  background: url("../img/filter-level-8.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-8:hover {
  background: url("../img/level-8-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-9 {
  font-size: 0;
  background: url("../img/filter-level-9.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-9:hover {
  background: url("../img/level-9-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-10 {
  font-size: 0;
  background: url("../img/filter-level-10.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-10:hover {
  background: url("../img/level-10-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-11 {
  font-size: 0;
  background: url("../img/filter-level-11.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-11:hover {
  background: url("../img/level-11-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-12 {
  font-size: 0;
  background: url("../img/filter-level-12.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-12:hover {
  background: url("../img/level-12-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-13 {
  font-size: 0;
  background: url("../img/filter-level-13.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-13:hover {
  background: url("../img/level-13-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-14 {
  font-size: 0;
  background: url("../img/filter-level-14.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-14:hover {
  background: url("../img/level-14-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-15 {
  font-size: 0;
  background: url("../img/filter-level-15.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-15:hover {
  background: url("../img/level-15-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-16 {
  font-size: 0;
  background: url("../img/filter-level-16.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-16:hover {
  background: url("../img/level-16-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-17 {
  font-size: 0;
  background: url("../img/filter-level-17.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-17:hover {
  background: url("../img/level-17-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-18 {
  font-size: 0;
  background: url("../img/filter-level-18.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-18:hover {
  background: url("../img/level-18-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-19 {
  font-size: 0;
  background: url("../img/filter-level-19.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-19:hover {
  background: url("../img/level-19-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-20 {
  font-size: 0;
  background: url("../img/filter-level-20.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-20:hover {
  background: url("../img/level-20-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-21 {
  font-size: 0;
  background: url("../img/filter-level-21.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-21:hover {
  background: url("../img/level-21-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-22 {
  font-size: 0;
  background: url("../img/filter-level-22.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-22:hover {
  background: url("../img/level-22-hover.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-23 {
  font-size: 0;
  background: url("../img/filter-level-23.svg") no-repeat center;
  background-size: 100%;
}
form.level-form .level-wrapper label.level-23:hover {
  background: url("../img/level-23-hover.svg") no-repeat center;
  background-size: 100%;
}
form.parent-email {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
}
form.parent-email .form-wrapper {
  margin-bottom: 0;
}
form.parent-email .form-wrapper label {
  text-align: right;
}
form.parent-email .form-wrapper input::placeholder {
  color: #B4B2C3;
}
form.parent-email .true-btn-wrapper {
  width: 3.125rem;
  height: 3.125rem;
  position: relative;
  margin-right: 0.375rem;
}
form.parent-email .true-btn-wrapper:before {
  content: "";
  width: 2.125rem;
  height: 1.5rem;
  background: url("../img/true-btn.svg") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
form.parent-email .true-btn-wrapper > input {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 0;
}

.exposed-form .exposed-input-group .input-wrapper {
  position: relative;
}
.exposed-form .exposed-input-group .input-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .exposed-form .exposed-input-group .input-wrapper:before {
    transition: none;
  }
}
.exposed-form .exposed-input-group .input-wrapper.datepicker:before {
  background: url("../img/datepicker.svg") no-repeat center;
}
.exposed-form .exposed-input-group .input-wrapper input {
  padding-left: 3.25rem;
}
.exposed-form .exposed-input-group input {
  width: 17.25rem;
  font-size: 1rem;
}
.exposed-form .exposed-input-group input:focus {
  outline: 0;
}
.exposed-form .exposed-input-group .dropdown-select {
  width: 10.625rem;
  font-size: 1rem;
}
@media (max-width: 991.98px) {
  .exposed-form .exposed-input-group .dropdown-select {
    width: 100%;
  }
}
@media (max-width: 69.375rem) {
  .exposed-form .exposed-input-group input {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .exposed-form .exposed-input-group > label {
    width: 38%;
  }
  .exposed-form .exposed-input-group > .input-wrapper {
    width: 60%;
  }
}
@media (max-width: 575.98px) {
  .exposed-form .exposed-input-group {
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  .exposed-form .exposed-input-group > label {
    margin-bottom: 0.75rem;
    width: 100%;
  }
  .exposed-form .exposed-input-group .input-wrapper,
.exposed-form .exposed-input-group input,
.exposed-form .exposed-input-group .dropdown-select {
    width: 100%;
  }
}

.select-filter .history {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0 0.75rem 0 0;
}
.select-filter .history:disabled .history-icon:before {
  background: url("../img/history-disable.svg") no-repeat center;
  background-size: cover;
}
.select-filter .history .history-icon {
  width: 3.125rem;
  height: 3.125rem;
}
.select-filter .history .history-icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/history-enable.svg") no-repeat center;
  background-size: cover;
}

.swiper {
  height: 3.125rem;
  margin: 0 3rem;
  position: static;
}
@media (max-width: 87.5rem) {
  .swiper {
    margin: 0 2.875rem;
  }
}
.swiper .swiper-wrapper .swiper-slide {
  height: auto;
  width: 3.625rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  display: flex;
  justify-content: center;
}
.swiper .swiper-wrapper .swiper-slide:first-of-type {
  margin-right: 0;
}
.swiper .swiper-wrapper .swiper-slide:last-of-type {
  margin-left: 0;
}
@media (max-width: 87.5rem) {
  .swiper .swiper-wrapper .swiper-slide {
    width: 3.3125rem;
  }
}
.swiper .swiper-wrapper .swiper-slide a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .swiper .swiper-wrapper .swiper-slide a {
    transition: none;
  }
}
.swiper .swiper-wrapper .swiper-slide.level-1 a {
  background: url("../img/level-1.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-1 a.active, .swiper .swiper-wrapper .swiper-slide.level-1 a:hover {
  background: url("../img/level-1-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-2 a {
  background: url("../img/level-2.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-2 a.active, .swiper .swiper-wrapper .swiper-slide.level-2 a:hover {
  background: url("../img/level-2-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-3 a {
  background: url("../img/level-3.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-3 a.active, .swiper .swiper-wrapper .swiper-slide.level-3 a:hover {
  background: url("../img/level-3-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-4 a {
  background: url("../img/level-4.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-4 a.active, .swiper .swiper-wrapper .swiper-slide.level-4 a:hover {
  background: url("../img/level-4-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-5 a {
  background: url("../img/level-5.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-5 a.active, .swiper .swiper-wrapper .swiper-slide.level-5 a:hover {
  background: url("../img/level-5-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-6 a {
  background: url("../img/level-6.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-6 a.active, .swiper .swiper-wrapper .swiper-slide.level-6 a:hover {
  background: url("../img/level-6-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-7 a {
  background: url("../img/level-7.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-7 a.active, .swiper .swiper-wrapper .swiper-slide.level-7 a:hover {
  background: url("../img/level-7-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-8 a {
  background: url("../img/level-8.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-8 a.active, .swiper .swiper-wrapper .swiper-slide.level-8 a:hover {
  background: url("../img/level-8-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-9 a {
  background: url("../img/level-9.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-9 a.active, .swiper .swiper-wrapper .swiper-slide.level-9 a:hover {
  background: url("../img/level-9-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-10 a {
  background: url("../img/level-10.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-10 a.active, .swiper .swiper-wrapper .swiper-slide.level-10 a:hover {
  background: url("../img/level-10-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-11 a {
  background: url("../img/level-11.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-11 a.active, .swiper .swiper-wrapper .swiper-slide.level-11 a:hover {
  background: url("../img/level-11-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-12 a {
  background: url("../img/level-12.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-12 a.active, .swiper .swiper-wrapper .swiper-slide.level-12 a:hover {
  background: url("../img/level-12-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-13 a {
  background: url("../img/level-13.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-13 a.active, .swiper .swiper-wrapper .swiper-slide.level-13 a:hover {
  background: url("../img/level-13-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-14 a {
  background: url("../img/level-14.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-14 a.active, .swiper .swiper-wrapper .swiper-slide.level-14 a:hover {
  background: url("../img/level-14-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-15 a {
  background: url("../img/level-15.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-15 a.active, .swiper .swiper-wrapper .swiper-slide.level-15 a:hover {
  background: url("../img/level-15-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-16 a {
  background: url("../img/level-16.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-16 a.active, .swiper .swiper-wrapper .swiper-slide.level-16 a:hover {
  background: url("../img/level-16-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-17 a {
  background: url("../img/level-17.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-17 a.active, .swiper .swiper-wrapper .swiper-slide.level-17 a:hover {
  background: url("../img/level-17-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-18 a {
  background: url("../img/level-18.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-18 a.active, .swiper .swiper-wrapper .swiper-slide.level-18 a:hover {
  background: url("../img/level-18-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-19 a {
  background: url("../img/level-19.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-19 a.active, .swiper .swiper-wrapper .swiper-slide.level-19 a:hover {
  background: url("../img/level-19-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-20 a {
  background: url("../img/level-20.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-20 a.active, .swiper .swiper-wrapper .swiper-slide.level-20 a:hover {
  background: url("../img/level-20-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-21 a {
  background: url("../img/level-21.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-21 a.active, .swiper .swiper-wrapper .swiper-slide.level-21 a:hover {
  background: url("../img/level-21-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-22 a {
  background: url("../img/level-22.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-22 a.active, .swiper .swiper-wrapper .swiper-slide.level-22 a:hover {
  background: url("../img/level-22-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-23 a {
  background: url("../img/level-23.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-wrapper .swiper-slide.level-23 a.active, .swiper .swiper-wrapper .swiper-slide.level-23 a:hover {
  background: url("../img/level-23-hover.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-button {
  width: 1.5rem;
  height: 3.125rem;
  top: 0;
  margin: 0;
  transition: all 0.3s ease;
  opacity: 1;
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: reduce) {
  .swiper .swiper-button {
    transition: none;
  }
}
.swiper .swiper-button:hover {
  opacity: 0.75;
}
.swiper .swiper-button:after {
  content: none;
}
.swiper .swiper-button.swiper-button-prev {
  right: 0;
  left: auto;
  background: url("../img/level-prev.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-button.swiper-button-prev.swiper-button-disabled {
  opacity: 0.2;
}
.swiper .swiper-button.swiper-button-next {
  left: 0;
  right: auto;
  background: url("../img/level-next.svg") no-repeat center;
  background-size: cover;
}
.swiper .swiper-button.swiper-button-next.swiper-button-disabled {
  opacity: 0.2;
}

.article-action {
  width: 100%;
}
.article-action a {
  margin-right: 0;
  margin-left: 0.625rem;
}
.article-action .audio-player-wrapper {
  width: 20.875rem;
  height: 2.125rem;
  display: inline-block;
  vertical-align: top;
  float: left;
}
.article-action .audio-player-wrapper .player {
  height: 100%;
}
.article-content {
  background-color: #F6F8FC;
  border-radius: 0.9375rem;
  padding: 1.875rem;
  direction: rtl;
}
.article-title {
  font-size: calc(1.28125rem + 0.375vw) !important;
}
@media (min-width: 1200px) {
  .article-title {
    font-size: 1.5625rem !important;
  }
}
.article-provided-by-image {
  border: 0.0625rem solid #2C238D;
  border-radius: 0.625rem;
}
.article-provided-by-name {
  margin-right: 0.9375rem;
}
.article-body p {
  font-size: 1.125rem;
  margin-bottom: 2rem;
}
.article-body p:last-of-type {
  margin-bottom: 0;
}
.article-body-image {
  margin-bottom: 1.875rem;
  text-align: center;
}
.article-body-image img {
  margin: 0 auto;
}
.article-body h2, .article-body .h2,
.article-body h3,
.article-body .h3,
.article-body h4,
.article-body .h4,
.article-body h5,
.article-body .h5,
.article-body h6,
.article-body .h6 {
  margin-bottom: 2rem;
  font-weight: 700;
}
.article-rate > label {
  font-size: 1.125rem;
  margin-left: 0.75rem;
}

.chart-reports .chart-info ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.chart-reports .chart-info ul li {
  position: relative;
  padding-right: 1.5625rem;
  font-size: 0.875rem;
}
.chart-reports .chart-info ul li:not(:last-of-type) {
  margin-bottom: 0.75rem;
}
.chart-reports .chart-info ul li .bullet {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.9375rem;
  height: 0.9375rem;
}
.chart-reports .chart-info ul li .bullet:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.chart-reports .chart-info ul li .bullet.books-read:before {
  background: url("../img/bullet-books-read.svg") no-repeat center;
}
.chart-reports .chart-info ul li .bullet.books-heard:before {
  background: url("../img/bullet-books-heard.svg") no-repeat center;
}
.chart-reports .chart-info ul li .bullet.quizzes-completed:before {
  background: url("../img/bullet-quizzes-completed.svg") no-repeat center;
}
.chart-reports .chart-info ul li .bullet.recordings:before {
  background: url("../img/bullet-recordings.svg") no-repeat center;
}
.chart-reports .chart-info ul li .bullet.worksheets-completed:before {
  background: url("../img/bullet-worksheets-completed.svg") no-repeat center;
}
.chart-reports .chart-info ul li .bullet.bullet-true:before {
  background: url("../img/bullet-true.svg") no-repeat center;
}
.chart-reports .chart-info ul li .bullet.bullet-false:before {
  background: url("../img/bullet-false.svg") no-repeat center;
}
.chart-reports .chart-info ul li .bullet.bullet-underway:before {
  background: url("../img/bullet-underway.svg") no-repeat center;
}
.chart-reports .chart-info ul li b {
  margin-right: 1.25rem;
  font-size: 1rem;
}
.chart-reports .chart {
  width: 15.625rem;
  height: 15.625rem;
  margin-left: 1.5rem;
  position: relative;
}
.chart-reports .chart .chart-numnber {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .chart-reports .chart .chart-numnber {
    transition: none;
  }
}
.chart-reports .chart .chart-numnber .report-number {
  font-size: calc(1.3125rem + 0.75vw);
  font-weight: 700;
  margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
  .chart-reports .chart .chart-numnber .report-number {
    font-size: 1.875rem;
  }
}
.chart-reports .chart .chart-numnber .report-day {
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 81.25rem) {
  .chart-reports .chart {
    width: 10.625rem;
    height: 10.625rem;
  }
  .chart-reports .chart .chart-numnber .report-number {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
  .chart-reports .chart .chart-numnber .report-day {
    font-size: 1rem;
  }
}
@media (max-width: 69.375rem) {
  .chart-reports .col-lg-6 {
    width: 100% !important;
  }
}
@media (max-width: 575.98px) {
  .chart-reports .chart-item {
    flex-direction: column !important;
  }
  .chart-reports .chart-info {
    margin-top: 1.875rem;
  }
  .chart-reports .chart {
    margin-right: 0;
  }
}

.winners-wrapper .winner-item {
  background-color: #FFE24F21;
  padding: 0.875rem 1.25rem;
}
.winners-wrapper .winner-item:nth-child(1) .winner-item-icon:after {
  content: "1";
}
.winners-wrapper .winner-item:nth-child(2) .winner-item-icon:after {
  content: "2";
}
.winners-wrapper .winner-item:nth-child(3) .winner-item-icon:after {
  content: "3";
}
.winners-wrapper .winner-item:nth-child(4) .winner-item-icon:after {
  content: "4";
}
.winners-wrapper .winner-item:nth-child(5) .winner-item-icon:after {
  content: "5";
}
.winners-wrapper .winner-item:nth-child(6) .winner-item-icon:after {
  content: "6";
}
.winners-wrapper .winner-item:nth-child(7) .winner-item-icon:after {
  content: "7";
}
.winners-wrapper .winner-item:nth-child(8) .winner-item-icon:after {
  content: "8";
}
.winners-wrapper .winner-item:nth-child(9) .winner-item-icon:after {
  content: "9";
}
.winners-wrapper .winner-item:nth-child(10) .winner-item-icon:after {
  content: "10";
}
.winners-wrapper .winner-item:nth-child(11) .winner-item-icon:after {
  content: "11";
}
.winners-wrapper .winner-item:nth-child(12) .winner-item-icon:after {
  content: "12";
}
.winners-wrapper .winner-item:nth-child(13) .winner-item-icon:after {
  content: "13";
}
.winners-wrapper .winner-item:nth-child(14) .winner-item-icon:after {
  content: "14";
}
.winners-wrapper .winner-item:nth-child(15) .winner-item-icon:after {
  content: "15";
}
.winners-wrapper .winner-item:nth-child(16) .winner-item-icon:after {
  content: "16";
}
.winners-wrapper .winner-item:nth-child(17) .winner-item-icon:after {
  content: "17";
}
.winners-wrapper .winner-item:nth-child(18) .winner-item-icon:after {
  content: "18";
}
.winners-wrapper .winner-item:nth-child(19) .winner-item-icon:after {
  content: "19";
}
.winners-wrapper .winner-item:nth-child(20) .winner-item-icon:after {
  content: "20";
}
.winners-wrapper .winner-item:nth-child(21) .winner-item-icon:after {
  content: "21";
}
.winners-wrapper .winner-item:nth-child(22) .winner-item-icon:after {
  content: "22";
}
.winners-wrapper .winner-item:nth-child(23) .winner-item-icon:after {
  content: "23";
}
.winners-wrapper .winner-item:nth-child(24) .winner-item-icon:after {
  content: "24";
}
.winners-wrapper .winner-item:nth-child(25) .winner-item-icon:after {
  content: "25";
}
.winners-wrapper .winner-item:nth-child(26) .winner-item-icon:after {
  content: "26";
}
.winners-wrapper .winner-item:nth-child(27) .winner-item-icon:after {
  content: "27";
}
.winners-wrapper .winner-item:nth-child(28) .winner-item-icon:after {
  content: "28";
}
.winners-wrapper .winner-item:nth-child(29) .winner-item-icon:after {
  content: "29";
}
.winners-wrapper .winner-item:nth-child(30) .winner-item-icon:after {
  content: "30";
}
.winners-wrapper .winner-item:nth-child(31) .winner-item-icon:after {
  content: "31";
}
.winners-wrapper .winner-item:nth-child(32) .winner-item-icon:after {
  content: "32";
}
.winners-wrapper .winner-item:nth-child(33) .winner-item-icon:after {
  content: "33";
}
.winners-wrapper .winner-item:nth-child(34) .winner-item-icon:after {
  content: "34";
}
.winners-wrapper .winner-item:nth-child(35) .winner-item-icon:after {
  content: "35";
}
.winners-wrapper .winner-item:nth-child(36) .winner-item-icon:after {
  content: "36";
}
.winners-wrapper .winner-item:nth-child(37) .winner-item-icon:after {
  content: "37";
}
.winners-wrapper .winner-item:nth-child(38) .winner-item-icon:after {
  content: "38";
}
.winners-wrapper .winner-item:nth-child(39) .winner-item-icon:after {
  content: "39";
}
.winners-wrapper .winner-item:nth-child(40) .winner-item-icon:after {
  content: "40";
}
.winners-wrapper .winner-item:nth-child(41) .winner-item-icon:after {
  content: "41";
}
.winners-wrapper .winner-item:nth-child(42) .winner-item-icon:after {
  content: "42";
}
.winners-wrapper .winner-item:nth-child(43) .winner-item-icon:after {
  content: "43";
}
.winners-wrapper .winner-item:nth-child(44) .winner-item-icon:after {
  content: "44";
}
.winners-wrapper .winner-item:nth-child(45) .winner-item-icon:after {
  content: "45";
}
.winners-wrapper .winner-item:nth-child(46) .winner-item-icon:after {
  content: "46";
}
.winners-wrapper .winner-item:nth-child(47) .winner-item-icon:after {
  content: "47";
}
.winners-wrapper .winner-item:nth-child(48) .winner-item-icon:after {
  content: "48";
}
.winners-wrapper .winner-item:nth-child(49) .winner-item-icon:after {
  content: "49";
}
.winners-wrapper .winner-item:nth-child(50) .winner-item-icon:after {
  content: "50";
}
.winners-wrapper .winner-item:nth-child(51) .winner-item-icon:after {
  content: "51";
}
.winners-wrapper .winner-item:nth-child(52) .winner-item-icon:after {
  content: "52";
}
.winners-wrapper .winner-item:nth-child(53) .winner-item-icon:after {
  content: "53";
}
.winners-wrapper .winner-item:nth-child(54) .winner-item-icon:after {
  content: "54";
}
.winners-wrapper .winner-item:nth-child(55) .winner-item-icon:after {
  content: "55";
}
.winners-wrapper .winner-item:nth-child(56) .winner-item-icon:after {
  content: "56";
}
.winners-wrapper .winner-item:nth-child(57) .winner-item-icon:after {
  content: "57";
}
.winners-wrapper .winner-item:nth-child(58) .winner-item-icon:after {
  content: "58";
}
.winners-wrapper .winner-item:nth-child(59) .winner-item-icon:after {
  content: "59";
}
.winners-wrapper .winner-item:nth-child(60) .winner-item-icon:after {
  content: "60";
}
.winners-wrapper .winner-item:nth-child(61) .winner-item-icon:after {
  content: "61";
}
.winners-wrapper .winner-item:nth-child(62) .winner-item-icon:after {
  content: "62";
}
.winners-wrapper .winner-item:nth-child(63) .winner-item-icon:after {
  content: "63";
}
.winners-wrapper .winner-item:nth-child(64) .winner-item-icon:after {
  content: "64";
}
.winners-wrapper .winner-item:nth-child(65) .winner-item-icon:after {
  content: "65";
}
.winners-wrapper .winner-item:nth-child(66) .winner-item-icon:after {
  content: "66";
}
.winners-wrapper .winner-item:nth-child(67) .winner-item-icon:after {
  content: "67";
}
.winners-wrapper .winner-item:nth-child(68) .winner-item-icon:after {
  content: "68";
}
.winners-wrapper .winner-item:nth-child(69) .winner-item-icon:after {
  content: "69";
}
.winners-wrapper .winner-item:nth-child(70) .winner-item-icon:after {
  content: "70";
}
.winners-wrapper .winner-item:nth-child(71) .winner-item-icon:after {
  content: "71";
}
.winners-wrapper .winner-item:nth-child(72) .winner-item-icon:after {
  content: "72";
}
.winners-wrapper .winner-item:nth-child(73) .winner-item-icon:after {
  content: "73";
}
.winners-wrapper .winner-item:nth-child(74) .winner-item-icon:after {
  content: "74";
}
.winners-wrapper .winner-item:nth-child(75) .winner-item-icon:after {
  content: "75";
}
.winners-wrapper .winner-item:nth-child(76) .winner-item-icon:after {
  content: "76";
}
.winners-wrapper .winner-item:nth-child(77) .winner-item-icon:after {
  content: "77";
}
.winners-wrapper .winner-item:nth-child(78) .winner-item-icon:after {
  content: "78";
}
.winners-wrapper .winner-item:nth-child(79) .winner-item-icon:after {
  content: "79";
}
.winners-wrapper .winner-item:nth-child(80) .winner-item-icon:after {
  content: "80";
}
.winners-wrapper .winner-item:nth-child(81) .winner-item-icon:after {
  content: "81";
}
.winners-wrapper .winner-item:nth-child(82) .winner-item-icon:after {
  content: "82";
}
.winners-wrapper .winner-item:nth-child(83) .winner-item-icon:after {
  content: "83";
}
.winners-wrapper .winner-item:nth-child(84) .winner-item-icon:after {
  content: "84";
}
.winners-wrapper .winner-item:nth-child(85) .winner-item-icon:after {
  content: "85";
}
.winners-wrapper .winner-item:nth-child(86) .winner-item-icon:after {
  content: "86";
}
.winners-wrapper .winner-item:nth-child(87) .winner-item-icon:after {
  content: "87";
}
.winners-wrapper .winner-item:nth-child(88) .winner-item-icon:after {
  content: "88";
}
.winners-wrapper .winner-item:nth-child(89) .winner-item-icon:after {
  content: "89";
}
.winners-wrapper .winner-item:nth-child(90) .winner-item-icon:after {
  content: "90";
}
.winners-wrapper .winner-item:nth-child(91) .winner-item-icon:after {
  content: "91";
}
.winners-wrapper .winner-item:nth-child(92) .winner-item-icon:after {
  content: "92";
}
.winners-wrapper .winner-item:nth-child(93) .winner-item-icon:after {
  content: "93";
}
.winners-wrapper .winner-item:nth-child(94) .winner-item-icon:after {
  content: "94";
}
.winners-wrapper .winner-item:nth-child(95) .winner-item-icon:after {
  content: "95";
}
.winners-wrapper .winner-item:nth-child(96) .winner-item-icon:after {
  content: "96";
}
.winners-wrapper .winner-item:nth-child(97) .winner-item-icon:after {
  content: "97";
}
.winners-wrapper .winner-item:nth-child(98) .winner-item-icon:after {
  content: "98";
}
.winners-wrapper .winner-item:nth-child(99) .winner-item-icon:after {
  content: "99";
}
.winners-wrapper .winner-item:not(:last-of-type) {
  margin-bottom: 0.9375rem;
}
.winners-wrapper .winner-item-info h5, .winners-wrapper .winner-item-info .h5 {
  font-size: 1.125rem;
  font-weight: 700;
}
.winners-wrapper .winner-item-image {
  margin-left: 1.25rem;
  max-width: 2.875rem;
  max-height: 2.875rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.winners-wrapper .winner-item-icon {
  position: relative;
  width: 2.5625rem;
  height: 3rem;
}
.winners-wrapper .winner-item-icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/winners.svg") no-repeat center;
}
.winners-wrapper .winner-item-icon:after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  font-weight: 700;
}

.leaderboards-wrapper .leaderboard-item {
  height: 100%;
  margin-bottom: 1.25rem;
}
.leaderboards-wrapper .leaderboard-item > div {
  background-color: #F5F7FD;
  padding: 1.125rem;
  height: 100%;
}
.leaderboards-wrapper .leaderboard-item:nth-child(1) > div {
  background-color: #FCF67E;
}
.leaderboards-wrapper .leaderboard-item:nth-child(1) .leaderboard-item-counter:after {
  content: "1.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(2) > div {
  background-color: #FFD4FF;
}
.leaderboards-wrapper .leaderboard-item:nth-child(2) .leaderboard-item-counter:after {
  content: "2.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(3) > div {
  background-color: #94F5F5;
}
.leaderboards-wrapper .leaderboard-item:nth-child(3) .leaderboard-item-counter:after {
  content: "3.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(4) .leaderboard-item-counter:after {
  content: "4.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(5) .leaderboard-item-counter:after {
  content: "5.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(6) .leaderboard-item-counter:after {
  content: "6.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(7) .leaderboard-item-counter:after {
  content: "7.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(8) .leaderboard-item-counter:after {
  content: "8.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(9) .leaderboard-item-counter:after {
  content: "9.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(10) .leaderboard-item-counter:after {
  content: "10.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(11) .leaderboard-item-counter:after {
  content: "11.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(12) .leaderboard-item-counter:after {
  content: "12.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(13) .leaderboard-item-counter:after {
  content: "13.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(14) .leaderboard-item-counter:after {
  content: "14.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(15) .leaderboard-item-counter:after {
  content: "15.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(16) .leaderboard-item-counter:after {
  content: "16.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(17) .leaderboard-item-counter:after {
  content: "17.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(18) .leaderboard-item-counter:after {
  content: "18.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(19) .leaderboard-item-counter:after {
  content: "19.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(20) .leaderboard-item-counter:after {
  content: "20.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(21) .leaderboard-item-counter:after {
  content: "21.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(22) .leaderboard-item-counter:after {
  content: "22.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(23) .leaderboard-item-counter:after {
  content: "23.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(24) .leaderboard-item-counter:after {
  content: "24.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(25) .leaderboard-item-counter:after {
  content: "25.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(26) .leaderboard-item-counter:after {
  content: "26.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(27) .leaderboard-item-counter:after {
  content: "27.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(28) .leaderboard-item-counter:after {
  content: "28.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(29) .leaderboard-item-counter:after {
  content: "29.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(30) .leaderboard-item-counter:after {
  content: "30.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(31) .leaderboard-item-counter:after {
  content: "31.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(32) .leaderboard-item-counter:after {
  content: "32.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(33) .leaderboard-item-counter:after {
  content: "33.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(34) .leaderboard-item-counter:after {
  content: "34.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(35) .leaderboard-item-counter:after {
  content: "35.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(36) .leaderboard-item-counter:after {
  content: "36.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(37) .leaderboard-item-counter:after {
  content: "37.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(38) .leaderboard-item-counter:after {
  content: "38.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(39) .leaderboard-item-counter:after {
  content: "39.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(40) .leaderboard-item-counter:after {
  content: "40.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(41) .leaderboard-item-counter:after {
  content: "41.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(42) .leaderboard-item-counter:after {
  content: "42.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(43) .leaderboard-item-counter:after {
  content: "43.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(44) .leaderboard-item-counter:after {
  content: "44.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(45) .leaderboard-item-counter:after {
  content: "45.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(46) .leaderboard-item-counter:after {
  content: "46.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(47) .leaderboard-item-counter:after {
  content: "47.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(48) .leaderboard-item-counter:after {
  content: "48.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(49) .leaderboard-item-counter:after {
  content: "49.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(50) .leaderboard-item-counter:after {
  content: "50.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(51) .leaderboard-item-counter:after {
  content: "51.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(52) .leaderboard-item-counter:after {
  content: "52.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(53) .leaderboard-item-counter:after {
  content: "53.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(54) .leaderboard-item-counter:after {
  content: "54.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(55) .leaderboard-item-counter:after {
  content: "55.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(56) .leaderboard-item-counter:after {
  content: "56.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(57) .leaderboard-item-counter:after {
  content: "57.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(58) .leaderboard-item-counter:after {
  content: "58.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(59) .leaderboard-item-counter:after {
  content: "59.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(60) .leaderboard-item-counter:after {
  content: "60.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(61) .leaderboard-item-counter:after {
  content: "61.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(62) .leaderboard-item-counter:after {
  content: "62.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(63) .leaderboard-item-counter:after {
  content: "63.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(64) .leaderboard-item-counter:after {
  content: "64.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(65) .leaderboard-item-counter:after {
  content: "65.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(66) .leaderboard-item-counter:after {
  content: "66.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(67) .leaderboard-item-counter:after {
  content: "67.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(68) .leaderboard-item-counter:after {
  content: "68.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(69) .leaderboard-item-counter:after {
  content: "69.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(70) .leaderboard-item-counter:after {
  content: "70.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(71) .leaderboard-item-counter:after {
  content: "71.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(72) .leaderboard-item-counter:after {
  content: "72.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(73) .leaderboard-item-counter:after {
  content: "73.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(74) .leaderboard-item-counter:after {
  content: "74.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(75) .leaderboard-item-counter:after {
  content: "75.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(76) .leaderboard-item-counter:after {
  content: "76.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(77) .leaderboard-item-counter:after {
  content: "77.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(78) .leaderboard-item-counter:after {
  content: "78.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(79) .leaderboard-item-counter:after {
  content: "79.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(80) .leaderboard-item-counter:after {
  content: "80.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(81) .leaderboard-item-counter:after {
  content: "81.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(82) .leaderboard-item-counter:after {
  content: "82.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(83) .leaderboard-item-counter:after {
  content: "83.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(84) .leaderboard-item-counter:after {
  content: "84.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(85) .leaderboard-item-counter:after {
  content: "85.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(86) .leaderboard-item-counter:after {
  content: "86.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(87) .leaderboard-item-counter:after {
  content: "87.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(88) .leaderboard-item-counter:after {
  content: "88.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(89) .leaderboard-item-counter:after {
  content: "89.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(90) .leaderboard-item-counter:after {
  content: "90.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(91) .leaderboard-item-counter:after {
  content: "91.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(92) .leaderboard-item-counter:after {
  content: "92.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(93) .leaderboard-item-counter:after {
  content: "93.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(94) .leaderboard-item-counter:after {
  content: "94.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(95) .leaderboard-item-counter:after {
  content: "95.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(96) .leaderboard-item-counter:after {
  content: "96.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(97) .leaderboard-item-counter:after {
  content: "97.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(98) .leaderboard-item-counter:after {
  content: "98.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item:nth-child(99) .leaderboard-item-counter:after {
  content: "99.";
  margin-left: 0.625rem;
  font-size: 0.8125rem;
}
.leaderboards-wrapper .leaderboard-item-info {
  width: 100%;
}
.leaderboards-wrapper .leaderboard-item-info-image {
  margin-left: 0.9375rem;
  max-width: 3.25rem;
  max-height: 3.25rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 0.0625rem solid #2C238D;
}
.leaderboards-wrapper .leaderboard-item-info h6, .leaderboards-wrapper .leaderboard-item-info .h6 {
  font-size: 0.875rem;
  font-weight: 700;
}
.leaderboards-wrapper .leaderboard-item-stars {
  margin-right: 0.625rem;
  background-color: #fff;
  border-radius: 0.625rem;
  min-width: 5.75rem;
  min-height: 1.875rem;
  padding: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.leaderboards-wrapper .leaderboard-item-stars span {
  display: inline-block;
  font-size: 0.875rem;
}
.leaderboards-wrapper .leaderboard-item-stars span::before {
  content: "";
  width: 1.125rem;
  height: 1rem;
  display: inline-block;
  margin-left: 0.875rem;
  background: url("../img/leaderboard-star.svg") no-repeat center;
  vertical-align: sub;
}

.chat-lists-wrapper {
  background-color: #F6F8FC;
  border-radius: 0.625rem;
  padding: 1.25rem 1.5625rem;
}
.chat-lists-wrapper:not(.direct-messages) {
  min-height: 36.875rem;
}
.chat-lists-wrapper .chat-item a {
  color: inherit;
}
.chat-lists-wrapper .chat-item:last-of-type {
  margin-bottom: 0;
}
.chat-lists-wrapper .chat-item:hover {
  background-color: #f7f7f7;
}
.chat-lists-wrapper .chat-item-type {
  padding-left: 0.625rem;
  margin: auto 0;
  min-height: 3.125rem;
}
.chat-lists-wrapper .chat-item-image {
  margin-left: 0.75rem;
}
.chat-lists-wrapper .chat-item-image .student-img {
  border: 0.0625rem solid #2C238D;
  border-radius: 50%;
}
.chat-lists-wrapper .chat-item-image .student-img,
.chat-lists-wrapper .chat-item-image .system-img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}
.chat-lists-wrapper .chat-item-datetime {
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.chat-lists-wrapper .chat-item-datetime .date,
.chat-lists-wrapper .chat-item-datetime .time {
  display: block;
}
.chat-lists-wrapper .chat-item-datetime .time {
  margin-top: 0.625rem;
  direction: ltr;
}
.chat-lists-wrapper .chat-item-message {
  font-size: 0.875rem;
  margin-top: 0.9375rem;
  border-top: 0.0625rem solid #B8B5E0;
  padding: 0.9375rem 0.3125rem 0 0.6875rem;
}
.chat-lists-wrapper.direct-messages {
  padding: 1.5625rem 0.625rem;
}
.chat-lists-wrapper.direct-messages .direct-messages-wrapper {
  padding: 0 0.625rem;
  min-height: 25.5rem;
  max-height: 25.5rem;
  margin-bottom: 1rem;
  overflow-y: auto;
}
.chat-lists-wrapper.direct-messages .direct-messages-wrapper::-webkit-scrollbar {
  width: 0.25rem;
  background: transparent;
}
.chat-lists-wrapper.direct-messages .direct-messages-wrapper::-webkit-scrollbar-thumb {
  background: #dee0f3;
  border-radius: 0.1875rem;
}
.chat-lists-wrapper.direct-messages .message-date {
  text-align: center;
  background: #B7B4D9;
  height: 0.03125rem;
  margin: 0.5rem 0 1.875rem;
}
.chat-lists-wrapper.direct-messages .message-date span {
  font-size: 0.875rem;
  padding: 0 1.5rem;
  background: #F6F8FC;
  position: relative;
  top: -0.875rem;
  color: #B7B4D9;
}
.chat-lists-wrapper.direct-messages .new-message {
  text-align: center;
  background: #2C238D;
  height: 0.0625rem;
  margin: 0.625rem 0;
}
.chat-lists-wrapper.direct-messages .new-message span {
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 0.625rem;
  background: #F6F8FC;
  position: relative;
  top: -0.875rem;
  color: #2C238D;
}
.chat-lists-wrapper.direct-messages .teacher-msg {
  flex-direction: row-reverse;
  justify-content: end;
  margin-bottom: 1.5625rem;
}
.chat-lists-wrapper.direct-messages .teacher-msg .direct-messages-img {
  margin-right: 0.625rem;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
}
.chat-lists-wrapper.direct-messages .teacher-msg .direct-messages-msg-text {
  background-color: #fff;
  border-radius: 0 2rem 2rem 2rem;
}
.chat-lists-wrapper.direct-messages .student-msg {
  flex-direction: row;
  justify-content: start;
  margin-bottom: 1.5625rem;
}
.chat-lists-wrapper.direct-messages .student-msg .direct-messages-img {
  margin-left: 0.625rem;
  border: 0.0625rem solid #2C238D;
  border-radius: 50%;
  width: 3.25rem;
  height: 3.25rem;
  object-fit: contain;
}
.chat-lists-wrapper.direct-messages .student-msg .direct-messages-msg-text {
  background-color: #e8ffe2;
  border-radius: 2rem 0 2rem 2rem;
}
.chat-lists-wrapper.direct-messages .student-msg .direct-messages-msg-datetime {
  text-align: right;
}
.chat-lists-wrapper.direct-messages .direct-messages-img {
  max-width: 3.4375rem;
  max-height: 3.4375rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-lists-wrapper.direct-messages .direct-messages-msg {
  max-width: 18.75rem;
}
@media (max-width: 991.98px) {
  .chat-lists-wrapper.direct-messages .direct-messages-msg {
    max-width: 100%;
  }
}
.chat-lists-wrapper.direct-messages .direct-messages-msg-text {
  direction: rtl;
}
.chat-lists-wrapper.direct-messages .direct-messages-msg-text .file {
  position: relative;
  padding-right: 1.5rem;
  font-size: 1.125rem;
  display: inline-block;
}
.chat-lists-wrapper.direct-messages .direct-messages-msg-text .file:before {
  content: "";
  position: absolute;
  top: 0.125rem;
  right: 0.25rem;
  width: 0.875rem;
  height: 1.3125rem;
  background: url("../img/download.svg") no-repeat center;
}
.chat-lists-wrapper.direct-messages .direct-messages-msg-datetime {
  color: #B7B4D9;
  text-align: left;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form {
  border: 0.03125rem solid #B2B0D0;
  border-radius: 1.5625rem;
  padding: 0.3125rem;
  background-color: #fff;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .file-input-wrapper .file-label {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  font-size: 0;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .file-input-wrapper .file-label {
    transition: none;
  }
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .file-input-wrapper .file-label:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url("../img/documents.svg") no-repeat center;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .file-input-wrapper .file-label:hover {
  cursor: pointer;
  opacity: 0.75;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .file-input-wrapper .file-input {
  display: none;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .message-input-wrapper {
  width: calc(100% - 5rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .message-input-wrapper .message-input {
  width: 100%;
  border: 0;
  box-shadow: none;
  color: #2C238D;
  padding: 0;
  margin: 0;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .message-input-wrapper .message-input::placeholder {
  color: #B4B2C3;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .message-input-wrapper .message-input:focus-visible {
  outline: 0;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .direct-messages-btn-wrapper {
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .direct-messages-btn-wrapper .direct-messages-btn {
  border: 0;
  background: transparent;
  box-shadow: none;
  width: 100%;
  height: 100%;
  font-size: 0;
  padding: 0;
  margin: 0;
  display: block;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .direct-messages-btn-wrapper .direct-messages-btn:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: url("../img/send-btn-ds.svg") no-repeat center;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .direct-messages-btn-wrapper .direct-messages-btn:before {
    transition: none;
  }
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .direct-messages-btn-wrapper .direct-messages-btn:not(:disabled):before {
  background: url("../img/send-btn-en.svg") no-repeat center;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .direct-messages-form .direct-messages-btn-wrapper .direct-messages-btn:hover {
  opacity: 0.75;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper {
  display: none;
  position: relative;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper .file-box {
  display: inline-block;
  background-color: #D3D2E2;
  border-radius: 0.625rem;
  padding: 0.625rem 2.125rem 0.625rem 3rem;
  box-sizing: border-box;
  min-width: 18rem;
  min-height: 2.75rem;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper .file-box:before {
  content: "";
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: block;
  width: 0.875rem;
  height: 1.25rem;
  background: url("../img/file-download.svg") no-repeat center;
  background-size: cover;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper .file-box:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.625rem;
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background: url("../img/loading-file.svg") no-repeat center;
  background-size: 3.5rem;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper .remove-file {
  display: none;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper .remove-file:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.625rem;
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  background: url("../img/circle-close.svg") no-repeat center;
  background-size: cover;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper.uploading {
  display: inline-block;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper.uploaded {
  display: inline-block;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper.uploaded .file-box:after {
  content: none;
}
.chat-lists-wrapper.direct-messages .direct-messages-form-wrapper .file-box-wrapper.uploaded .remove-file {
  display: inline-block;
}

.help-message {
  position: fixed;
  bottom: 2.5rem;
  left: 2.5rem;
  display: block;
  width: 6.125rem;
  height: 6.125rem;
  transition: all 0.25s ease;
  z-index: 999;
}
@media (prefers-reduced-motion: reduce) {
  .help-message {
    transition: none;
  }
}
.help-message:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/help-message.svg") no-repeat center;
  background-size: cover;
}
.help-message:hover {
  cursor: pointer;
  transform: scale(1.1);
}

.help-form-wrapper {
  position: fixed;
  bottom: 2.375rem;
  left: 2.5rem;
  z-index: 999;
  display: none;
}
.help-form-wrapper.focused {
  z-index: 1055;
}
.help-form-wrapper .close-form {
  background-color: #F1F5FB;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  position: relative;
  margin-bottom: 0.625rem;
}
.help-form-wrapper .close-form:hover {
  cursor: pointer;
}
.help-form-wrapper .close-form:hover svg {
  transform: translate(-50%, -50%) scale(1.1);
}
.help-form-wrapper .close-form svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .help-form-wrapper .close-form svg {
    transition: none;
  }
}
.help-form-wrapper .close-form svg path {
  fill: #2C238D;
}
.help-form-wrapper .form-wrapper {
  background-color: #F1F5FB;
  padding: 1.5625rem 1.25rem;
  border-radius: 1.875rem;
  box-shadow: 0 0.1875rem 1rem #9DA3AD5D;
  min-width: 23.5rem;
}
.help-form-wrapper .form-wrapper label {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}
.help-form-wrapper .form-wrapper textarea {
  resize: none;
  border: 0.03125rem solid #B2B0D0;
  border-radius: 0.625rem;
  padding: 0.625rem 0.9375rem;
  color: #2C238D;
}
.help-form-wrapper .form-wrapper textarea::placeholder {
  color: #B4B2C3;
}
.help-form-wrapper .form-wrapper textarea:focus {
  outline: 0;
  border: 0.03125rem solid #2C238D;
}
.help-form-wrapper .form-wrapper input[type=submit] {
  width: 14.125rem;
  display: block;
  margin: 2.375rem auto 0;
}
.help-form-wrapper .form-wrapper input[type=submit]:not(:disabled) {
  border-color: #2C238D !important;
}
@media (max-width: 575.98px) {
  .help-form-wrapper {
    bottom: 1.25rem;
    right: 1.25rem;
  }
  .help-form-wrapper .form-wrapper {
    min-width: 100%;
    width: 100%;
  }
}

.game-page-container {
  min-height: 31.5rem;
}
.game-page-container iframe {
  min-height: 88vh;
  width: 100%;
  display: block;
}

.search-page .breadcrumb {
  margin-bottom: 1.25rem;
}
.search-page .filter-icon {
  pointer-events: none;
}
.search-page .search-components .search-component-item {
  width: 100%;
  height: 100%;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .search-page .search-components .search-component-item {
    transition: none;
  }
}
.search-page .search-components .search-component-item:hover {
  transform: scale(1.05);
}
.search-page .search-components .search-component-item .component-info {
  margin-right: 0.625rem;
}

.ajax-progress-fullscreen {
  display: inline-block;
  position: absolute;
  z-index: 1000;
  right: 56%;
  width: 3.375rem;
  height: 3.375rem;
  padding: 0.25rem;
  border-radius: 0.5rem;
  background-image: url("../img/loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -webkit-background-size: cover;
  background-size: cover;
}

.book-loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 999;
}
.book-loader .book-loader-wrapper {
  --color: #2C238D;
  --background: #6A64AF;
  --duration: 6.8s;
  width: 2rem;
  height: 0.75rem;
  position: relative;
  margin: 2rem 0 0 -1rem;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  animation: book-outer var(--duration) ease infinite;
  zoom: 2;
}
.book-loader .book-loader-wrapper .book-loader-inner {
  width: 2rem;
  height: 0.75rem;
  position: relative;
  transform-origin: 0.125rem 0.125rem;
  transform: rotateZ(-90deg);
  transform-style: preserve-3d;
  animation: book var(--duration) ease infinite;
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-left,
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-right {
  width: 3.75rem;
  height: 0.25rem;
  top: 0;
  background: var(--color);
  position: absolute;
  transform-style: preserve-3d;
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-left:before,
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-right:before {
  content: "";
  width: 3rem;
  height: 0.25rem;
  background: inherit;
  position: absolute;
  top: -0.625rem;
  left: 0.375rem;
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-left:after,
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-right:after {
  --x: 0;
  content: "";
  width: 4.375rem;
  height: 5rem;
  background: var(--background);
  border: 0.25rem solid var(--color);
  position: absolute;
  left: 0;
  top: 0;
  transform: rotateX(90deg) translateZ(2.25rem) translateY(-2.5rem) translateX(var(--x));
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-left {
  right: 1.75rem;
  transform-origin: 3.625rem 0.125rem;
  transform: rotateZ(90deg);
  animation: left var(--duration) ease infinite;
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-right {
  left: 1.75rem;
  transform-origin: 0.125rem 0.125rem;
  transform: rotateZ(-90deg);
  animation: right var(--duration) ease infinite;
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-right:after {
  --x: -0.625rem;
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-middle {
  width: 2rem;
  height: 0.75rem;
  border: 0.25rem solid var(--color);
  border-top: 0;
  transform: translateY(0.125rem);
}
.book-loader .book-loader-wrapper .book-loader-inner .book-loader-middle:after {
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 4.375rem;
  background: var(--background);
  position: absolute;
  transform: translateZ(0.0625rem);
}
.book-loader .book-loader-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 0;
}
.book-loader .book-loader-wrapper ul li {
  transform-style: preserve-3d;
  height: 0.25rem;
  transform-origin: 100% 0.125rem;
  width: 3rem;
  right: 0;
  top: -0.625rem;
  position: absolute;
  background: var(--color);
  transform: rotateZ(0deg) translateX(-1.125rem);
  animation-duration: var(--duration);
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.book-loader .book-loader-wrapper ul li:before {
  content: "";
  transform-origin: 0 0;
  transform: rotateX(90deg) translateY(-5rem);
  position: absolute;
  display: block;
  width: 3.75rem;
  height: 5rem;
  left: -0.375rem;
  border: 0.25rem solid var(--color);
  background: var(--background);
}
.book-loader .book-loader-wrapper ul li:nth-child(0) {
  animation-name: page-0;
}
.book-loader .book-loader-wrapper ul li:nth-child(1) {
  animation-name: page-1;
}
.book-loader .book-loader-wrapper ul li:nth-child(2) {
  animation-name: page-2;
}
.book-loader .book-loader-wrapper ul li:nth-child(3) {
  animation-name: page-3;
}
.book-loader .book-loader-wrapper ul li:nth-child(4) {
  animation-name: page-4;
}
.book-loader .book-loader-wrapper ul li:nth-child(5) {
  animation-name: page-5;
}
.book-loader .book-loader-wrapper ul li:nth-child(6) {
  animation-name: page-6;
}
.book-loader .book-loader-wrapper ul li:nth-child(7) {
  animation-name: page-7;
}
.book-loader .book-loader-wrapper ul li:nth-child(8) {
  animation-name: page-8;
}
.book-loader .book-loader-wrapper ul li:nth-child(9) {
  animation-name: page-9;
}
.book-loader .book-loader-wrapper ul li:nth-child(10) {
  animation-name: page-10;
}
.book-loader .book-loader-wrapper ul li:nth-child(11) {
  animation-name: page-11;
}
.book-loader .book-loader-wrapper ul li:nth-child(12) {
  animation-name: page-12;
}
.book-loader .book-loader-wrapper ul li:nth-child(13) {
  animation-name: page-13;
}
.book-loader .book-loader-wrapper ul li:nth-child(14) {
  animation-name: page-14;
}
.book-loader .book-loader-wrapper ul li:nth-child(15) {
  animation-name: page-15;
}
.book-loader .book-loader-wrapper ul li:nth-child(16) {
  animation-name: page-16;
}
.book-loader .book-loader-wrapper ul li:nth-child(17) {
  animation-name: page-17;
}
.book-loader .book-loader-wrapper ul li:nth-child(18) {
  animation-name: page-18;
}
.book-loader .book-loader-wrapper ul li:nth-child(19) {
  animation-name: page-19;
}
.book-loader .book-loader-wrapper ul li:nth-child(20) {
  animation-name: page-20;
}
@keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  13%, 54% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  63% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  14.74%, 55.86% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  64.74% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  16.48%, 57.72% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  66.48% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  18.22%, 59.58% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  68.22% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  19.96%, 61.44% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  69.96% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  21.7%, 63.3% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  71.7% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  23.44%, 65.16% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  73.44% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  25.18%, 67.02% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  75.18% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  26.92%, 68.88% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  76.92% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  28.66%, 70.74% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  78.66% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  30.4%, 72.6% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  80.4% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  32.14%, 74.46% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  82.14% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  33.88%, 76.32% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  83.88% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  35.62%, 78.18% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  85.62% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  37.36%, 80.04% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  87.36% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  39.1%, 81.9% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  89.1% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  40.84%, 83.76% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  90.84% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  42.58%, 85.62% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  92.58% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  44.32%, 87.48% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  94.32% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-19 {
  39.34% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  46.06%, 89.34% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  96.06% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes page-20 {
  41.2% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
  47.8%, 91.2% {
    transform: rotateZ(180deg) translateX(-1.125rem);
  }
  97.8% {
    transform: rotateZ(0deg) translateX(-1.125rem);
  }
}
@keyframes left {
  4% {
    transform: rotateZ(90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(90deg);
  }
}
@keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(-90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
@keyframes book-outer {
  43% {
    transform: rotateX(0deg);
  }
  50%, 92% {
    transform: rotateX(-90deg);
  }
}
@keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
    transform-origin: 0.125rem 0.125rem;
  }
  40.01%, 59.99% {
    transform-origin: 1.875rem 0.125rem;
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
    transform-origin: 0.125rem 0.125rem;
  }
  96% {
    transform: rotateZ(-90deg);
  }
}

.tutorial-message-wrapper {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  display: none;
  z-index: 1056;
  top: 100%;
}
@media (max-width: 64rem) {
  .tutorial-message-wrapper {
    left: 0;
    right: auto;
    transform: none;
  }
}
.tutorial-message-wrapper .tutorial-message {
  margin-top: 1.75rem;
  position: relative;
  background-color: #E9FFE3;
  padding: 0.625rem 1.125rem 1rem;
  border-radius: 0.5rem;
  width: 21.75rem;
}
@media (max-width: 575.98px) {
  .tutorial-message-wrapper .tutorial-message {
    width: 15rem;
  }
}
.tutorial-message-wrapper .tutorial-message:before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 2rem;
  height: 2rem;
  background-color: #E9FFE3;
}
@media (max-width: 64rem) {
  .tutorial-message-wrapper .tutorial-message:before {
    top: -0.9375rem;
    left: 0.625rem;
    right: auto;
    transform: rotate(45deg);
  }
}
.tutorial-message-wrapper .tutorial-message .tutorial-close {
  margin-bottom: 0.375rem;
}
.tutorial-message-wrapper .tutorial-message h4, .tutorial-message-wrapper .tutorial-message .h4 {
  color: #2C238D !important;
}
.tutorial-message-wrapper .tutorial-message .tutorial-message-button {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  font-size: 0;
  position: relative;
}
.tutorial-message-wrapper .tutorial-message .tutorial-message-button:hover {
  opacity: 0.85;
}
.tutorial-message-wrapper .tutorial-message .tutorial-message-button:before {
  content: "";
  display: block;
  width: 5rem;
  height: 2.5rem;
}
.tutorial-message-wrapper .tutorial-message .tutorial-message-button.tutorial-next:before {
  background: url("../img/next.svg") no-repeat center;
}
.tutorial-message-wrapper .tutorial-message .tutorial-message-button.tutorial-previous {
  margin-left: 0.625rem;
}
.tutorial-message-wrapper .tutorial-message .tutorial-message-button.tutorial-previous:before {
  background: url("../img/previous.svg") no-repeat center;
}
.tutorial-message-wrapper.tutorial-message-up {
  top: auto;
  bottom: 100%;
}
.tutorial-message-wrapper.tutorial-message-up .tutorial-message {
  margin-top: 0;
  margin-bottom: 1.75rem;
}
.tutorial-message-wrapper.tutorial-message-up .tutorial-message:before {
  top: auto;
  bottom: -1rem;
}
@media (max-width: 31.125rem) {
  .tutorial-message-wrapper#search-msg {
    left: auto;
    right: 50%;
    transform: translateX(50%);
  }
  .tutorial-message-wrapper#search-msg .tutorial-message:before {
    left: auto;
    right: 50%;
    transform: translateX(50%) rotate(45deg);
  }
}

.masonry {
  column-count: 2;
  column-gap: 1.25rem;
}
@media (max-width: 991.98px) {
  .masonry {
    column-count: 1;
  }
}
.masonry .horizantal-card-item {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 1.25rem;
  break-inside: avoid;
}
.masonry .horizantal-card-item > div {
  grid-row: 1/-1;
  grid-column: 1;
}

header.navbar {
  padding: 1.375rem 0;
  z-index: 999;
}
header.navbar .navbar-brand {
  padding: 0;
  margin: 0;
}
header.navbar .region-navigation-collapsible {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 991.98px) {
  header.navbar .region-navigation-collapsible {
    padding: 0 0.9375rem;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
header.navbar .menu--main {
  margin-right: 3.625rem;
}
header.navbar .menu--main .navbar-nav {
  align-items: center;
}
header.navbar .menu--main .navbar-nav .nav-item:not(:last-of-type) {
  margin-left: 3.75rem;
}
@media (max-width: 1199.98px) {
  header.navbar .menu--main .navbar-nav .nav-item:not(:last-of-type) {
    margin-left: 2rem;
  }
}
header.navbar .menu--main .navbar-nav .nav-item .nav-link {
  margin: 0;
  padding: 0;
  color: #2C238D;
  font-size: 1.25rem;
}
header.navbar .menu--main .navbar-nav .nav-item .nav-link:hover {
  color: #FF5700;
}
header.navbar .menu--main .navbar-nav .nav-item .nav-link.active {
  margin: 0;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #FF5700;
  border: 0.0625rem solid #FF5700;
}
@media (max-width: 991.98px) {
  header.navbar .menu--main {
    margin-right: 0;
  }
  header.navbar .menu--main .navbar-nav .nav-item {
    margin-left: 0;
    margin-bottom: 1.25rem;
  }
  header.navbar .menu--main .navbar-nav .nav-item:last-of-type {
    margin-bottom: 0;
  }
  header.navbar .menu--main .navbar-nav .nav-item .nav-link {
    color: #fff;
  }
}
header.navbar .user--main .navbar-nav {
  align-items: center;
}
header.navbar .user--main .navbar-nav .nav-item {
  margin-right: 1.5rem;
}
header.navbar .user--main .navbar-nav .nav-item .nav-link {
  margin: 0;
  padding: 0.25rem 0.75rem;
  color: #FF5700;
  background-color: #fff;
  border: 0.0625rem solid #FF5700;
  border-radius: 0.25rem;
  font-size: 1.25rem;
}
header.navbar .user--main .navbar-nav .nav-item .nav-link.active, header.navbar .user--main .navbar-nav .nav-item .nav-link:hover {
  color: #fff;
  background-color: #FF5700;
}
@media (max-width: 991.98px) {
  header.navbar .user--main {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 0.0625rem solid #fff;
    width: 100%;
  }
  header.navbar .user--main .navbar-nav {
    flex-direction: row;
  }
  header.navbar .user--main .navbar-nav .nav-item {
    margin-right: 0;
    width: 50%;
  }
  header.navbar .user--main .navbar-nav .nav-item:nth-child(odd) {
    padding-left: 0.9375rem;
  }
  header.navbar .user--main .navbar-nav .nav-item:nth-child(even) {
    padding-right: 0.9375rem;
  }
  header.navbar .user--main .navbar-nav .nav-item .nav-link {
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  header.navbar .user--main .navbar-nav .nav-item {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 1.25rem;
  }
  header.navbar .user--main .navbar-nav .nav-item:last-of-type {
    margin-bottom: 0;
  }
}
header.navbar .navbar-toggler {
  padding: 0;
}
header.navbar .navbar-toggler:focus {
  box-shadow: unset;
}
header.navbar .navbar-toggler .sidebar-toggle {
  position: unset !important;
}
@media (max-width: 991.98px) {
  header.navbar .navbar-collapse {
    z-index: 999;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 1.5rem 0 8rem;
    background-color: #2C238D;
    transform: translateX(100%);
    transition: all 0.3s ease;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  header.navbar .navbar-collapse {
    transition: none;
  }
}
header.expanded-header .navbar-toggler .burger-menu {
  transform: rotate(90deg);
}
header.expanded-header .navbar-collapse {
  transform: translateX(0);
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  header.expanded-header .navbar-collapse {
    transition: none;
  }
}

.user-form-wrapper {
  padding: 2.5rem 2.5rem 3.25rem;
  position: relative;
}
.user-form-wrapper .back-link {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: none;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .user-form-wrapper .back-link {
    transition: none;
  }
}
.user-form-wrapper .back-link:hover {
  color: #FF5700 !important;
}
@media (max-width: 767.98px) {
  .user-form-wrapper {
    padding: 2.5rem 1.25rem;
  }
}
.user-form-wrapper .user-form-progressbar-wrapper {
  padding: 0 1.875rem;
  margin: 0 auto;
  text-align: center;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li {
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li:not(:last-of-type):after {
  content: "";
  width: 12rem;
  height: 0.125rem;
  position: absolute;
  right: 100%;
  top: 1.25rem;
  z-index: 1;
  background-image: linear-gradient(to left, #9897A7, #9897A7 0.5rem, transparent 0.25rem, transparent 0.25rem);
  background-size: 0.75rem 0.25rem;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li .before-done {
  display: inline-block;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li .after-done {
  display: none;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li h5, .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li .h5 {
  color: #9897A7;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.done .before-done {
  display: none;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.done .after-done {
  display: inline-block;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.done:after {
  background-image: linear-gradient(to left, #2C238D, #2C238D 0.5rem, transparent 0.25rem, transparent 0.25rem);
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.done h5, .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.done .h5 {
  color: #2C238D;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.active h5, .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.active .h5 {
  color: #2C238D;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.active svg > g path {
  stroke: #2C238D;
}
.user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li.active svg > g line {
  stroke: #2C238D;
}
@media (max-width: 767.98px) {
  .user-form-wrapper .user-form-progressbar-wrapper {
    padding: 0;
    margin: 0;
  }
  .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li {
    margin: 0 0.5rem;
  }
  .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li:after {
    content: none !important;
  }
}
@media (max-width: 575.98px) {
  .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar {
    flex-direction: column;
    justify-content: center;
  }
  .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li {
    margin: 0 0 1.5rem;
  }
  .user-form-wrapper .user-form-progressbar-wrapper .user-form-progressbar li:last-of-type {
    margin-bottom: 0;
  }
}
.user-form-wrapper .title-user-form {
  width: 100%;
  padding: 0.875rem 0.25rem;
  background-color: #F9FAFD;
  color: #2C238D;
  font-size: 1.25rem;
}
.user-form-wrapper .form-wrapper > label {
  margin-bottom: 0.625rem;
}
.user-form-wrapper .form-wrapper .eye-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.75rem;
  cursor: pointer;
  color: #B4B2C3;
}
.user-form-wrapper .code-icons {
  display: flex;
  flex-wrap: wrap;
}
.user-form-wrapper .code-icons input[type=radio] {
  display: none;
}
.user-form-wrapper .code-icons input[type=radio]:checked + label {
  background: url("../img/code-bg-checked.svg") no-repeat center;
  background-size: cover;
}
.user-form-wrapper .code-icons > label {
  position: relative;
  font-size: 0;
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  background: url("../img/code-bg.svg") no-repeat center;
  margin-left: 0.875rem;
  margin-bottom: 0.875rem;
  cursor: pointer;
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .user-form-wrapper .code-icons > label {
    transition: none;
  }
}
.user-form-wrapper .code-icons > label:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3.125rem;
  height: 3.125rem;
}
.user-form-wrapper .code-icons > label.code-1:before {
  background: url("../img/code-1.png") no-repeat bottom center;
}
.user-form-wrapper .code-icons > label.code-2:before {
  background: url("../img/code-2.png") no-repeat bottom center;
}
.user-form-wrapper .code-icons > label.code-3:before {
  background: url("../img/code-3.png") no-repeat bottom center;
}
.user-form-wrapper .code-icons > label.code-4:before {
  background: url("../img/code-4.png") no-repeat bottom center;
}
.user-form-wrapper .code-icons > label.code-5:before {
  background: url("../img/code-5.png") no-repeat bottom center;
}
.user-form-wrapper .code-icons > label.code-6:before {
  background: url("../img/code-6.png") no-repeat bottom center;
}
.user-form-wrapper .code-icons > label:hover {
  background: url("../img/code-bg-checked.svg") no-repeat center;
  background-size: cover;
}
.user-form-wrapper fieldset {
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .user-form-wrapper fieldset {
    transition: none;
  }
}
.user-form-wrapper fieldset:not(#personal-info) {
  display: none;
}
@media (max-width: 767.98px) {
  .user-form-wrapper #subscriptions > .row {
    padding-top: 0;
  }
  .user-form-wrapper #subscriptions > .row > .mb-30.sale {
    margin-top: 3.125rem;
  }
}
.user-form-wrapper #subscriptions input[type=radio] {
  display: none;
}
.user-form-wrapper #subscriptions input[type=radio]:checked + label .subscriptions-card {
  background-color: #2C238D;
  color: #fff;
}
.user-form-wrapper #subscriptions input[type=radio]:checked + label .subscriptions-card h4:after, .user-form-wrapper #subscriptions input[type=radio]:checked + label .subscriptions-card .h4:after {
  background-color: #fff;
}
.user-form-wrapper #subscriptions label {
  height: 100%;
  cursor: pointer;
  position: relative;
}
.user-form-wrapper #subscriptions .subscriptions-card {
  padding: 1rem 1.25rem 2rem;
  border: 0.0625rem solid #2C238D;
  text-align: center;
  height: 100%;
  background-color: #fff;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  .user-form-wrapper #subscriptions .subscriptions-card {
    transition: none;
  }
}
.user-form-wrapper #subscriptions .subscriptions-card .sale-desc {
  display: none;
  color: #FF5700;
  font-size: 1rem;
}
.user-form-wrapper #subscriptions .subscriptions-card.sale h4, .user-form-wrapper #subscriptions .subscriptions-card.sale .h4 {
  position: relative;
}
.user-form-wrapper #subscriptions .subscriptions-card.sale h4:after, .user-form-wrapper #subscriptions .subscriptions-card.sale .h4:after {
  content: "";
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 0.125rem;
  width: 5rem;
  background-color: #2C238D;
  opacity: 1;
}
.user-form-wrapper #subscriptions .subscriptions-card.sale h4 span, .user-form-wrapper #subscriptions .subscriptions-card.sale .h4 span {
  opacity: 0.55;
}
.user-form-wrapper #subscriptions .subscriptions-card.sale .sale-desc {
  display: block;
}
.user-form-wrapper #subscriptions .subscriptions-card:hover {
  background-color: #2C238D;
  color: #fff;
}
.user-form-wrapper #subscriptions .subscriptions-card:hover.sale h4:after, .user-form-wrapper #subscriptions .subscriptions-card:hover.sale .h4:after {
  background-color: #fff;
}
.user-form-wrapper #subscriptions .sale-box {
  position: absolute;
  top: -3.125rem;
  right: 0;
  left: 0;
  width: 100%;
  height: 4.5rem;
  background-color: #FF5700;
  color: #fff;
  border-radius: 1.25rem 1.25rem 0 0;
  z-index: 1;
}

.custom-list {
  text-align: right;
  list-style: url("../img/check-bullet.svg");
  margin: 0;
  padding-top: 0.625rem;
  font-size: 0.875rem;
}
.custom-list li:not(:last-of-type) {
  margin-bottom: 0.625rem;
}


.popular-pages .page-number-wrapper > svg {
  width: 100%;
}

@media (max-width: 991.98px) {
  .login-page .login-wrapper > .top-wrapper {
    order: 2;
  }
  .login-page .login-wrapper > .bottom-wrapper {
    order: 1;
    margin-bottom: 1.875rem;
  }
}
.login-page .img-wrapper {
  min-width: 100%;
}
.login-page .img-wrapper > img:not(.login-student) {
  display: none;
}
.login-page .img-wrapper .teacher-images {
  position: relative;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.login-page .img-wrapper .teacher-images.show-teacher-tab {
  opacity: 1;
  visibility: visible;
  min-height: 41.875rem;
}
.login-page .img-wrapper .teacher-images .teacher-images-group {
  position: absolute;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group {
    position: relative;
    margin-bottom: 1.875rem;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group.first-group {
  top: 0;
  right: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.first-group {
    top: 3%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.first-group {
    top: 4%;
  }
}
@media (max-width: 767.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.first-group {
    top: auto;
    right: auto;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group.second-group {
  top: 0;
  left: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.second-group {
    top: -6%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.second-group {
    top: -5%;
  }
}
@media (max-width: 767.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.second-group {
    top: auto;
    left: auto;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group.third-group {
  top: 40%;
  left: 18%;
}
@media (max-width: 767.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.third-group {
    top: auto;
    left: auto;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group.fourth-group {
  bottom: 10%;
  left: 10%;
}
@media (max-width: 767.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.fourth-group {
    bottom: auto;
    left: auto;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group img {
  width: 7.5rem;
  height: 7.5rem;
  border: 0.25rem solid #2C238D;
  border-radius: 0.1875rem;
  transition: all 1.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .login-page .img-wrapper .teacher-images .teacher-images-group img {
    transition: none;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group h6, .login-page .img-wrapper .teacher-images .teacher-images-group .h6 {
  margin-bottom: 0.375rem;
  font-weight: 700;
}
.login-page .img-wrapper .teacher-images .teacher-images-group .teacher-info {
  padding: 0.625rem 0.5rem 0.625rem 0.75rem;
  background-color: #fff;
  border-radius: 0.625rem;
  max-width: 20.375rem;
  margin: 0 1.25rem;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .login-page .img-wrapper .teacher-images .teacher-images-group .teacher-info {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .login-page .img-wrapper .teacher-images .teacher-images-group .teacher-info {
    max-width: 100%;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group.show-info img {
  width: 10rem;
  height: 10rem;
  transition: all 1.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.show-info img {
    transition: none;
  }
}
.login-page .img-wrapper .teacher-images .teacher-images-group.show-info .teacher-info {
  opacity: 1;
  visibility: visible;
  transition: all 1.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .login-page .img-wrapper .teacher-images .teacher-images-group.show-info .teacher-info {
    transition: none;
  }
}
.login-page .img-wrapper .teacher-images .user-icons {
  z-index: 1;
}
.login-page .img-wrapper .teacher-images .user-icons > img {
  position: absolute;
}
.login-page .img-wrapper .teacher-images .user-icons .user-read-book {
  top: 0;
  right: 40%;
  animation: userreadbook 18.8s 4.7s infinite;
}
.login-page .img-wrapper .teacher-images .user-icons .user-write {
  top: 40%;
  right: 0;
  animation: userwrite 18.8s 4.7s infinite;
}
.login-page .login-form-wrapper {
  padding: 2rem 2.5rem 3.875rem;
}
.login-page .login-form-wrapper #login-tabs {
  display: flex;
  justify-content: center;
}
.login-page .login-form-wrapper .filters-wrapper {
  display: flex;
  flex-wrap: nowrap;
  background-color: #F2F2F9;
  border-radius: 0.625rem;
  padding: 0.125rem;
}
.login-page .login-form-wrapper .filters-wrapper .btn-primary-2:not(.active){
  border-color:#F2F2F9 !important;
}
.login-page .login-form-wrapper .filters-wrapper .btn-primary-2:not(.active):hover{
  border-color:#2C238D !important;
}
@media (max-width: 767.98px) {
  .login-page .login-form-wrapper .filters-wrapper {
    flex-direction: column;
  }
  .login-page .login-form-wrapper .filters-wrapper:not(:last-of-type) {
    margin-bottom: 0.625rem;
  }
  .login-page .login-form-wrapper .filters-wrapper > button:after, .login-page .login-form-wrapper .filters-wrapper > button:before {
    content: none !important;
  }
}
.login-page .login-form-wrapper .filters-wrapper > button {
  margin-bottom: 0;
  position: relative;
  padding: 0.5rem 1.375rem;
}
.login-page .login-form-wrapper .filters-wrapper > button:first-of-type:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  bottom: 0.5rem;
  display: block;
  width: 0.0625rem;
  background-color: #2C238D;
  opacity: 0.15;
}
.login-page .login-form-wrapper .filters-wrapper > button:first-of-type.active:after {
  content: none !important;
}
.login-page .login-form-wrapper .filters-wrapper > button:last-of-type:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0;
  bottom: 0.5rem;
  display: block;
  width: 0.0625rem;
  background-color: #2C238D;
  opacity: 0.15;
}
.login-page .login-form-wrapper .filters-wrapper > button:last-of-type.active:before {
  content: none !important;
}
.login-page .login-form-wrapper .form-wrapper > label {
  margin-bottom: 0.625rem;
}
.login-page .login-form-wrapper .form-wrapper .eye-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.75rem;
  cursor: pointer;
  color: #B4B2C3;
}

.parents-wrapper {
  background-color: #F6F8FC;
  border-radius: 0.9375rem;
  padding: 1.875rem 2.375rem 1.875rem 3.25rem;
  min-height: 36.25rem;
}
@media (max-width: 767.98px) {
  .parents-wrapper {
    padding: 1.25rem;
    min-height: 100%;
  }
}
.parents-wrapper .parents-item {
  padding:0.8125rem 0.9375rem 0.875rem 1.875rem ;
  background-color: #fff;
  border-radius: 0.625rem;
  margin-top: 0.9375rem;
  position: relative;
}
.parents-wrapper .parents-item a {
  color: #2C238D;
}
.parents-wrapper .parents-item a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
}
.parents-wrapper .parents-item a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.25rem;
  width: 0.5rem;
  height: 0.875rem;
  display: block;
  background: url("../img/arrow-right.svg") no-repeat center;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .parents-wrapper .parents-item a:after {
    transition: none;
  }
}
.parents-wrapper .parents-item a:hover {
  color: #FF5700;
}
.parents-wrapper .parents-item a:hover:after {
  left: 0.875rem;
}
.parents-wrapper .subscription-item {
  padding: 0.375rem 1.375rem 0.375rem 2.125rem;
  background-color: #fff;
  border-radius: 1.25rem;
  display: inline-block;
}
@media (max-width: 55.375rem) {
  .parents-wrapper .subscription-item > div {
    padding: 0.75rem 1.375rem;
    flex-direction: column !important;
  }
}
.parents-wrapper .subscription-item .subscription-desc {
  border-right: 0.0625rem solid #9897A7;
  padding-right: 1.375rem;
  margin-right: 2rem;
}
@media (max-width: 55.375rem) {
  .parents-wrapper .subscription-item .subscription-desc {
    border-right: 0;
    border-top: 0.0625rem solid #9897A7;
    padding-right: 0;
    margin-right: 0;
    padding-top: 1.375rem;
    margin-top: 1.375rem;
  }
}
@media (max-width: 55.375rem) {
  .parents-wrapper .credit-card-wrapper {
    flex-direction: column !important;
  }
}
.parents-wrapper .credit-card-wrapper .visa {
  margin-left: 1.875rem;
}
@media (max-width: 991.98px) {
  .parents-wrapper .credit-card-wrapper .visa {
    margin-left: 1.25rem;
  }
}
@media (max-width: 55.375rem) {
  .parents-wrapper .credit-card-wrapper .visa {
    margin-left: 0;
    margin-bottom: 1.875rem;
  }
}
.parents-wrapper .credit-card-wrapper .visa,
.parents-wrapper .credit-card-wrapper .master-card {
  position: relative;
  color: #fff;
  font-family: "Credit Card", sans-serif;
  letter-spacing: 0.0625rem;
}
.parents-wrapper .credit-card-wrapper .visa svg,
.parents-wrapper .credit-card-wrapper .master-card svg {
  width: 100%;
}
@media (max-width: 55.375rem) {
  .parents-wrapper .credit-card-wrapper .visa svg,
.parents-wrapper .credit-card-wrapper .master-card svg {
    width: auto;
  }
}
@media (max-width: 575.98px) {
  .parents-wrapper .credit-card-wrapper .visa svg,
.parents-wrapper .credit-card-wrapper .master-card svg {
    width: 100%;
  }
}
.parents-wrapper .credit-card-wrapper .visa .card-number,
.parents-wrapper .credit-card-wrapper .master-card .card-number {
  position: absolute;
  bottom: 30%;
  left: 10%;
  font-size: 0.75rem;
}
@media (max-width: 55.375rem) {
  .parents-wrapper .credit-card-wrapper .visa .card-number,
.parents-wrapper .credit-card-wrapper .master-card .card-number {
    left: 7%;
  }
}
.parents-wrapper .credit-card-wrapper .visa .expiry,
.parents-wrapper .credit-card-wrapper .master-card .expiry {
  font-size: 0.625rem;
  position: absolute;
  bottom: 14%;
  right: 10%;
}
@media (max-width: 55.375rem) {
  .parents-wrapper .credit-card-wrapper .visa .expiry,
.parents-wrapper .credit-card-wrapper .master-card .expiry {
    right: 7%;
  }
}

.number-boxes {
  direction: ltr;
  margin-bottom: 1.875rem;
  color: #fff;
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .number-boxes {
    font-size: 1.5625rem;
  }
}
.number-boxes .number-box {
  width: 4rem;
  height: 4rem;
  margin: 0 0.5rem;
  background-color: #EAEAF2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.625rem;
}
.number-boxes .number-box.active {
  background-color: #FF5700;
}

.phone-number-boxes {
  display: flex;
  flex-wrap: wrap;
  padding: 0 8.2rem;
  color: #fff;
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .phone-number-boxes {
    font-size: 1.5625rem;
  }
}
.phone-number-boxes .phone-number-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  margin: 0 0.3125rem 0.625rem;
  background-color: #2C238D;
  cursor: pointer;
  transition: all 0.25s ease;
  border-radius: 50%;
}
@media (prefers-reduced-motion: reduce) {
  .phone-number-boxes .phone-number-box {
    transition: none;
  }
}
.phone-number-boxes .phone-number-box:hover {
  opacity: 0.85;
}
.phone-number-boxes .box-remove {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("../img/remove-box.svg") no-repeat center;
  display: block;
  width: 4.375rem;
  height: 4.375rem;
  margin: 0 0.3125rem 0.625rem;
  cursor: pointer;
}
.phone-number-boxes .box-remove:hover {
  opacity: 0.85;
}

.leaderboards-and-winners-wrapper {
  position: relative;
}
.leaderboards-and-winners-wrapper .leaderboards-and-winners-form .input-wrapper {
  position: absolute;
  top: 0;
  left: 0.625rem;
  max-width: 10.75rem;
}
@media (max-width: 866px) {
  .leaderboards-and-winners-wrapper .leaderboards-and-winners-form .input-wrapper {
    position: static;
    margin-bottom: 1.25rem;
    max-width: 14rem;
  }
}
@media (max-width: 575.98px) {
  .leaderboards-and-winners-wrapper .leaderboards-and-winners-form .input-wrapper {
    max-width: 100%;
  }
}

.streak-results-wrapper {
  margin-top: 1.75rem;
  margin-bottom: 2.5rem;
}
.streak-results-wrapper .streak-result {
  padding: 1rem 1.4375rem;
  min-width: 6.5rem;
  display: block;
  color: #FF5700;
  border: 0.125rem solid #FF5700;
  border-radius: 2.375rem;
}
.streak-results-wrapper .streak-stars {
  margin-right: 0.75rem;
}
.streak-results-wrapper .streak-stars .streak-star {
  display: inline-block;
  width: 2.75rem;
  height: 4rem;
  background: url("../img/streak-fire.svg") no-repeat center;
  background-size: 80%;
}
.streak-results-wrapper .streak-stars .streak-star.gif {
  background: url("../img/streak-fire.gif") no-repeat center;
  background-size: cover;
}

.streak-goal-steps-wrapper.grid-content-4 {
  grid-gap: 0.3125rem;
}
.streak-goal-steps-wrapper .streak-goal-step {
  background-color: #D9D9E2;
  padding: 0.375rem 0 0.3125rem;
  border-radius: 2.375rem;
  min-width: 12.75rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.streak-goal-steps-wrapper .streak-goal-step .streak-goal-step-circle {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #A4A4AF;
  background-color: #F4F4F7;
  border: 0.125rem solid #F4F4F7;
  border-radius: 50%;
  margin: 0 0.3125rem;
}
.streak-goal-steps-wrapper .streak-goal-step .streak-goal-step-circle.active {
  color: #FF5700;
  background-color: #fff;
  border-color: #FF5700;
}

.streak-integrated-steps-wrapper.grid-content-4 {
  grid-gap: 0.3125rem;
}
@media (min-width: 64.375rem) and (max-width: 78.125rem) {
  .streak-integrated-steps-wrapper.grid-content-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 62rem) and (max-width: 64.375rem) {
  .streak-integrated-steps-wrapper.grid-content-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 48rem) and (max-width: 50.25rem) {
  .streak-integrated-steps-wrapper.grid-content-4 {
    grid-template-columns: 1fr;
  }
}
.streak-integrated-steps-wrapper .streak-integrated-step {
  padding: 0.125rem 0.25rem;
  border-radius: 2.375rem;
  min-width: 12.75rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #D9D9E2;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-days {
  background-color: #F4F4F7;
  padding: 0.25rem 0.875rem;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  margin-left: 0.625rem;
  min-width: 4rem;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-days::before {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 1.75rem;
  background: url("../img/streak-gift.svg") no-repeat center;
  margin-left: 0.3125rem;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-label {
  margin-left: 0.875rem;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-awards-wrapper {
  position: relative;
  margin-left: 0.375rem;
  width: 2.25rem;
  height: 2.25rem;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-awards-wrapper .streak-integrated-awards-star {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  background: url("../img/streak-gift-star.svg") no-repeat center;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-awards-wrapper .streak-integrated-awards-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.625rem;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-badge {
  min-width: 2.375rem;
  width: 2.375rem;
  height: 2.375rem;
  background-color: #F4F4F7;
  border-radius: 2.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.streak-integrated-steps-wrapper .streak-integrated-step .streak-integrated-badge::before {
  content: "";
  display: inline-block;
  width: 0.9375rem;
  height: 1.1875rem;
  background: url("../img/streak-gift-locked.svg") no-repeat center;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active .streak-integrated-days {
  background-color: #fff;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active .streak-integrated-days::before {
  background: url("../img/streak-gift-active.svg") no-repeat center;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active .streak-integrated-awards-wrapper .streak-integrated-awards-star {
  background: url("../img/streak-gift-star-active.svg") no-repeat center;
  background-size: cover;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active .streak-integrated-badge {
  background-color: #fff;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active .streak-integrated-badge::before {
  width: 1.125rem;
  height: 1.625rem;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active:nth-child(1) .streak-integrated-badge::before {
  background: url("../img/streak-gift-3.svg") no-repeat center;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active:nth-child(2) .streak-integrated-badge::before {
  background: url("../img/streak-gift-6.svg") no-repeat center;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active:nth-child(3) .streak-integrated-badge::before {
  background: url("../img/streak-gift-9.svg") no-repeat center;
}
.streak-integrated-steps-wrapper .streak-integrated-step.active:nth-child(4) .streak-integrated-badge::before {
  background: url("../img/streak-gift-12.svg") no-repeat center;
}

.streak-rewards-achievements-wrapper.grid-content-6 {
  grid-gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 75rem) {
  .streak-rewards-achievements-wrapper.grid-content-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 65.75rem) {
  .streak-rewards-achievements-wrapper.grid-content-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 56.875rem) {
  .streak-rewards-achievements-wrapper.grid-content-6 {
    grid-gap: 1.25rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 27.5rem) {
  .streak-rewards-achievements-wrapper.grid-content-6 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 18.75rem) {
  .streak-rewards-achievements-wrapper.grid-content-6 {
    grid-template-columns: 1fr;
  }
}
.streak-rewards-achievements-wrapper .streak-rewards-achievements {
  background-color: #EDEFF5;
  border-radius: 0.625rem;
  min-width: 7.375rem;
  padding: 1.375rem 0.875rem 1.25rem;
  display: flex;
  flex-direction: column;
}
.streak-rewards-achievements-wrapper .streak-rewards-achievements .streak-rewards-achievements-badge {
  text-align: center;
  margin-bottom: 0.75rem;
  width: 100%;
  height: 4.6875rem;
  object-fit: contain;
  display: flex;
}
.streak-rewards-achievements-wrapper .streak-rewards-achievements .streak-rewards-achievements-label {
  background-color: #DEE0E6;
  border-radius: 0.125rem;
  width: 5rem;
  height: 1.5rem;
  text-align: center;
  margin: 0 auto;
}
.streak-rewards-achievements-wrapper .streak-rewards-achievements.active {
  position: relative;
}
.streak-rewards-achievements-wrapper .streak-rewards-achievements.active .streak-rewards-achievements-label {
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
}
.streak-rewards-achievements-wrapper .streak-rewards-achievements.active .streak-rewards-achievements-times {
  position: absolute;
  top: 0.0625rem;
  right: 0.0625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.625rem;
  width: auto;
  height: 1.625rem;
  border-radius: 1.625rem;
  background-color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 0 0.375rem;
}

.stories-wrapper .storiesWrapper {
  margin: 1.5rem 0;
  padding: 0;
  max-width: 100%;
}
.stories-wrapper .storiesWrapper.stories.carousel .story {
  width: 5.625rem;
  margin: 0 0.625rem;
}
.stories-wrapper .storiesWrapper.stories.carousel .story:first-of-type {
  margin-right: 0;
  margin-left: 0.625rem;
}
.stories-wrapper .storiesWrapper.stories.carousel .story:last-of-type {
  margin-right: 0.625rem;
  margin-left: 0;
}
.stories-wrapper .storiesWrapper.stories.facesnap .story.seen {
  opacity: 1;
}
.stories-wrapper .storiesWrapper.stories.facesnap .story > .item-link > .item-preview {
  background: #FF5700;
  height: 5.625rem;
}
.stories-wrapper .storiesWrapper.stories.facesnap .story.seen > a > .item-preview {
  background: #C0BDDD;
}
.stories-wrapper .storiesWrapper.stories.facesnap .story > .item-link {
  color: #2C238D;
}
.stories-wrapper .story-arrow-left,
.stories-wrapper .story-arrow-right {
  display: none;
}
.stories-wrapper.add-arrows {
  position: relative;
}
.stories-wrapper.add-arrows .storiesWrapper {
  padding: 0 2.5rem;
  scroll-behavior: smooth;
}
.stories-wrapper.add-arrows .story-arrow-left,
.stories-wrapper.add-arrows .story-arrow-right {
  position: absolute;
  top: 0;
  right: 0.625rem;
  bottom: 0;
  left: auto;
  display: block;
  width: 2.5rem;
  height: 9.125rem;
  background-image: url("../img/story-arrow.svg");
  background-repeat: no-repeat;
  background-position: left center;
  border: 0;
  background-color: #fff;
  outline: 0 !important;
  margin: 0;
  padding: 0;
  transform: scale(-1);
}
@media (prefers-reduced-motion: reduce) {
  .stories-wrapper.add-arrows .story-arrow-left,
.stories-wrapper.add-arrows .story-arrow-right {
    transition: none;
  }
}
.stories-wrapper.add-arrows .story-arrow-left:hover,
.stories-wrapper.add-arrows .story-arrow-right:hover {
  cursor: pointer;
}
.stories-wrapper.add-arrows .story-arrow-right {
  right: auto;
  left: 0.5rem;
  transform: scale(1);
}

.stories-wrapper .stories.carousel .story > .item-link > .info {
  line-height: 1.5;
}

#congratulations .modal-dialog,
#congratulations-cup .modal-dialog,
#first-badge .modal-dialog,
#got-certificate .modal-dialog,
#pass-steps .modal-dialog,
#got-gifts .modal-dialog {
  max-width: 26.5rem;
}
@media (max-width: 767.98px) {
  #congratulations .modal-dialog,
#congratulations-cup .modal-dialog,
#first-badge .modal-dialog,
#got-certificate .modal-dialog,
#pass-steps .modal-dialog,
#got-gifts .modal-dialog {
    max-width: 100%;
  }
}
#congratulations .modal-content,
#congratulations-cup .modal-content,
#first-badge .modal-content,
#got-certificate .modal-content,
#pass-steps .modal-content,
#got-gifts .modal-content {
  background-color: #F0FFEC;
}
#congratulations .modal-body .modal-text,
#congratulations-cup .modal-body .modal-text,
#first-badge .modal-body .modal-text,
#got-certificate .modal-body .modal-text,
#pass-steps .modal-body .modal-text,
#got-gifts .modal-body .modal-text {
  margin: 0 2.25rem !important;
}
@media (max-width: 767.98px) {
  #congratulations .modal-body .modal-text,
#congratulations-cup .modal-body .modal-text,
#first-badge .modal-body .modal-text,
#got-certificate .modal-body .modal-text,
#pass-steps .modal-body .modal-text,
#got-gifts .modal-body .modal-text {
    margin: 0 !important;
  }
}

#zuck-modal {
  background: #0F0B39;
}

#zuck-modal .slider > * {
  width: 99vw;
}

#zuck-modal-content .story-viewer .slides .item {
  background: #0F0B39;
}

#zuck-modal-content .story-viewer .head .time {
  display: none !important;
}

#zuck-modal-content .story-viewer .head .item-preview {
  width: 3.25rem;
  height: 3.25rem;
}

#zuck-modal-content .story-viewer .head .left .info .name {
  font-size: 1rem;
}

#zuck-modal-content .story-viewer .head .right .close {
  font-size: 0;
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.875rem;
}
#zuck-modal-content .story-viewer .head .right .close::before {
  content: "";
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  background: url("../img/close-story.svg") no-repeat center;
  background-size: cover;
  transition: opacity 0.25s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  #zuck-modal-content .story-viewer .head .right .close::before {
    transition: none;
  }
}
#zuck-modal-content .story-viewer .head .right .close:hover::before {
  opacity: 0.75;
}

#zuck-modal-content .story-viewer.viewing {
  direction: ltr;
}

.delete-story {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
  z-index: 9999999;
  position: absolute;
  top: 0.875rem;
  right: 8rem;
}
.delete-story::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url("../img/delete-story.svg") no-repeat center;
  background-size: cover;
  transition: opacity 0.25s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .delete-story::before {
    transition: none;
  }
}
.delete-story:hover::before {
  opacity: 0.75;
}

#congratulations .modal-footer,
#first-badge .modal-footer,
#got-certificate .modal-footer,
#pass-steps .modal-footer,
#got-gifts .modal-footer {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 1.625rem 1.25rem;
}
#congratulations .modal-footer .btn-white,
#first-badge .modal-footer .btn-white,
#got-certificate .modal-footer .btn-white,
#pass-steps .modal-footer .btn-white,
#got-gifts .modal-footer .btn-white {
  margin-right: 0.875rem;
  border: 0.5px solid #FF5700 !important;
  color: #FF5700 !important;
}
#congratulations .modal-footer .btn-white:hover,
#first-badge .modal-footer .btn-white:hover,
#got-certificate .modal-footer .btn-white:hover,
#pass-steps .modal-footer .btn-white:hover,
#got-gifts .modal-footer .btn-white:hover {
  background-color: #FF5700 !important;
  color: #fff !important;
}
@media (max-width: 26.5rem) {
  #congratulations .modal-footer,
#first-badge .modal-footer,
#got-certificate .modal-footer,
#pass-steps .modal-footer,
#got-gifts .modal-footer {
    flex-direction: column !important;
  }
  #congratulations .modal-footer .btn-white,
#first-badge .modal-footer .btn-white,
#got-certificate .modal-footer .btn-white,
#pass-steps .modal-footer .btn-white,
#got-gifts .modal-footer .btn-white {
    margin-top: 2.75rem;
    margin-right: 0;
  }
}

#congratulations-cup .modal-body {
  padding-bottom: 0 !important;
}

#pass-steps .modal-content,
#got-gifts .modal-content {
  background-color: #fff;
}

@keyframes userreadbook {
  25% {
    top: 75%;
    right: 65%;
  }
  50% {
    top: 49%;
    right: 5%;
  }
  75% {
    top: 75%;
    right: 65%;
  }
  100% {
    top: 0;
    right: 40%;
  }
}
@keyframes userwrite {
  25% {
    top: 5%;
    right: 40%;
  }
  50% {
    top: 70%;
    right: 65%;
  }
  75% {
    top: 50%;
    right: 5%;
  }
  100% {
    top: 40%;
    right: 0;
  }
}

.horizantal-card-content-bottom .horizantal-card-items .horizantal-card-item-type.notification-type:before {
  background: url("../img/notification-type.svg") no-repeat center;
  object-fit: cover;
}

  .container-new {
      display: flex;
      position: relative;
      padding-top: 3%;
  }

  .page-counter {
      position: absolute;
      top: 1%;
      color: #9490C7;
  }

  .large-image {
    flex: 4;
    position: inherit;
  }
  
  .large-image img {
    border-radius: 10px;
    width: 97%;
    height: auto;
    object-fit: inherit;
    max-height: 85%;
  }
  
  .largeImage {
    width: 99%;
    height: 41rem;
  }

  .image-display {
    position: relative;
    text-align: center;
  }

  .image-display img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
  }

  .thumbnails {
    overflow-y: scroll;
    padding-left: 5%;
    padding-bottom: 42%;
    padding-top: 5%;
    padding-bottom: 42%;
  }
  
  .thumbnails::-webkit-scrollbar {
    display: none;
  }

  .thumbnail-container {
    flex: 1;
    flex-direction: column;
    margin-top: -2%;
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  .thumbnail {
    position: relative;
    margin-bottom: 9%;
    border: 2px solid transparent;
    cursor: pointer;
    border-radius: 10px;
  }
  
  .thumbnail.selected {
    border-color: #FF5700;
  }
  
  .thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }
  
  .thumbnail-number {
    position: absolute;
    top: -12.5px;
    left: -2.5px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    z-index: 10;
  }
  
  .thumbnail-number img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  .thumbnail-number span {
    position: relative;
    z-index: 11;
  }

  .rating-label {
      margin-bottom: 1rem;
  }

  .scrollDown {
    margin-top: -200%;
    margin-right: 95%;
  }
  
  .scrollUp {
    margin-top: -3%;
    margin-left: 50%;
  }
  
  .scroll-avatar {
    cursor: pointer;
  }
  
  .arrow-down {
    border: none;
    padding: 20%;
    margin-top: -9%;
  }

  .scroll-left,
  .scroll-right {
      position: absolute;
      top: 43%;
  }

  .scroll-left {
      left: 7%;
  }

  .scroll-right {
      right: 7%;
  }

  .text-content {
      flex-grow: 1;
      padding-right: 1rem;
      max-width: 100%;
      word-wrap: break-word;
      text-align: right;
      direction: rtl;
  }

  .label-left-slider {
      flex-shrink: 0;
      margin-left: -20%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .writing-story-bold-text {
      margin-bottom: 1%;
  }

  .writing-story-card {
      width: 79%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0.5rem;
      background-color: #f0f4ff;
      border-radius: 8px;
  }

  .arrow-up {
    border: none;
  }

  @media (max-width: 967px) {
      .thumbnail-container {
          display: none;
      }

      .large-image {
        flex: 4;
        left: 0%;
        position: inherit;
        margin-top: 9%;
      }


      .large-image img {
        object-fit: unset;
      }

      .text-content {
        margin-left: 0;
        flex-grow: 1;
        padding-left: 0rem;
        max-width: 100%;
        word-wrap: break-word;
        text-align: right;
        direction: rtl;
      }

      .writing-story-card {
        position: relative;
        padding: 0 !important;
        width: 100%;
      }

      .label-left-slider {
        position: absolute;
        top: 10rem;
        right: 0;
        width: auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .text-content {
      width: 300px; 
      height: 200px;
      padding: 10px;
      overflow: auto;
      box-sizing: border-box;
    }


    .container-new {
        margin-top: 5rem;
    }

    .largeImage {
      height: 72%;
    }
    
    .rating-label {
      display: none;
    }

    .writing-story-bold-text {
      margin-bottom: 6%;
    }

  }


  /* new style */
.dashboard-main-component-with-slider {
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  margin: 0 -10px 30px;
  padding: 0 0 20px;
}

.dashboard-main-component-with-slider::-webkit-scrollbar {
  height: 0.625rem;
  background: transparent;
}
.dashboard-main-component-with-slider::-webkit-scrollbar-thumb {
  background: #dee0f3;
  border-radius: 0.625rem;
}

@media (max-width: 991.98px) {
  .dashboard-main-component-with-slider::-webkit-scrollbar {
    height: 0.25rem;
  }
  .dashboard-main-component-with-slider::-webkit-scrollbar-thumb {
    background: #dee0f3;
    border-radius: 0.25rem;
  }
}

.dashboard-main-component-with-slider .dashboard-main-component-with-slider-item {
  min-width: 382px;
  max-width: 382px;
  width: 382px;
  height: 231px;
  display: block;
  padding: 0 10px;
}

.dashboard-main-component-with-slider .dashboard-main-component-with-slider-item .dashboard-main-component {
  height: 100%;
  box-shadow: 0px 4px 8px 0px rgba(169, 167, 186, 0.15);
  backdrop-filter: blur(5px);
}

.dashboard-main-component-with-slider .dashboard-main-component-with-slider-item .dashboard-main-component .dashboard-main-component__img {
  height: auto;
}

@media (max-width: 575px) {
  .dashboard-main-component-with-slider .dashboard-main-component-with-slider-item {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    height: 170px;
  }

  .dashboard-main-component-with-slider .dashboard-main-component-with-slider-item .dashboard-main-component .dashboard-main-component__img .stars-amount {
    top: 3rem;
    right: 2rem;
  }
}
.story-items-component {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}

.story-items-component .story-item-component {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  max-width: 430px;
}

.story-items-component .story-item-component .last-update {
  color: #8581B2;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.25rem;
}

.story-items-component .story-item-component .story-info-wrapper {
  padding: 14px 15px 12px;
  gap: 1rem;
}

.story-items-component .story-item-component .story-info-wrapper .story-info {
  max-width: 210px;
  width: 100%;
}

.story-items-component .story-item-component .story-info-wrapper .story-info .story-item-component__name {
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 21.709px;
  margin-bottom: 0.25rem;
}

.story-items-component .story-item-component .story-info-wrapper .story-info .story-item-component__teacher-evaluation {
  font-size: 16px;
  font-weight: 500;
  line-height: 21.709px;
  margin-bottom: 0.875rem;
}

.story-items-component .story-item-component .story-info-wrapper .story-info .story-item-component__teacher-evaluation .teacher-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
  margin-bottom: 0.5rem;
}

.story-items-component .story-item-component .story-info-wrapper .story-info .story-item-component__teacher-evaluation p {
  color: #8581B2;
  font-weight: 400;
  margin-bottom: 0;
  height: 70px;
  max-height: 70px;
  overflow: hidden;
  display: none;
}

.story-items-component .story-item-component .story-info-wrapper .story-info .story-item-component__teacher-evaluation .teacher-label svg {
  transition: all 0.3s ease;
  margin-top: 4px;
}

.story-items-component .story-item-component .story-info-wrapper .story-info .story-item-component__teacher-evaluation.show-eva .teacher-label svg {
  fill: #FC6F00;
  stroke: #FC6F00;
  transform: rotate(-180deg);
}

.story-items-component .story-item-component .story-info-wrapper .story-info .story-item-component__teacher-evaluation.show-eva .teacher-label svg path {
  fill: #FC6F00;
  stroke: #FC6F00;
}

.story-items-component .story-item-component .story-info-wrapper .story-image {
  width: 150px;
  height: 235px;
}

.story-items-component .story-item-component .story-info-wrapper .story-image img {
  width: 100%;
  height: auto;
}

@media (max-width: 1199.98px) {
  .story-items-component .story-item-component {
    max-width: 428px;
  }
}

@media (max-width: 991.98px) {
  .story-items-component .story-item-component {
    max-width: 100%;
  }

  .story-items-component .story-item-component .story-info-wrapper .story-info {
    max-width: 100%;
  }

  .story-items-component .story-item-component .story-info-wrapper .story-image {
    min-width: 150px;
  }
}

@media (max-width: 575px) {
  .story-items-component .story-item-component .story-info-wrapper {
    flex-direction: column-reverse !important;
  }
  
  .story-items-component .story-item-component .story-info-wrapper .story-image {
    margin: 0 auto 1rem;
  }
}

/* new style */
.dashboard-main-component-with-slider {
  overflow-y: auto;
  display: flex;
  flex-direction: row;
  margin: 0 -10px 30px;
  padding: 0 0 20px;
}

.dashboard-main-component-with-slider::-webkit-scrollbar {
  height: 0.625rem;
  background: transparent;
}
.dashboard-main-component-with-slider::-webkit-scrollbar-thumb {
  background: #dee0f3;
  border-radius: 0.625rem;
}

@media (max-width: 991.98px) {
  .dashboard-main-component-with-slider::-webkit-scrollbar {
    height: 0.25rem;
  }
  .dashboard-main-component-with-slider::-webkit-scrollbar-thumb {
    background: #dee0f3;
    border-radius: 0.25rem;
  }
}

.dashboard-main-component-with-slider .dashboard-main-component-with-slider-item {
  min-width: 382px;
  max-width: 382px;
  width: 382px;
  height: 231px;
  display: block;
  padding: 0 10px;
}

.dashboard-main-component-with-slider .dashboard-main-component-with-slider-item .dashboard-main-component {
  height: 100%;
  box-shadow: 0px 4px 8px 0px rgba(169, 167, 186, 0.15);
  backdrop-filter: blur(5px);
}

.dashboard-main-component-with-slider .dashboard-main-component-with-slider-item .dashboard-main-component .dashboard-main-component__img {
  height: auto;
    min-height: 80px;
}

@media (max-width: 575px) {
  .dashboard-main-component-with-slider .dashboard-main-component-with-slider-item {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    height: 170px;
  }

  .dashboard-main-component-with-slider .dashboard-main-component-with-slider-item .dashboard-main-component .dashboard-main-component__img .stars-amount {
    top: 3rem;
    right: 2rem;
  }
}
.border-teal-1 {
  border-color: #A6CA94 !important;
}

.filters-wrapper>.btn-primary-2:not(.active) {
  background-color: #F2F2F9 !important;
  border-color: #D4D2EB !important;
  color: #2C238D;
}

.filters-wrapper>.btn-primary-2:not(.active):hover {
  border-color: #2C238D !important;
}

.pirls-items-component .pirls-item-component {
  position: relative;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  width: 100%;
  height: 115px;
  transition: all 0.25s ease;
  border-radius: 15px !important;
}

.pirls-items-component .pirls-item-component.not-start {
  opacity: 0.5;
  pointer-events: none;
}

.pirls-items-component .pirls-item-component:hover {
  transform: scale(1.05);
}

.pirls-items-component .pirls-item-component.exam-pirls {
  border: 4px solid #9ABDE2 !important;
  background: #EDF0FF !important;
}

.pirls-items-component .pirls-item-component svg.check {
  display: none;
}

.pirls-items-component .pirls-item-component.done svg.icon {
  display: none;
}

.pirls-items-component .pirls-item-component.done svg.check {
  display: block;
}

.pirls-items-component .pirls-item-component .main-title {
  line-height: 1.2;
  direction: rtl;
}

.pirls-items-component .pirls-item-component .sub-title {
  position: absolute;
  bottom: 0.5rem;
}

.dashboard-main-component-with-slider .dashboard-main-component-with-slider-item {
  min-width: 270px;
  max-width: 270px;
  width: 270px;
  height: 270px;
  display: block;
  padding: 0 10px;
}

@media (max-width: 575px) {
  .dashboard-main-component-with-slider .dashboard-main-component-with-slider-item {
    min-width: 75%;
    max-width: 75%;
    width: 75%;
    height: 245px;
  }
}

.epirls-dashboard .dashboard-main-component .dashboard-main-component__img {
  margin-right: 0 !important;
  height: 100%;
  max-width: 100%;
}

.epirls-dashboard .dashboard-main-component .dashboard-main-component__img .weeks-completed {
  position: absolute;
  top: 22px;
  left: 52px;
}

@media (max-width: 991.98px) {
  .epirls-dashboard .dashboard-main-component .dashboard-main-component__img .weeks-completed {
    top: 30px;
    left: 96px;
  }
}

@media (max-width: 575px) {
  .epirls-dashboard .dashboard-main-component .dashboard-main-component__img .weeks-completed {
    top: 40px;
    left: 47%;
  }
}

.printButton {
  margin-top: -2.5rem;
  text-align: end;
}

.table-responsive {
  display: block;
  width: 100%;
  margin-bottom: 0.625rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive::-webkit-scrollbar {
  height: 0.25rem;
  background: transparent;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: #B0ADD4;
  border-radius: 0.25rem;
}

@media (min-width: 992px) {
  .table-responsive::-webkit-scrollbar {
    height: 0.625rem;
  }
}

@media (max-width: 992px) {
  .recording-responsive {
    position: relative !important;
  }
}

.table-responsive.table-border {
  border: 0.5px solid #F7BC1B;
  border-radius: 10px;
}

.table-responsive.table-border table {
  border-style: hidden;
}

.table-responsive.table-border.completed-table {
  border-color: #92C42C;
}

.table-responsive.table-border.completed-table thead th {
  border-bottom-color: #9FD82C;
  background-color: #F5FBE9;
}

.table-responsive.table-border.uncompleted-table {
  border-color: #FF0140;
}

.table-responsive.table-border.uncompleted-table thead th {
  border-bottom-color: #FC335C;
  background-color: #FFF4F7;
}

.table-responsive.default-table {
  border: 0.5px solid #D2D0E6;
  border-radius: 10px;
}

.table-responsive.default-table table {
  border-style: hidden;
}

.table-responsive.default-table thead th {
  border-bottom-color: #E0DFEE;
  background-color: #EBEAF5;
}

.table-responsive.default-table tbody th,
.table-responsive.default-table tbody td {
  background-color: #fff;
}

.table-responsive.default-table tbody th a,
.table-responsive.default-table tbody td a {
  text-decoration: underline;
}

.table-responsive.default-table tbody th a.options-link,
.table-responsive.default-table tbody td a.options-link {
  text-decoration: none;
}

.custom-table {
  border-radius: 10px;
  width: 100%;
}

.custom-table thead,
.custom-table tbody,
.custom-table tfoot,
.custom-table tr,
.custom-table td,
.custom-table th {
  border-width: 0.5px;
  border-color: #D4D2EB;
  font-weight: normal;
}

.custom-table thead th {
  border-bottom-color: #F7BC1B;
  background-color: #FCFAEF;
  padding: 15px 20px 12px;
}

.custom-table thead th:not(:first-of-type) {
  text-align: center;
}

.custom-table thead th.sortable {
  padding-right: 2.125rem;
  position: relative;
}

.custom-table thead th.sortable::after {
  content: "";
  width: 8px;
  height: 13px;
  display: inline-block;
  background: url("../img/sort.svg") no-repeat center;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
}

.custom-table thead th.sortable.ascending::after {
  background: url("../img/sort-ascending.svg") no-repeat center;
}

.custom-table thead th.sortable.descending::after {
  background: url("../img/sort-descending.svg") no-repeat center;
}

@media (min-width: 992px) {
  .custom-table thead th.mw-200 {
    min-width: 12.5rem;
  }
}

.custom-table thead th.mwd-200 {
  min-width: 12.5rem;
}

.custom-table thead th .required {
  color: #fc335c;
}

.custom-table tbody tr:nth-last-child(2) .options-wrapper .options-links-wrapper,
.custom-table tbody tr:last-of-type .options-wrapper .options-links-wrapper {
  top: auto;
  right: 0.25rem;
  bottom: 0;
}

.custom-table tbody th,
.custom-table tbody td {
  background-color: #fff;
  padding: 13px 20px;
}

.custom-table tbody th {
  z-index: 2;
}

.custom-table tbody td {
  z-index: 1;
  text-align: center;
}

.custom-table tbody td .star-rating {
  text-align: left;
  margin-right: 0.625rem;
}

.custom-table tbody td .play-record-icon {
  font-size: 0 !important;
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  background: url("../img/play-record.svg") no-repeat center;
  background-size: cover;
}

.custom-table tbody td .final-mark {
  text-decoration: underline;
}

.custom-table tbody .disabled th,
.custom-table tbody .disabled td {
  background-color: #F7F7FB !important;
  color: #9591c6;
  pointer-events: none;
}

.custom-table tbody .disabled th a,
.custom-table tbody .disabled td a {
  text-decoration: none !important;
  color: #9591c6;
}

.custom-table tbody .disabled th.edit-user-column .edit-user,
.custom-table tbody .disabled td.edit-user-column .edit-user {
  background: url("../img/edit-item-grey.svg") no-repeat center;
  background-size: cover;
}

.custom-table th:first-of-type {
  z-index: 9;
  position: sticky !important;
  left: -1px;
}

.custom-table td {
  white-space: nowrap;
}

.custom-table.not-sticky thead th:first-of-type {
  position: static !important;
  text-align: center;
}

.highcharts-figure {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1em auto;
}

.highcharts-figure::-webkit-scrollbar {
  height: 0.625rem;
  background: transparent;
}
.highcharts-figure::-webkit-scrollbar-thumb {
  background: #dee0f3;
  border-radius: 0.625rem;
}

@media (max-width: 991.98px) {
  .highcharts-figure::-webkit-scrollbar {
    height: 0.25rem;
  }
  .highcharts-figure::-webkit-scrollbar-thumb {
    background: #dee0f3;
    border-radius: 0.25rem;
  }
}

.highcharts-figure #container {
  height: 400px;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.highcharts-description {
  margin: 0.3rem 10px;
}

@media print {
  #sidebar-wrapper,
  #page-header,
  #printButton  {
    display: none !important;
  }

  .page-content-wrapper {
    --page-content-margin: 0 !important;
  }

  #page-content>div:not(.pirls-items-component) {
    display: none !important;
  }

  .epirls-dashboard {
    overflow: hidden;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
  }

  .epirls-dashboard .dashboard-main-component-with-slider-item {
    margin-bottom: 1.25rem;
  }

  #page-content {
    margin: 20px 5px !important;
    padding: 30px 10px !important;
  }

  .dashboard-main-component-with-slider .dashboard-main-component-with-slider-item {
    padding: 0 5px !important;
    min-width: 260px;
    max-width: 260px;
    width: 260px;
    height: 260px;
  }

  .custom-table th:first-of-type {
    position: static !important;
    left: 0 !important;
  }

  .before-page-print {
    page-break-before: always;
  }
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

.horizontal-tabs-wrapper .horizontal-tabs {
    margin-bottom: 1rem;
}

.horizontal-tabs-wrapper .horizontal-tabs .tab-item {
    display: flex;
    padding: 0.25rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 3.25rem;
    border: 0.0625rem solid #D4D2EB;
    background-color: #F2F2F9;
    color: #2C238D;
    font-weight: 300;
    transition: all 0.25s ease-in-out;
    appearance: none;
    opacity: 0.7;
}

@media (prefers-reduced-motion: reduce) {
    .horizontal-tabs-wrapper .horizontal-tabs .tab-item {
        transition: none;
    }
}

.horizontal-tabs-wrapper .horizontal-tabs .tab-item:hover {
    opacity: 1;
    border-color: #2C238D;
}

.horizontal-tabs-wrapper .horizontal-tabs .tab-item.active {
    opacity: 1;
    color: #F2F2F9;
    border-color: #FF5700;
    background: #FF5700;
    font-weight: 800;
}

.horizontal-tabs-wrapper .horizontal-tabs .tab-item.active a {
    color: #fff;
}

.horizontal-tabs-wrapper .horizontal-tabs .tab-item a {
    color: #2C238D;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .multiple-transfer-folder-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .multiple-transfer-folder-wrapper .multiple-transfer-folder-label {
    display: none;
    color: #2C238D;
    font-size: 0.9375rem;
    font-weight: 800;
    opacity: 0.65;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .multiple-transfer-folder-wrapper .btn-multiple-transfer-folder {
    height: 2.5625rem;
}

@media (max-width: 1150px) {
    .horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .multiple-transfer-folder-wrapper {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .multiple-transfer-folder-wrapper {
        justify-content: flex-start;
    }

    .horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .multiple-transfer-folder-wrapper .btn-multiple-transfer-folder {
        height: auto;
    }
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .create-item-btn {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .create-item-btn button {
    display: none;
    height: 2.5625rem;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .create-item-btn button::before {
    display: inline-block;
    width: 0.9375rem;
    height: 0.9375rem;
    vertical-align: middle;
    margin-left: 0.625rem;
    background: url("../img/create-icon.svg") no-repeat center;
    content: "";
}

@media (max-width: 880px) {
    .horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .create-item-btn {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .create-item-btn {
        justify-content: flex-start;
    }

    .horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .create-item-btn .create-item-btn {
        height: auto;
    }
}

@media (max-width: 1040px) {
    .horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .create-item-btn.big-btn {
        position: static;
    }
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .search-form-wrapper .exposed-form .exposed-input-group .input-wrapper {
    width: 100% !important;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .search-form-wrapper .exposed-form .exposed-input-group .input-wrapper:before {
    width: 2.5rem;
    height: 2.5rem;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .horizantal-tabs-content-header .search-form-wrapper .exposed-form .exposed-input-group .input-wrapper input {
    border: 0.03125rem solid rgba(119, 113, 187, 0.7);
    width: 15.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.625rem 1.125rem 0.5rem 2.5rem !important;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .no-result {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .no-result::before {
    margin-bottom: 0.5rem;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .no-result.no-folder-new:before {
    width: 13.5rem;
    height: 9.375rem;
    background: url("../img/no-folder-new.svg") no-repeat center;
    object-fit: cover;
    margin-top: 0;
    margin-bottom: 0;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .no-result.no-assignments {
    padding-top: 9rem;
    padding-bottom: 24.25rem;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .no-result.no-assignments:before {
    width: 10.5rem;
    height: 10.5rem;
    background: url("../img/new-no-assignments.svg") no-repeat center;
    object-fit: cover;
    margin-top: 0;
}

.horizontal-tabs-wrapper .horizantal-tabs-content .no-result.no-assignments h4 {
    color: #B0ADD6;
    font-weight: 800;
    line-height: normal;
}

@media (max-width: 991.98px) {
    .horizontal-tabs-wrapper .horizantal-tabs-content {
        padding: 0.75rem 1.25rem;
    }
}

@media (max-width: 767.98px) {
    .horizontal-tabs-wrapper .horizantal-tabs-content {
        padding: 0.75rem;
    }
}

form.search-form .form-wrapper {
    position: relative;
}

form.search-form input.search-input {
    padding: 0.5rem;
    min-width: 19.6rem;
    height: 2.5625rem;
    border-radius: 0.625rem;
    padding-left: 4.125rem;
    z-index: 1;
    border: 0.03125rem solid rgba(119, 113, 187, 0.7);
}

form.search-form input.search-input::placeholder {
    color: rgba(44, 35, 141, 0.7);
}

@media (max-width: 305px) {
    form.search-form input.search-input {
        min-width: auto;
        width: 100%;
    }
}

form.search-form .remove-text-search {
    position: absolute;
    top: 0.5rem;
    left: 2.5rem;
    bottom: 0.5rem;
    margin: 0;
    padding: 0;
    z-index: 2;
    cursor: pointer;
    background-image: url("../img/remove-text-search.svg");
    background-repeat: no-repeat;
    width: 1.5625rem;
    height: 1.5625rem;
}

form.search-form .search-wrapper .search-btn {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    bottom: 0.5rem;
    margin: 0;
    padding: 0;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 0;
    background: url("../img/new-search-btn.svg") no-repeat center;
    background-size: cover;
    z-index: 2;
}

@media (max-width: 824px) {
    .search-form-wrapper {
        width: auto;
        margin: 0;
        text-align: inherit;
    }
}

.filter-btn-wrapper {
    display: none;
    padding-right: 0;
}

@media (max-width: 950px) {
    .filter-btn-wrapper {
        width: 100%;
        margin-top: 10px;
        text-align: left;
    }
}

.btn-filter {
    color: #FF5700;
    background-color: #fff;
    border: 0.5px solid #FF5700;
    padding: 12px 20px 13px;
    display: none;
}

.btn-filter::before {
    content: "";
    display: inline-block;
    width: 1.625rem;
    height: 1.5rem;
    margin-left: 0.625rem;
    background: url("../img/filter.svg") no-repeat center;
    vertical-align: sub;
}

.btn-filter:hover {
    color: #FF5700;
    background-color: #FFE5D8;
}

.btn-filter.active {
    color: #fff;
    background-color: #FF5700;
    border-color: #FF5700;
}

.btn-filter.active::before {
    background: url("../img/filter-white.svg") no-repeat center;
}

.btn-filter.history {
    width: 3.25rem;
    height: 3.25rem;
    padding: 0;
}

.btn-filter.history::before {
    width: 100%;
    height: 100%;
    margin-left: 0;
    background: url("../img/history.svg") no-repeat center;
}

.btn-filter.history.active::before {
    background: url("../img/history-active.svg") no-repeat center;
}

.btn-filter.reports-filter:first-child {
    margin-right: 0;
}

.btn-filter.reports-filter::before {
    content: none;
}

.btn-filter.d-inline-block {
    margin-right: 0.625rem;
}

.btn-filter.d-inline-block::before {
    margin-left: 0;
}

.btn-filter.no-icon::before {
    content: none;
}

.btn-filter.full-update-icon {
    padding: 0.75rem 1.25rem;
}

.filter-btn-wrapper .btn-filter {
    color: transparent;
    background-color: #fff;
    border: 0;
    padding: 0;
    font-size: 0;
    width: 2.5rem;
    height: 2.5625rem;
    border: 0.0125rem solid rgba(119, 113, 187, 0.7);
    border-radius: 0.625rem !important;
    transition: all 0.25s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .filter-btn-wrapper .btn-filter {
        transition: none;
    }
}

.filter-btn-wrapper .btn-filter:hover {
    opacity: 0.75;
}

.filter-btn-wrapper .btn-filter::before {
    width: 1.4375rem;
    background: url("../img/new-filter.svg") no-repeat center;
    margin: 0;
}

.filter-btn-wrapper .btn-filter.active {
    background-color: #2C238D;
}

.filter-btn-wrapper .btn-filter.active::before {
    background: url("../img/new-filter-active.svg") no-repeat center;
}

@media (max-width: 950px) {
    .filter-btn-wrapper {
        width: auto;
        margin: 0;
        text-align: inherit;
    }
}

@media (min-width: 1400px) {
    .new-card-style .col-xxl-3 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
}

@media (min-width: 1600px) {
    .new-card-style .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

.new-card-style .card-style-item {
  position: relative;
  display: flex;
  /*justify-content: center;*/
  gap: 0.75rem;
  height: 100%;
  padding: 0.75rem 0.5rem;
  border-radius: 0.75rem;
  box-shadow: 0 0.1875rem 0 0 #7771BB;
}

  .new-card-style .card-style-item .book-content-image{
    width: 132px;
    height: 198px;
    margin: 0 auto;
  }

  .new-card-style .card-style-item .card-style-item-title::before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 70%;
    content: "";
}

.new-card-style .card-style-item .card-style-item-title:hover h6 {
    color: #2C238D;
}

.new-card-style .card-style-item .card-style-item-title h6 {
    margin-bottom: 0;
    color: #000;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.5;
    transition: all 0.25s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .new-card-style .card-style-item .card-style-item-title h6 {
        transition: none;
    }
}

.new-card-style .card-style-item .card-style-item-details {
    color: #000;
    font-size: 0.75rem;
    font-weight: 300;
    opacity: 0.5;
}

.new-card-style .card-style-item .card-style-item-details:not(:last-of-type) {
    margin-bottom: 0.25rem;
}

.new-card-style .card-style-item .video-item-component__img .video-item-component__play-icon {
    z-index: 2;
}

.new-card-style .card-style-item .video-item-component__img .video-item-component__play-icon:hover svg {
    border: 0;
}

.new-card-style .card-style-item.video-card {
    align-items: flex-start;
}

.new-card-style .card-style-item.diff-card .card-style-item-title::before {
    content: none;
}

.new-card-style .card-style-item.diff-card:hover .card-style-item-title h6 {
    color: #000;
}

.new-card-style .card-style-item .book-item-component__btns {
    z-index: 2;
    padding-top: 0.75rem;
    border-top: 0.75px solid #ABABAB;
    margin-top: auto;
}

.new-card-style .card-style-item .book-item-component__btns .book-item-component--listen {
    border-radius: 5px;
    border: 1px solid #2C238D !important;
    background: #DFDEEE !important;
}

.new-card-style .card-style-item .book-item-component__btns .book-item-component--listen:hover {
    border: 1px solid #251e78 !important;
    background: #DFDEEE !important;
}

.new-card-style .card-style-item .book-item-component__btns .book-item-component--read {
    border-radius: 5px;
    border: 1px solid #2C238D !important;
    background: #2C238D !important;
}

.new-card-style .card-style-item .book-item-component__btns .book-item-component--read:hover {
    border: 1px solid #251e78 !important;
    background: #251e78 !important;
}

.new-card-style .card-style-item .book-item-component__btns .book-item-component--quiz {
    border-radius: 5px;
    border: 1px solid #2C238D !important;
    background: transparent !important;
}

.new-card-style .card-style-item .book-item-component__btns .book-item-component--quiz:hover {
    border: 1px solid #251e78 !important;
    background: transparent !important;
}

.new-card-style.not-grid-style {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

.new-card-style.not-grid-style .card-style-item {
    width: 8.375rem;
    gap: 0.75rem;
    height: auto;
}

.new-card-style.not-grid-style .card-style-item .card-style-item-title h6 {
    margin-top: 0;
    font-size: 0.75rem;
}

.new-card-style.not-grid-style > nav {
    width: 100%;
}

.new-card-style .swiper-default {
    padding: 0 0 1.25rem !important;
}

.videos-component .video:hover .play-icon svg {
    border: 0;
}

.general-hover.card-style-item {
    border: 0.125rem solid #7771BB;
    transition: all 0.25s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .general-hover.card-style-item {
        transition: none;
    }
}

.general-hover.card-style-item:hover {
    border-color: #2C238D !important;
    box-shadow: 0 0.1875rem 0 0 #2C238D !important;
}

.favourite {
    z-index: 2;
    display: block;
    cursor: pointer;
}

.book-stars-wrapper .book-stars-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5rem;
    height: 2.25rem;
    font-weight: 700;
    border-radius: 0 0.625rem 0.625rem 0;
    background-color: #D5D8FC;
}

.book-stars-wrapper .book-stars-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0.25rem;
    border-radius: 0.625rem 0 0 0.625rem;
    background-color: #2C238D;
}


form.sidebar-form-content .assignment-input {
    display: flex;
    flex-wrap: wrap;
}

form.sidebar-form-content .assignment-input input[type=checkbox] {
    display: none;
}

form.sidebar-form-content .assignment-input input[type=checkbox]:checked + label.reading::before {
    background: url("../img/reading-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input input[type=checkbox]:checked + label.listening::before {
    background: url("../img/listening-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input input[type=checkbox]:checked + label.recording::before {
    background: url("../img/recording-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input input[type=checkbox]:checked + label.quiz::before {
    background: url("../img/quiz-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input input[type=checkbox]:checked + label.write_story::before {
    background: url("../img/write_story-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label {
    display: block;
    margin-bottom: 0.9375rem;
    cursor: pointer;
    text-align: center;
}

form.sidebar-form-content .assignment-input label:not(:last-of-type) {
    margin-left: 0.9375rem;
}

form.sidebar-form-content .assignment-input label::before {
    content: "";
    width: 2.875rem;
    height: 2.875rem;
    display: block;
    margin: 0 auto 0.625rem;
    transition: all 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
    form.sidebar-form-content .assignment-input label::before {
        transition: none;
    }
}

form.sidebar-form-content .assignment-input label.reading::before {
    background: url("../img/reading-checkbox.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.reading:hover::before {
    background: url("../img/reading-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.listening::before {
    background: url("../img/listening-checkbox.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.listening:hover::before {
    background: url("../img/listening-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.recording::before {
    background: url("../img/recording-checkbox.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.recording:hover::before {
    background: url("../img/recording-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.quiz::before {
    background: url("../img/quiz-checkbox.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.quiz:hover::before {
    background: url("../img/quiz-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.write_story::before {
    background: url("../img/write_story-checkbox.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .assignment-input label.write_story:hover::before {
    background: url("../img/write_story-checkbox-hover.svg") no-repeat center;
    background-size: 100%;
}

form.sidebar-form-content .SumoSelect {
    width: 100% !important;
}

form.sidebar-form-content .SumoSelect .dropdown-select {
    width: 100% !important;
}

form.sidebar-form-content .division-wrapper label,
form.sidebar-form-content .division-wrapper .single-selection,
form.sidebar-form-content .division-wrapper .multi-selection,
form.sidebar-form-content .student-name-wrapper,
form.sidebar-form-content .date-input.wrapper {
    display: none;
}

.sidebar-form {
    z-index: 1055;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 100vh;
    background-color: #F7F7FB;
    border: 0.5px solid #D4D2EB;
    transition: width 0.35s ease;
    text-align: right;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-form {
        transition: none;
    }
}

.sidebar-form.open {
    width: 23.5rem;
}

@media (max-width: 400px) {
    .sidebar-form.open {
        width: 19.5rem;
    }
}

@media (max-width: 340px) {
    .sidebar-form.open {
        width: 16.5rem;
    }
}

.sidebar-form .search-form {
    opacity: 0;
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-form .search-form {
        transition: none;
    }
}

.sidebar-form .search-form.open {
    opacity: 1;
}

.sidebar-form-header {
    padding: 1.25rem;
    border-bottom: 0.5px solid #D4D2EB;
    opacity: 0;
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-form-header {
        transition: none;
    }
}

.sidebar-form-header.open {
    opacity: 1;
}

.sidebar-form-header h4, .sidebar-form-header .h4 {
    line-height: 1;
}

.sidebar-form-content {
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 85px);
    opacity: 0;
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-form-content {
        transition: none;
    }
}

.sidebar-form-content.open {
    opacity: 1;
}

.sidebar-form-content .inputs-wrapper {
    margin: 1.25rem 1.25rem 1.25rem 0.625rem;
    height: calc(100% - 115px);
    overflow-y: auto;
    padding-left: 0.625rem;
}

.sidebar-form-content .inputs-wrapper::-webkit-scrollbar {
    width: 0.375rem;
    background: transparent;
}

.sidebar-form-content .inputs-wrapper::-webkit-scrollbar-thumb {
    background: #C0BDDD;
    border-radius: 1.25rem;
}

.sidebar-form-content .action-wrapper {
    z-index: 99;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.375rem 1.25rem;
    border-top: 0.5px solid #D4D2EB;
    background-color: #F7F7FB;
}

.sidebar-form .search-form {
    position: absolute;
    top: 5.25rem;
    left: 1.25rem;
    right: 1.25rem;
}

.sidebar-form .search-form .search-input {
    min-width: auto !important;
}

.sidebar-form.create-folder-form {
    z-index: 1060;
}

.sidebar-form .more-info-wrapper {
    position: relative;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-icon {
    position: relative;
    display: block;
    width: 1rem;
    height: 1.0625rem;
    background: url("../img/more-info.svg") no-repeat center;
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-icon::before {
    z-index: -1;
    position: absolute;
    bottom: 1.375rem;
    right: 50%;
    transform: translateX(50%);
    display: block;
    width: 0;
    height: 0;
    border-right: 1.25rem solid transparent;
    border-left: 1.25rem solid transparent;
    border-top: 1.5rem solid #2C238D;
    content: "";
    opacity: 0;
    visibility: hidden;
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-icon::after {
    z-index: -1;
    position: absolute;
    bottom: 0;
    right: 50%;
    display: block;
    width: 3.125rem;
    height: 3.125rem;
    transform: translateX(50%);
    content: "";
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-details {
    z-index: -1;
    position: absolute;
    left: 0.5rem;
    bottom: 2.25rem;
    right: 2rem;
    border-radius: 0.625rem;
    display: block;
    padding: 0.75rem 0.5rem 0.5rem 0.75rem;
    background: #2C238D;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    opacity: 0;
    visibility: hidden;
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-details .more-info-title {
    font-weight: 900;
    margin-bottom: 0.5rem;
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-details .more-info-desc {
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-details .more-info-link {
    display: block;
    float: left;
    color: #fff;
    font-weight: 800;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    transition: all 0.25s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-form .more-info-wrapper .more-info-style .more-info-details .more-info-link {
        transition: none;
    }
}

.sidebar-form .more-info-wrapper .more-info-style .more-info-details .more-info-link:hover {
    opacity: 0.75;
}

.sidebar-form .more-info-wrapper .more-info-style.style-down .more-info-icon::before {
    top: 1.5rem;
    bottom: auto;
    transform: translateX(50%) scaleY(-1);
}

.sidebar-form .more-info-wrapper .more-info-style.style-down .more-info-icon::after {
    top: 0;
    bottom: auto;
}

.sidebar-form .more-info-wrapper .more-info-style.style-down .more-info-details {
    top: 2.25rem;
    bottom: auto;
}

.sidebar-form .more-info-wrapper .more-info-style:hover .more-info-icon::after,
.sidebar-form .more-info-wrapper .more-info-style:hover .more-info-icon::before,
.sidebar-form .more-info-wrapper .more-info-style:hover .more-info-details {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.filter-results-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.filter-results-items .filter-results-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.3125rem;
    border: 0.03125rem solid #7771BB;
    background: #7069BE;
    color: #fff;
    font-weight: 800;
}

.filter-results-items .filter-results-item a {
    font-size: 0;
    display: flex;
    width: 1rem;
    height: 1rem;
    background: url("../img/remove-search.svg") no-repeat center;
    transition: all 0.25s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .filter-results-items .filter-results-item a {
        transition: none;
    }
}

.filter-results-items .filter-results-item a:hover {
    opacity: 0.75;
}

.SumoSelect {
    width: 150px !important;
}

.SumoSelect > select {
    display: none !important;
}

.SumoSelect > .CaptionCont.dropdown-select {
    margin-left: 0 !important;
    cursor: pointer;
    padding: 0.6875rem 0.625rem 0.6875rem 3.25rem;
    border-radius: 0.625rem;
    display: block;
    position: relative;
    color: #2C238D;
    border: 0.0625rem solid #2C238D;
    background: #fff;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/arrow.svg");
    background-repeat: no-repeat;
    background-position: center left;
    font-size: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .SumoSelect > .CaptionCont.dropdown-select {
        transition: none;
    }
}

.SumoSelect > .CaptionCont.dropdown-select.empty {
    border-color: #B8B5E0;
}

.SumoSelect > .CaptionCont.dropdown-select.empty > span.placeholder {
    color: #9591c6 !important;
}

.SumoSelect > .CaptionCont.dropdown-select > label {
    display: none !important;
}

.SumoSelect > .CaptionCont.dropdown-select span {
    padding-right: 0;
}

.SumoSelect > .CaptionCont.dropdown-select span.placeholder {
    background-color: #fff !important;
    color: #2C238D !important;
    font-style: normal !important;
    opacity: 1 !important;
}

.SumoSelect:hover > .CaptionCont.dropdown-select {
    box-shadow: none;
    border-color: #2C238D;
}

.SumoSelect.open > .CaptionCont.dropdown-select {
    box-shadow: none;
    border-color: #2C238D;
}

.SumoSelect.open .search-txt {
    border-radius: 0.625rem !important;
    padding: 0.6875rem 0.625rem 0.6875rem 3.25rem !important;
    background-image: url("../img/arrow.svg");
    background-repeat: no-repeat;
    background-position: center left;
}

.SumoSelect > .optWrapper {
    top: 100% !important;
    background-color: #fff !important;
    border: 0.5px solid #D4D2EB !important;
    box-shadow: 0 0.25rem 1rem rgba(169, 167, 186, 0.3019607843) !important;
    border-radius: 0.625rem !important;
    overflow: visible !important;
}

.SumoSelect > .optWrapper .options::-webkit-scrollbar {
    width: 0.375rem !important;
    background: transparent !important;
}

.SumoSelect > .optWrapper .options::-webkit-scrollbar-thumb {
    background: #C0BDDD !important;
    border-radius: 1.25rem !important;
}

.SumoSelect > .optWrapper .options .opt {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 0.5px solid #D4D2EB !important;
}

.SumoSelect > .optWrapper .options .opt:last-of-type {
    border-radius: 0 0 0.625rem 0.625rem !important;
}

.SumoSelect > .optWrapper > .options li label {
    text-overflow: unset !important;
    white-space: unset !important;
}

.SumoSelect > .optWrapper > .options li:first-of-type {
    border-radius: 0.625rem 0.625rem 0 0 !important;
}

.SumoSelect > .optWrapper > .options li:last-of-type {
    border-radius: 0 0 0.625rem 0.625rem !important;
}

.SumoSelect > .optWrapper > .options li.opt.selected,
.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #e4e4e4;
}

.SumoSelect > .optWrapper > .options ul li.opt label {
    padding-bottom: 4px;
}

.SumoSelect > .optWrapper.multiple {
    top: 100% !important;
    background-color: #fff !important;
    border: 0.5px solid #D4D2EB !important;
    box-shadow: 0 0.25rem 1rem rgba(169, 167, 186, 0.3019607843) !important;
    border-radius: 0.625rem !important;
    overflow: visible !important;
}

.SumoSelect > .optWrapper.multiple .select-all {
    border-radius: 0.625rem 0.625rem 0 0 !important;
    padding: 0.75rem;
    border-bottom: 0.5px solid #D4D2EB;
    height: auto;
}

.SumoSelect > .optWrapper.multiple .select-all span {
    margin-left: 0 !important;
    margin-right: -13px !important;
}

.SumoSelect > .optWrapper.multiple .select-all span i {
    box-shadow: none !important;
    border: 0.5px solid #D4D2EB !important;
}

.SumoSelect > .optWrapper.multiple .select-all label {
    margin-left: 0;
    margin-right: 16px;
    color: #fd7e14;
}

.SumoSelect > .optWrapper.multiple .select-all.partial i {
    box-shadow: none !important;
    background-color: transparent !important;
}

.SumoSelect > .optWrapper.multiple .select-all.selected i {
    box-shadow: none !important;
    background-color: #fd7e14 !important;
    border-color: #fd7e14 !important;
}

.SumoSelect > .optWrapper.multiple .options::-webkit-scrollbar {
    width: 0.375rem;
    background: transparent;
}

.SumoSelect > .optWrapper.multiple .options::-webkit-scrollbar-thumb {
    background: #C0BDDD;
    border-radius: 1.25rem;
}

.SumoSelect > .optWrapper.multiple .options .opt {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 0.5px solid #D4D2EB;
    padding-left: 0 !important;
    padding-right: 35px !important;
}

.SumoSelect > .optWrapper.multiple .options .opt span {
    margin-left: 0 !important;
    margin-right: -35px !important;
}

.SumoSelect > .optWrapper.multiple .options .opt:last-of-type {
    border-radius: 0 0 0.625rem 0.625rem !important;
}

.SumoSelect > .optWrapper.multiple .options .group > label {
    position: relative;
    padding-right: 30px;
    border-top: 0.5px solid #D4D2EB;
}

.SumoSelect > .optWrapper.multiple .options .group:first-of-type > label {
    border-top: 0 !important;
}

.SumoSelect > .optWrapper.multiple .options .group {
    position: relative;
}

.SumoSelect > .optWrapper.multiple .options .group span {
    z-index: 9;
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
}

.SumoSelect > .optWrapper.multiple > .options .group li.opt span {
    margin-right: -30px !important;
    margin-left: 0 !important;
}

.SumoSelect > .optWrapper.multiple > .options .group li.opt span {
    margin-left: -30px !important;
}

.SumoSelect > .optWrapper.multiple > .options .group li.opt span {
    height: 22px;
}

.SumoSelect > .optWrapper.multiple .options .group span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 20px;
    bottom: 0;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: none !important;
    border: 0.5px solid #D4D2EB !important;
    cursor: pointer;
}

.SumoSelect > .optWrapper.multiple .options .group span.somechecked i {
    background: url("../img/dash-checkbox.svg") no-repeat center center !important;
    box-shadow: none !important;
    border-color: #2C238D !important;
}

.SumoSelect > .optWrapper.multiple .options .group span.checked i {
    background: url("../img/active-checkbox.svg") no-repeat center center !important;
    box-shadow: none !important;
    border-color: #2C238D !important;
}

.SumoSelect > .optWrapper.multiple .options .group > label {
    z-index: 8;
    background-image: url(../img/arrow.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    font-weight: normal;
}

.SumoSelect > .optWrapper.multiple .options .group ul {
    display: none;
}

.SumoSelect > .optWrapper.multiple .options .group ul .opt {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 15px;
    border: 0 !important;
}

.SumoSelect > .optWrapper.multiple .options .group ul .opt {
    padding-top: 0 !important;
}

.SumoSelect > .optWrapper.multiple .options .group:last-of-type {
    border-radius: 0 0 0.625rem 0.625rem !important;
}

.SumoSelect > .optWrapper.multiple .options .group .opt:last-of-type {
    border-radius: 0 !important;
}

.SumoSelect > .optWrapper.multiple .options .group:last-of-type .opt:last-of-type {
    border: 0 !important;
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
    padding-left: 0;
    padding-right: 45px !important;
}

.SumoSelect > .optWrapper.multiple .options .opt i {
    box-shadow: none !important;
    border: 0.5px solid #D4D2EB !important;
}

.SumoSelect > .optWrapper.multiple .options .opt.selected, .SumoSelect > .optWrapper.multiple .options .opt:hover {
    background-color: #fff !important;
}

.SumoSelect > .optWrapper.multiple .options .opt.selected i {
    box-shadow: none !important;
    border-color: #2C238D !important;
    background: url("../img/active-checkbox.svg") no-repeat center center !important;
}

.SumoSelect > .optWrapper.multiple .MultiControls {
    border-radius: 0 0 0.625rem 0.625rem !important;
}

.SumoSelect > .optWrapper.multiple .MultiControls p:hover {
    background-color: transparent !important;
}

.select-form-wrapper .SumoSelect {
    width: 100% !important;
}

.SumoSelect > .CaptionCont.dropdown-select.search::before {
    z-index: 9;
    position: absolute;
    top: 50%;
    right: 0.625rem;
    transform: translateY(-50%);
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: url("../img/sumoselect-search.svg") no-repeat center;
}

.SumoSelect > .CaptionCont.dropdown-select.search input {
    padding: 0.6875rem 2.5rem 0.6875rem 3.25rem !important;
}

form .dropdown-select.empty {
    color: #9591c6;
    border-color: #B2B0D0 !important;
}

.btn-reset {
    margin-right: 0.625rem;
    color: #FF5700;
    background-color: #fff;
    border: 0.5px solid #FF5700;
    display: none;
}

.btn-reset:hover {
    color: #FF5700;
    background-color: #FFE5D8;
}

.btn-reset:focus, .btn-reset.active {
    color: #fff;
    background-color: #FF5700;
    border-color: #FF5700;
}

.btn-reset.download {
    display: block;
    width: 30% !important;
}

.btn-reset.btn-disabled {
    cursor: not-allowed;
    background-color: #fff !important;
    border-color: #ACABB9 !important;
    color: #ACABB9 !important;
    font-weight: 700;
}

.btn-primary-light {
    padding: 0.5rem 0.75rem;
    color: #2C238D;
    background-color: #fff;
    border: 0.0625rem solid #2C238D;
    box-shadow: none;
    font-weight: 500;
}

.btn-primary-light:hover {
    color: #251e78;
    background-color: #fff !important;
    border-color: #251e78;
}

.btn-primary-light:focus, .btn-primary-light:active {
    color: #251e78 !important;
    background-color: #fff !important;
    border-color: #251e78 !important;
}

.btn-primary.create-assignment-btn, .btn-primary.move-btn {
    padding: 0.5rem 0.25rem !important;
}

.clear-all-search {
    background-image: url("../img/clear-filters.svg");
    background-repeat: no-repeat;
    width: 2.5625rem;
    height: 2.5625rem;
    display: none;
    cursor: pointer;
}

.Ai_Banner_Maincontainer{
  border-radius: 8px 0px 0px 8px;

}