:root{--color-primary:#22577e;--color-primary-darken:#183d58;--color-secondary:#dee6ec;--color-grey-light-1:#f7f7f7;--border-radius:0.4rem}*,:after,:before{box-sizing:inherit}*{margin:0;padding:0}html{font-size:62.5%}@media only screen and (max-width:87.5em){html{font-size:56.25%}}@media only screen and (max-width:50em){html{font-size:50%}}body{box-sizing:border-box;color:#333;font-family:Roboto Slab,serif;font-size:1.4rem}.book-card{background-color:#f7f7f7;border-radius:.4rem;border-radius:var(--border-radius);box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.25);display:flex;flex-direction:column;gap:2rem;padding:2rem;position:relative}@media only screen and (max-width:37.5em){.book-card{max-width:35rem}}.book-card__rating{align-items:center;background-color:#22577e;background-color:var(--color-primary);border-radius:3px;color:#f7f7f7;color:var(--color-grey-light-1);display:flex;font-weight:700;height:4.6rem;justify-content:center;position:absolute;right:0;top:0;-webkit-transform:translate(40%,-40%);transform:translate(40%,-40%);width:4.8rem}.book-card img{align-self:center;border-radius:.4rem;border-radius:var(--border-radius);box-shadow:0 1rem 2.4rem rgba(0,0,0,.25);height:30rem}.book-card__info{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:space-between}.book-card header{display:flex;flex-direction:column;gap:.4rem}.book-card__title{font-size:2rem}.book-card__author{font-weight:400}.book-card__details{display:flex;flex-direction:column;gap:1.4rem}.book-card__detail{align-items:center;display:flex;gap:1.4rem;text-transform:capitalize}.book-card__icon{fill:#22577e;fill:var(--color-primary);height:1.8rem;width:1.8rem}.book-card .btn{justify-self:center;text-transform:uppercase}.book-grid{grid-gap:4rem;display:grid;gap:4rem;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-template-columns:repeat(4,1fr)}@media only screen and (max-width:75em){.book-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:62.5em){.book-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:37.5em){.book-grid{grid-template-columns:minmax(35rem,1fr)}}.books-controls-wrapper{display:flex;gap:2rem}@media only screen and (max-width:37.5em){.books-controls-wrapper{grid-row-gap:3rem;display:grid;grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content;justify-items:center;row-gap:3rem}}.books-buttons-wrapper{display:flex;flex-direction:column;gap:2rem;justify-content:stretch}@media only screen and (max-width:37.5em){.books-buttons-wrapper{align-content:stretch;flex-direction:row;height:4rem}}.select-wrapper{grid-gap:2rem;align-content:center;display:grid;font-size:2rem;gap:2rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.select,.select-wrapper,.select-wrapper label{align-self:center}.select{background-color:#f7f7f7;background-color:var(--color-grey-light-1);border:1px solid #22577e;border:1px solid var(--color-primary);border-radius:.4rem;border-radius:var(--border-radius);font-family:inherit;font-size:1.6rem;min-width:20rem;padding:1rem;width:15vw}.select option:hover{background-color:purple}.select:focus{outline:none}.book-table{border-collapse:collapse;min-width:130rem}.book-table thead{background-color:#22577e;background-color:var(--color-primary);color:#f7f7f7;color:var(--color-grey-light-1);font-size:1.6rem;font-weight:500;position:-webkit-sticky;position:sticky;top:0}.book-table th{padding:2rem 1rem}.book-table tr{text-align:center}.book-table tbody tr:nth-of-type(2n){background-color:#f7f7f7;background-color:var(--color-grey-light-1)}.book-table tbody tr:nth-of-type(odd){background-color:#e9e9e9}.book-table td{padding:1rem}.book-table__wrapper{border:1px solid #22577e;border:1px solid var(--color-primary);overflow-y:auto;width:100%}@media only screen and (max-width:62.5em){.book-table__wrapper{max-height:80vh}}.btn{background-color:transparent;border:none;border-radius:3px;cursor:pointer;font-family:inherit;text-decoration:none;transition:all .3s}.btn--blue{background-color:#22577e;background-color:var(--color-primary);box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.15);color:#f7f7f7;color:var(--color-grey-light-1);padding:1rem 2rem}.btn--blue:hover{background-color:#183d58;background-color:var(--color-primary-darken);box-shadow:0 1.2rem 3.6rem rgba(0,0,0,.1);-webkit-transform:translateY(-.2rem);transform:translateY(-.2rem)}.btn--blue:active{-webkit-transform:translateY(-.1rem);transform:translateY(-.1rem)}.btn-view{align-items:center;border:1px solid #22577e;border:1px solid var(--color-primary);display:flex;flex:1 1;font-size:1.4rem;gap:1rem;height:-webkit-max-content;height:max-content;padding:1rem 2rem;transition:none}.btn-view--active{background-color:#22577e;background-color:var(--color-primary);font-weight:500}.btn-view--active span{color:#f7f7f7;color:var(--color-grey-light-1)}.btn-view--active .btn-view__icon{fill:#f7f7f7;fill:var(--color-grey-light-1)}.btn-view__icon{fill:#22577e;fill:var(--color-primary);height:2rem;width:2rem}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.5);height:100vh;position:fixed;width:100vw;z-index:8}.modal{background-color:#f7f7f7;background-color:var(--color-grey-light-1);border-radius:.4rem;border-radius:var(--border-radius);display:flex;gap:4rem;height:-webkit-max-content;height:max-content;left:50%;max-height:90vh;max-width:100rem;min-width:85rem;overflow-y:auto;padding:3rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60vw;z-index:100}@media only screen and (max-width:50em){.modal{flex-direction:column;max-width:auto;min-width:auto;width:80vw}}.modal img{align-self:center;border-radius:.4rem;border-radius:var(--border-radius);box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.2);height:40rem;object-fit:contain;width:-webkit-max-content;width:max-content}@media only screen and (max-width:50em){.modal img{height:30rem}}.modal__body{display:flex;flex-direction:column;width:100%}.modal header{margin-bottom:2rem;margin-right:3rem}.modal__title{font-size:4rem}.modal__author{font-size:2.4rem;font-weight:500}.modal__info{grid-gap:2.4rem;align-items:space-between;display:grid;flex:1 1;gap:2.4rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}@media only screen and (max-width:50em){.modal__info{grid-template-columns:65% 35%}}.modal__stat{align-items:center;display:flex;font-size:1.8rem;font-weight:300;gap:1.4rem}.modal__icon{fill:#22577e;fill:var(--color-primary);height:3rem;width:3rem}.modal__letter-icon{align-items:center;background-color:#22577e;background-color:var(--color-primary);border-radius:1000rem;color:#f7f7f7;color:var(--color-grey-light-1);display:flex;font-weight:500;height:3rem;justify-content:center;padding:2rem;width:3rem}.modal__ratings{display:grid;grid-template-columns:repeat(2,1fr);justify-self:center}.modal__btn-close{font-size:6rem;position:absolute;right:2rem;top:0}.ratings-graph__wrapper{background-color:#f7f7f7;background-color:var(--color-grey-light-1);border:1px solid #22577e;border:1px solid var(--color-primary);border-radius:.4rem;border-radius:var(--border-radius);height:50rem;margin-bottom:4rem;max-width:100rem;padding:1.6rem 2.4rem 1.2rem;position:relative;width:100%}.ratings-graph__wrapper:after{background-color:#22577e;background-color:var(--color-primary);content:"";height:2rem;height:100%;left:0;position:absolute;top:0;-webkit-transform:translate(2rem,2rem);transform:translate(2rem,2rem);width:2rem;width:100%;z-index:-1}.ratings-graph__wrapper:after,.slider{border-radius:.4rem;border-radius:var(--border-radius)}.slider{align-items:center;background-color:#f7f7f7;border:1px solid #22577e;border:1px solid var(--color-primary);display:grid;grid-template-columns:-webkit-max-content 1fr -webkit-max-content;grid-template-columns:max-content 1fr max-content;height:45rem;max-width:80rem;padding:2rem;position:relative;width:90vw}@media only screen and (max-width:37.5em){.slider{height:70rem}}.slider__content-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.slider:after{border-radius:.4rem;border-radius:var(--border-radius);content:"";height:2rem;height:100%;left:0;position:absolute;top:0;-webkit-transform:translate(2rem,2rem);transform:translate(2rem,2rem);width:2rem;width:100%;z-index:-1}.slider:after,.slider__btn{background-color:#22577e;background-color:var(--color-primary)}.slider__btn{color:#f7f7f7;color:var(--color-grey-light-1);height:5rem;margin-bottom:2rem;width:4.6rem;z-index:10}.slider__btn:hover{background-color:#183d58;background-color:var(--color-primary-darken)}.slider__btn--prev{grid-column:1;left:2.4rem}.slider__btn--next{grid-column:3;right:2.4rem}.slider__btn-icon{height:2rem;width:2rem}.slide{grid-column-gap:2rem;align-items:center;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 45%;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;height:100%;opacity:0;padding:2rem 3rem;position:absolute;transition:all .3s linear;width:100%}@media only screen and (max-width:37.5em){.slide{grid-template-columns:100%;grid-template-rows:-webkit-max-content -webkit-max-content 1fr;grid-template-rows:max-content max-content 1fr;padding:2rem 1.4rem;row-gap:2rem}}.slide--prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide--active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide--next{-webkit-transform:translateX(100%);transform:translateX(100%)}.slide header{grid-column:span 2;height:-webkit-max-content;height:max-content}@media only screen and (max-width:37.5em){.slide header{grid-column:span 1}}.slide__chart-wrapper{height:90%;max-height:35rem;width:100%}.slide__info{gap:3rem;justify-content:center;width:100%}.slide__info,.slide__ratings{display:flex;flex-direction:column}.slide__ratings{gap:1rem}.slide__name{display:inline-block;font-size:3.6rem;font-weight:400;text-transform:uppercase}.slide__name:after{background-color:#22577e;background-color:var(--color-primary);content:"";display:block;height:.6rem;margin-top:.4rem;width:100%}.slide__rating-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stats-grid{grid-gap:.2rem;background-color:#22577e;background-color:var(--color-primary);display:grid;gap:.2rem;grid-template-columns:repeat(2,1fr);justify-content:center}.stats-grid span{background-color:#dee6ec;background-color:var(--color-secondary)}.stats-grid__label{align-items:center;display:flex;font-size:1.8rem;font-weight:600;justify-content:flex-end;padding:1rem 2rem}.stats-grid__value{display:flex;font-size:4rem;font-weight:300;padding:1rem 2rem 1rem 2.4rem}.footer{color:#f7f7f7;color:var(--color-grey-light-1);font-size:2rem;padding:3rem 0;text-align:center}.footer,.header{background-color:#22577e;background-color:var(--color-primary)}.header{box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.25);position:-webkit-sticky;position:sticky;top:0;z-index:7}.nav__list{display:flex;gap:5rem;justify-content:center;list-style:none}.nav__list-item{padding:1.8rem 0 2.4rem}.nav__btn{color:#f7f7f7;color:var(--color-grey-light-1);font-family:inherit;font-size:2.4rem;position:relative;text-decoration:none}.nav__btn--active:after{background-color:#dee6ec;background-color:var(--color-secondary);bottom:-.4rem;content:"";height:.2rem;left:0;opacity:1;position:absolute;transition:opacity .3s;width:100%}.nav__btn:hover:before{opacity:1}.nav__btn:before{bottom:-.4rem;content:"";height:.2rem;opacity:0;position:absolute;transition:opacity .3s;width:100%}.nav__btn:before,body{background-color:#dee6ec;background-color:var(--color-secondary)}body{display:flex;flex-direction:column;min-height:100vh}.heading-primary{display:inline-block;font-size:4.8rem;margin-bottom:7.2rem;position:relative}.heading-primary:before{background-color:#22577e;background-color:var(--color-primary);bottom:-.6rem;content:"";height:.6rem;position:absolute;width:100%}.heading-error{font-size:3.6rem;margin-bottom:4rem}.container{margin:10rem auto;max-width:140rem}.container,.container__body{align-items:center;display:flex;flex-direction:column}.container__body{gap:6rem;padding:0 2.4rem;width:100%}
/*# sourceMappingURL=main.81360477.css.map*/