@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,300&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;background-color:#2e2e2e;font-family:"Roboto",sans-serif}#root,body{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#root{height:100%}.container{-webkit-align-items:flex-start;align-items:flex-start;color:#fff}.container,.loading-message{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:center;justify-content:center;height:100%}.loading-message{-webkit-align-items:center;align-items:center}.navbar{width:10%;margin:25px 0}.navbar,ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}ul{list-style:none;-webkit-justify-content:center;justify-content:center;grid-gap:10px;gap:10px;font-size:22px}li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:5px;background-color:hsla(0,0%,100%,.5);color:#000;border-radius:5px;font-size:14px}li:hover{cursor:pointer}.results-display{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:80%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-gap:20px;gap:20px;margin:25px 0}.movie-tiles,.results-display{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.movie-tiles{-webkit-flex-direction:column;flex-direction:column;width:225px;height:325px;border-radius:12px}.movie-tiles:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 20px 2px hsla(0,0%,100%,.438)}.floating-details{-webkit-flex-direction:column;flex-direction:column;background-color:hsla(0,0%,96.1%,.658);width:100%;border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:-200px;padding:10px;height:120px;grid-gap:5px;gap:5px;color:#000}.floating-details,.percentage{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.percentage{width:30px;border-radius:50%;font-size:10px;text-decoration:none;background-color:#000;color:#fff;padding:5px;border:3px solid #fff;top:5px;right:5px}.floating-details .title{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;text-align:left}.info .rating{background-color:red;color:#fff;padding:5px;border-radius:5px;font-size:14px}.info{grid-gap:5px;gap:5px}.info .synopsis{font-size:12px;display:-webkit-box;max-width:100%;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.floating-details hr{height:.5px;border:.5px solid rgba(0,0,0,.5);background-color:#000;width:100%}.info{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.movie-tiles img{width:100%;border-radius:12px;height:100%}.focused-movie,.transparent-layer{display:-webkit-flex;display:flex;width:100%;height:100%;background-size:cover;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.transparent-layer{background-color:rgba(0,0,0,.5);-webkit-flex-direction:column;flex-direction:column;grid-gap:25px;gap:25px;position:relative}.movie,.transparent-layer{display:-webkit-flex;display:flex}.movie{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:70%;height:450px}.movie-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;color:#fff;width:60%;grid-gap:10px;gap:10px;height:100%;padding:25px}.movie-details .movie-title{font-size:40px}.movie-details .tagline{font-size:20px;margin-bottom:20px}.movie-poster{width:30%;border-radius:12px;border:5px solid #000}.movie-synopsis{height:95px;overflow-y:auto;font-size:14px}.genres{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;grid-gap:10px;gap:10px}.genre-name{border-radius:5px;font-size:14px;text-transform:uppercase}.genre-name,.watch-trailer{display:-webkit-flex;display:flex;background-color:#fff;color:#000;padding:8px}.watch-trailer{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:5px;border:none;grid-gap:5px;gap:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-decoration:none}.watch-trailer img{width:25px}.review{margin-top:10px;overflow-y:auto;white-space:pre-wrap;background-color:#fff;color:#000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px;border-radius:5px;font-size:12px;cursor:pointer}.ott,.review{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ott{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:right;justify-content:right;-webkit-align-items:center;align-items:center;grid-gap:10px;gap:10px;padding-right:20px;padding-bottom:10px;bottom:0;right:0}.provider{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:2px}.provider img:hover{-webkit-transform:scale(1.5);transform:scale(1.5);box-shadow:0 0 5px 5px hsla(0,0%,100%,.25)}.provider img{width:30px;border-radius:5px}
/*# sourceMappingURL=main.1f5a2a73.chunk.css.map */