:root{--color-primary: #ffffff;--color-secondary: #f0f1f6;--color-tertiary: #301181;--color-quaternary: rgba(87, 68, 131, .1);--color-border-primary: #d8d8d8;--color-text-primary: #383838;--color-transparent: transparent;background:transparent}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.4rem;color:var(--color-text-primary);background-color:var(--color-secondary);height:100vh;max-height:100vh;font-family:Poppins,sans-serif}.row-flex-center{display:flex;justify-content:space-between;align-items:center}.btn{border:none;cursor:pointer}.btn-primary{background:var(--color-quaternary);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--color-text-primary);padding:1.1rem;border-radius:2px;font-weight:600;font-size:1.4rem;letter-spacing:.5px;font-family:Poppins,sans-serif}.view-footer button{background-color:var(--color-primary);color:var(--color-tertiary)}.btn-primary.active{color:var(--color-primary);background-color:var(--color-tertiary)}header,main{padding:1.5rem 5rem}header{width:100%;padding:1rem 5rem;background-color:var(--color-tertiary)}header h3{font-size:1.8rem;font-weight:600;color:var(--color-primary)}header h3:first-letter{font-size:3rem}.booksList ul li,.book-reviews li{border-radius:5rem;padding:.2rem;background:var(--color-primary)}.total-results{border-radius:2px;padding:1rem;color:var(--color-primary)}::placeholder{color:var(--color-text-secondary)}:-ms-input-placeholder{color:var(--color-text-secondary)}::-ms-input-placeholder{color:var(--color-text-secondary)}::-webkit-input-placeholder{color:var(--color-text-secondary)}.search-component{border:1px solid var(--color-border-primary);border-radius:.2rem;box-shadow:3px 1px 16px #0000001a;background-color:var(--color-primary)}.search-component input{border:none;outline:none;padding:.5rem 1rem;width:40rem;background-color:var(--color-transparent);color:var(--color-text-primary);font-family:Poppins,sans-serif}.search-component button{padding:1.1rem;background-color:var(--color-primary);border-radius:50%}main{display:flex;height:calc(100vh - 8.5rem)}main aside{width:40%}main>div{width:57%;border-radius:1rem}aside{height:100%;position:relative;background:transparent}aside,.view,.p-global{padding:2rem;border-radius:.2rem}aside .booksList{height:100%;overflow:hidden}aside>div::-webkit-scrollbar-track,.book-reviews::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px var(--color-tertiary);border-radius:2px}aside>div::-webkit-scrollbar,.book-reviews::-webkit-scrollbar{width:12px;background-color:var(--color-primary)}aside>div::-webkit-scrollbar-thumb,.book-reviews::-webkit-scrollbar-thumb{border-radius:2px;-webkit-box-shadow:inset 0 0 6px var(--color-tertiary);background-color:var(--color-tertiary)}.booksList ul{list-style:none;width:95%;margin:0 auto}.booksList ul li{display:flex;padding:1rem;margin:.5rem 0;border-radius:.4rem;cursor:pointer;background-color:var(--color-primary);box-shadow:-3px 3px 9px -1px #0000001a}.booksList ul li .book-cover{width:10rem;margin-right:1.5rem}.booksList ul li .book-cover img{display:block;width:10rem;height:auto}.booksList ul li .book-details{display:flex;flex-direction:column;justify-content:space-between}.booksList ul li .book-details h4{color:var(--color-tertiary);font-weight:600;font-size:1.6rem}.book-details-footer{margin-top:1.5rem;padding:1rem 0}.book-details-footer p:last-child,.details-meta p:nth-of-type(2){text-transform:capitalize}.review-container{margin-left:2rem}.review-tabs{margin:1rem 0;padding:0 1rem}.review-tabs .btn-primary:first-child{margin-right:1rem}.view{height:70vh;position:relative;background-color:var(--color-primary)}.view.reviewed-books{background:transparent}.view-head{display:flex}.view-img{margin-right:1.5rem}.view-book-details{height:inherit;display:flex;flex-direction:column}.view-body p{padding:1rem 0;max-height:9.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.view-book-details h4{color:var(--color-tertiary);font-size:1.8rem}.view-book-details h5{font-size:1.4rem;padding:.5rem 0;font-weight:400}.view-body h4{font-weight:600}.view-body{padding:1rem}.details-meta{margin-top:1rem;padding:1rem 0}.details-meta p{padding:.5rem 0}.view-footer{position:absolute;bottom:0%;right:0%;width:100%;padding:1rem;background-color:var(--color-tertiary);border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.view-footer button{margin-right:1rem}.view-footer p{color:var(--color-primary)}.review-stars{display:flex;align-items:center;justify-content:space-between;min-width:fit-content}.stars{display:flex;flex-direction:row-reverse}.stars span{font-size:2.5rem;margin-right:.5rem;cursor:pointer;color:var(--color-secondary)}.review-stars p{margin-left:1rem;font-weight:600;font-size:1.6rem;font-family:Poppins,sans-serif}.review-stars p,.stars span:hover,.stars span:hover~span,.stars span.active{color:gold}.book-reviews{height:100%;list-style:none}.book-reviews li{border-radius:.5rem;padding:1rem;display:flex;width:90%;align-items:center;background-color:var(--color-primary);box-shadow:-1px 1px 9px -1px #0000001a}.book-reviews li>:last-child{margin-left:auto;padding:0 1rem}.book-reviews li:not(:last-child){margin-bottom:1rem}.book-reviews li .book-cover{min-width:5rem;margin-right:1rem}.book-reviews .book-details h5{font-size:1.4rem;color:var(--color-tertiary)}.book-reviews li div>button{background-color:var(--color-transparent);border-radius:50%}.book-details .book-meta-details{display:flex;justify-content:flex-end;padding:1rem 0;width:25rem}.book-details .book-meta-details p{width:33%}.errorContainer{text-align:center;font-weight:600;font-size:1.6rem;margin:0 auto}.loader{position:relative;width:4rem;height:4rem;border:.4rem solid var(--color-primary);border-radius:50%;margin:auto}.loader div{position:absolute;bottom:-.4rem;left:-.4rem;width:inherit;height:inherit;border-radius:50%;border:.4rem solid transparent;border-bottom:.4rem solid var(--color-tertiary);animation:loaderOnLoad 2s linear infinite}@keyframes loaderOnLoad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 360px) and (max-width: 950px){html{font-size:56%}.row-flex-center{justify-content:center}.search-component{display:flex;width:100%}main{padding:1.5rem 2rem}.view{height:100%}.view-head{flex-direction:column}.review-container,.review-stars p{margin-left:0}.view-footer{position:relative;flex-wrap:wrap;justify-content:space-between}.review-stars{align-items:flex-start;flex-direction:column-reverse}.book-reviews li>:last-child{padding:0}.book-details{margin-left:1rem}.view.reviewed-books{padding:2rem 1rem}.book-reviews li{width:100%}}@media only screen and (max-width: 950px){.row-flex-center{flex-wrap:wrap}header h3{flex-grow:3;text-align:center;margin-bottom:1rem}.search-component input{width:100%}main{flex-direction:column;height:100%}main aside{width:100%;min-height:fit-content}aside .booksList{height:fit-content}main>div{width:100%}.booksList ul{display:flex;flex-direction:row;margin-left:0}.booksList ul li{flex-direction:column;align-items:center;justify-content:space-evenly;min-width:20rem;max-width:100%;margin:0 1rem 1rem 0}.booksList ul li .book-details{text-align:center}.review-container{padding:2rem 0}.book-details .book-meta-details{width:100%}}