@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap);@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin&display=swap);body,html{padding:0;margin:0;background:var(--light);font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}:root{--scale:1;--rich-black-fogra-29:#011628;--baby-powder:#fcfffa;--tiffany-blue:#2ec2b3;--rose-madder:#e71d34;--orange-peel:#ff9f1a;--dark:var(--rich-black-fogra-29);--light:var(--baby-powder)}.listImage{width:80px!important;height:100px!important}.grid{position:relative;margin:1rem 0 0;display:grid;grid-gap:2rem;gap:2rem;max-width:100vw;min-height:40vh;grid-template-columns:repeat(auto-fit,200px);grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;justify-content:center}.genres{padding:5px;width:80%;text-align:center}.genre{margin:3px!important}.filters{margin-bottom:1rem;margin-top:1rem;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.sortBy{max-width:100%}.sortByField{width:200px}.ratings{max-width:80%;min-width:50%;flex-basis:500px}button{padding:10px;cursor:pointer;margin:5px;background:var(--light);box-shadow:0 0 5px 1px rgba(0,0,0,.38);border:none;border-radius:10px}button:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.38)}button:disabled{box-shadow:none}.loading_img{background-color:#fcfffa;background-image:linear-gradient(45deg,#fcfffa,#2ec2b3)}.loading,.loading_img{position:absolute;top:0;width:100%;height:100%}.loading{left:0;z-index:10}.loading span{background:#111;position:relative;left:45%;top:100px;width:100px;height:100px;display:block;border-radius:50%;-webkit-animation:pulse .3s;animation:pulse .3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;transform-origin:center}@-webkit-keyframes pulse{0%{transform:scale(.5)}to{opacity:.2;transform:scale(2)}}@keyframes pulse{0%{transform:scale(.5)}to{opacity:.2;transform:scale(2)}}.ReactModal__Overlay{display:flex;align-items:center;justify-content:center;opacity:0;z-index:10;transition:all .5s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;opacity:0;transform:scale(.8);transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.ReactModal__Content--after-open{transform:scale(1);opacity:1}