.app{position:absolute;left:0;right:0;top:0;bottom:0;overflow:auto;background:radial-gradient(#290200 25%,#000);background:var(--page-background);color:#fff}.app,.footer{display:flex;flex-direction:column}.footer{width:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:1.5rem 5.5rem;background-color:#660500;font-size:16px}.footer-text{margin:.3em;font-size:.8125em}@media (max-width:780px){.footer-text{font-size:.75em}}.footer-link{text-decoration:none;color:orange}@media (hover:hover){.footer-link:hover{color:#ff0}}.header{position:fixed;top:0;left:0;height:5.68rem;width:100%;box-sizing:border-box;display:flex;align-items:center;padding:1.5rem 5.5rem;background-color:#660500;box-shadow:.5px .5px 6px #000;visibility:visible;transition:.4s;z-index:3}.header[invisible]{visibility:hidden;top:-5.68rem}@media (max-width:780px){.header{padding:.75rem 1.8333333333rem;box-shadow:.5px .5px 3px #000}}.logo{display:flex;align-items:center;color:orange;text-decoration:none;outline:none}.logo-icon{font-size:2.5em;margin-right:.2em}.logo-text{font-size:1.4em;font-family:Verdana,Geneva,Tahoma,sans-serif;letter-spacing:-.07em}.header-placeholder{min-height:5.68rem;width:100%}.loader-container{display:flex;align-items:center;justify-content:center;flex-grow:1}.loader{width:7.8125rem;height:7.8125rem;border-top:.25rem solid orange;border-radius:100%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.main{display:flex;flex-direction:column;flex-grow:1;padding:2.5rem 5.5rem;width:100%;box-sizing:border-box}@media (max-width:780px){.main{padding:1.75rem 1.8333333333rem}}.mobile-search-bar{margin-left:auto;margin-right:24px}.mobile-search-bar[opened]{background-color:#660500;position:absolute;top:0;left:0;height:100%;z-index:2}.mobile-search-bar-content,.mobile-search-bar[opened]{width:100%;display:flex;align-items:center}.mobile-search-bar-go-back-icon,.mobile-search-bar-icon{font-size:20px;cursor:pointer}.mobile-search-bar-go-back{align-self:stretch;display:flex;align-items:center}.mobile-search-bar-go-back-icon{margin:0 24px}.mobile-search-bar-search{padding:0 16px;border-top-right-radius:4px;border-bottom-right-radius:4px;align-self:stretch;background-color:orange;color:#000;display:flex;align-items:center;margin-right:24px;cursor:pointer}@media (hover:hover){.mobile-search-bar-search:hover{color:#fff}}.mobile-search-bar-search-icon{font-size:20px}.mobile-search-bar-input{outline:none;border:2px solid orange;border-top-left-radius:4px;border-bottom-left-radius:4px;padding:6px;flex-grow:1}.mobile-search-bar-input:focus{border-color:#ffc457}.mobile-search-bar-input::-ms-clear{display:none}.movies-card{display:flex;flex-direction:column;width:100%;border-radius:4px;max-width:300px;justify-self:center;background-color:#660500;transform:translateY(0);transition:transform .1s ease-out;animation:fadeIn 1.5s forwards}@media (hover:hover){.movies-card:hover{transform:translateY(-16px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.movies-card-image-link,.movies-card-link{text-decoration:none;color:#fff}.movies-card-image-link{position:relative;height:0;overflow:hidden;padding-top:150%}.movies-card-image,.movies-card-loader{position:absolute;top:0;left:0;width:100%;height:100%}.movies-card-image{border-top-right-radius:4px;border-top-left-radius:4px;opacity:0}.movies-card-image[visible]{opacity:1}.movies-card-image-placeholder{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:grey;border-top-right-radius:4px;border-top-left-radius:4px;font-size:16px;opacity:0}.movies-card-image-placeholder[visible]{opacity:1}.movies-card-image-placeholder-icon{font-size:5.5em}.movies-card-overview{position:relative;display:flex;flex-direction:column;flex:1 1;padding:24px 16px;font-family:Arial,sans-serif;z-index:1}.movies-card-name{font-size:16px;font-weight:700;margin-bottom:8px;word-wrap:break-word}.movies-card-genres{font-size:12px;word-wrap:break-word}.movies-card-rating-border{display:flex;align-items:center;justify-content:center;position:absolute;top:-19px;right:16px;width:30px;height:30px;border-radius:100%;border:2px solid orange;background-color:#4d3200}.movies-card-rating{font-size:14px;font-weight:700}@media (max-width:780px){.movies-card-rating{font-size:13px}}.movies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2.5rem 1.5rem;gap:2.5rem 1.5rem;margin-bottom:2.6rem}@media (max-width:780px){.movies-grid{margin-left:3rem;margin-right:3rem}}.movies-page{display:flex;flex-direction:column;flex-grow:1}.paginator{box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-color:rgba(102,5,0,.5);border-radius:4px;padding:0 .5rem;width:100%;font-size:16px}@media (max-width:780px){.paginator{justify-content:space-evenly;margin-bottom:1rem}}.paginator[invisible]{display:none}.paginator-button,.paginator-button-control{outline:none;background:none;border:none;color:#fff;margin-left:.5rem;padding:1em;font-size:.9375em;cursor:pointer}@media (hover:hover){.paginator-button-control:not(.paginator-button-disabled):not(.paginator-button-active):hover,.paginator-button:not(.paginator-button-disabled):not(.paginator-button-active):hover{background-color:hsla(0,0%,50.2%,.3);border-radius:4px}}@media (max-width:780px){.paginator-button,.paginator-button-control{margin:0}}@media (max-width:360px){.paginator-button,.paginator-button-control{padding:1rem}}.paginator-button-control:first-child,.paginator-button-control:last-child,.paginator-button-control:nth-child(2){margin-left:0}@media (max-width:780px){.paginator-button-control{padding-left:.75em;padding-right:.75em}}@media (max-width:360px){.paginator-button-control{padding-left:.75rem;padding-right:.75rem}}.paginator-button-active{color:orange;border:1px solid orange;border-radius:4px}.paginator-button-disabled{color:grey;cursor:default}.search-title-container{max-width:95%;margin-top:1rem;margin-bottom:3.375rem}.search-title{font-size:1.5rem}.search-title-query{color:orange}.tab-container{max-width:95%;margin-top:1rem;margin-bottom:3.375rem;display:inline-flex;align-items:center;font-size:16px}@media (max-width:360px){.tab-container{align-self:center}}.tab{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid hsla(0,0%,100%,.25);border-right:none;color:#fff;background-color:transparent;padding:.5rem .75rem;transition:.1s;cursor:pointer}@media (max-width:780px){.tab{font-size:.75em}}.tab:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.tab:last-child{border-right:1px solid hsla(0,0%,100%,.25);border-top-right-radius:4px;border-bottom-right-radius:4px}.tab-selected{background-color:#a30800;border-right:1px solid hsla(0,0%,100%,.25)}.tab-selected+.tab{border-left:none}.opacity-layer{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#000;opacity:.5}.search-bar{min-width:25%;min-height:2.55em;height:2.55em;display:flex;align-items:center;justify-content:space-between;margin-left:1.5em;border-radius:6px;box-sizing:border-box;border:1px solid grey;font-size:16px;background-color:orange;transition:all .2s ease-out;cursor:text}.search-bar-open{background-color:#fff;min-width:45%}.search-input{width:100%;height:100%;border:none;border-top-left-radius:6px;border-bottom-left-radius:6px;padding-left:.75em;color:#000;background-color:transparent;font-size:.95em;outline:none}@media (max-width:970px){.search-input{font-size:.875em}}.search-input:-ms-input-placeholder{opacity:.7;font-family:Arial,Helvetica,sans-serif}.search-input::-ms-input-placeholder{opacity:.7;font-family:Arial,Helvetica,sans-serif}.search-input::-ms-input-placeholder,.search-input::placeholder{opacity:.7;font-family:Arial,Helvetica,sans-serif}.search-input::-ms-clear{display:none}.search-icon-wrapper{height:100%;display:flex;align-items:center;padding-left:.75em;padding-right:.75em;cursor:default;border-top-right-radius:6px;border-bottom-right-radius:6px;box-sizing:border-box}.search-icon-close,.search-icon-open{color:#000}.side-navbar-menu-icon{font-size:20px;cursor:pointer}.side-navbar{width:250px;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;right:-250px;background-color:#4d0400;visibility:hidden;transition:.5s;z-index:4}@media (max-width:780px){.side-navbar{width:180px;right:-180px}}.side-navbar[visible]{visibility:visible;right:0}.side-navbar-item{padding:1em 2em;text-decoration:none;outline:none;color:#fff;font-weight:600}@media (hover:hover){.side-navbar-item:hover{background-color:#700600}}.side-navbar-item-selected{color:orange}.side-navbar-close-button{margin:.7em 2em .7em auto;font-size:1.6em;cursor:pointer}.top-navbar{display:flex;align-items:center;margin-left:auto}@media (max-width:780px){.top-navbar{margin-left:0}}.top-navbar-item{margin-left:20px;text-decoration:none;outline:none;color:#fff;font-weight:600}@media (hover:hover){.top-navbar-item:hover{color:orange}}.warning-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px}.warning-icon{font-size:4.8em}.warning-message{text-transform:capitalize;font-size:1.125em;margin:28px 0;width:80%;text-align:center}.warning-go-back-link{text-decoration:none;color:orange;font-size:1em}@media (hover:hover){.warning-go-back-link:hover{color:#ff0}}.warning-go-back-text{margin-right:8px}:root{--page-background:radial-gradient(#290200 25%,#000)}@media (max-width:780px){:root{--page-background:radial-gradient(#330300 50%,#000)}}html{font-size:16px}@media (max-width:1100px){html{font-size:14px}}@media (max-width:970px){html{font-size:12px}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{overflow:auto;margin:0;padding:0;position:relative;width:100%;height:100%}
/*# sourceMappingURL=main.999a320a.chunk.css.map */