body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2e2e2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0 auto;max-width:1920px}.search-form{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:20px;width:100%}.search-form__field{margin-bottom:20px;position:relative}.search-form__input{background-color:bisque;border-radius:5px;color:#000;font-weight:400;max-width:400px;padding:0 30px 0 5px;width:100%}.search-form__btn,.search-form__input{box-sizing:border-box;font-size:20px;height:40px;margin:0}.search-form__btn{background-color:transparent;border:none;border-radius:5px;cursor:pointer;padding:0;position:absolute;right:0;top:0;width:40px}.search-form__params{display:flex;flex-direction:column;gap:10px;margin:0 auto}.search-form__categories{display:flex;gap:20px}.search-form__categories-title{color:#000;font-size:20px;font-weight:700;margin:0 10px 0 0;padding:0;text-shadow:2px 3px hsla(0,8%,95%,.496);width:100px}.search-form__categories-list{background-color:bisque;border-radius:5px;color:#000;font-size:18px;width:50%}.header{align-items:center;background-image:url(../../static/media/bg.b0444f48272a95b7f6b6.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;margin:0 auto;width:100%}.header__title{color:#000;font-size:40px;font-weight:900;margin:0 auto 20px;text-shadow:2px 3px hsla(0,8%,95%,.496)}@media screen and (max-width:500px){.header__title{font-size:32px}}.popup{align-items:center;background-color:rgba(33,32,32,.788);display:flex;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup_is-opened{display:flex}.popup__container{background-color:bisque;border-radius:20px;box-sizing:border-box;max-width:900px;padding:50px;position:relative}.popup__close-btn{background-color:transparent;border:none;color:#000;cursor:pointer;font-size:30px;line-height:30px;margin:0;padding:20px;position:absolute;right:0;top:0}.popup__column,.popup__content{display:flex;gap:20px}.popup__column{flex-direction:column}.popup__img{object-fit:cover;width:300px}.popup__title{font-size:24px;font-style:normal;font-weight:700;line-height:26px;margin:0;padding:0}.popup__authors{font-weight:700}.popup__authors,.popup__categories{font-size:18px;font-style:normal;line-height:20px;margin:0;padding:0}.popup__categories{font-weight:400}.popup__description{font-size:16px;font-style:normal;font-weight:400;line-height:18px;margin:0;padding:0}@media screen and (max-width:960px){.popup__img{width:200px}.popup__container{padding:30px}}@media screen and (max-width:600px){.popup__img{width:100px}.popup__content{align-items:center;flex-direction:column}.popup__title{font-size:16px;line-height:16px}.popup__authors,.popup__categories{font-size:12px;line-height:12px}.popup__description{font-size:14px;line-height:14px;max-height:250px;overflow:scroll}.popup__container{padding:20px}}.results{align-items:center;display:flex;flex-direction:column;margin:0 auto}.results__count{color:bisque;font-size:24px;font-weight:600}.results__container{flex-wrap:wrap;gap:30px;margin-bottom:30px}.book,.results__container{box-sizing:border-box;display:flex;padding:20px}.book{align-items:center;background-color:bisque;border:1px solid #000;border-radius:10px;cursor:pointer;flex-direction:column;gap:5px;height:400px;margin:0 auto;max-width:300px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%}.book:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.book__img{height:250px;object-fit:cover;width:150px}.book__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:flex-start;display:-webkit-box;font-size:18px;font-weight:700;line-height:20px;margin:0;overflow:hidden;padding:0}.book__category{-webkit-line-clamp:1;text-decoration:underline}.book__authors,.book__category{-webkit-box-orient:vertical;align-self:flex-start;display:-webkit-box;font-size:14px;font-weight:400;margin:0;overflow:hidden;padding:0}.book__authors{-webkit-line-clamp:2}.preloader{align-items:center;background-color:rgba(255,228,196,.148);display:flex;height:100%;justify-content:center;left:0;margin:0 auto;position:fixed;top:0;width:100%}.preloader__circle{-webkit-animation:preloader__circle-spin 2s linear infinite;animation:preloader__circle-spin 2s linear infinite;border:5px solid transparent;border-radius:50%;border-top-color:gray;display:block;height:150px;margin:30px auto;position:relative;width:150px}.preloader__circle:before{-webkit-animation:preloader__circle-spin 3s linear infinite;animation:preloader__circle-spin 3s linear infinite;border:5px solid transparent;border-radius:50%;border-top-color:bisque;bottom:5px;content:"";left:5px;position:absolute;right:5px;top:5px}.preloader__circle:after{-webkit-animation:preloader__circle-spin 1.5s linear infinite;animation:preloader__circle-spin 1.5s linear infinite;border:5px solid transparent;border-radius:50%;border-top-color:gray;bottom:15px;content:"";left:15px;position:absolute;right:15px;top:15px}@-webkit-keyframes preloader__circle-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes preloader__circle-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.button{background-color:bisque;border-radius:10px;cursor:pointer;font-size:20px;font-weight:600;height:50px;line-height:22px;margin:0;padding:0;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:200px}.button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
/*# sourceMappingURL=main.26d09875.css.map*/