body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#006;background-image:url(/movie-finder/static/media/background-img.4ae5e900e517929306d3.png);background-repeat:no-repeat;background-size:cover;color:#fff;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}.spinner-wrapper{display:flex;justify-content:center;margin-top:50px}.spinner-wrapper div{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;background-color:#fff;border-radius:50%;height:16px;width:16px}.spinner-wrapper .spinner1{-webkit-animation-delay:-.3s;animation-delay:-.3s;margin-right:4px}.spinner-wrapper .spinner2{-webkit-animation-delay:-.15s;animation-delay:-.15s;margin-right:4px}.unvisible{opacity:0}.visible{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeInAnime;animation-name:fadeInAnime;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}.home-content{margin:0 auto;width:90%}.home-content,.home-content .movie-ranking-title{text-align:center}.home-content .movie-ranking-content{align-items:center;display:flex;justify-content:center;margin:20px 0}.home-content .movie-ranking-content button{background:transparent;border:none;cursor:pointer;outline:none}.home-content .movie-ranking-content button.button-unvisible{visibility:hidden!important}.home-content .movie-ranking-content .movie-ranking-details{display:flex}.home-content .movie-ranking-content .movie-ranking-details.active-left{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeLeftAnime;animation-name:fadeLeftAnime}.home-content .movie-ranking-content .movie-ranking-details.movie-ranking-details.active-right{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeRightAnime;animation-name:fadeRightAnime}.home-content .movie-ranking-link{color:#fff;display:inline-block;font-weight:700;text-decoration:none;transition:.3s}.home-content .movie-ranking-link:hover{color:skyblue}@media(max-width:1100px){.home-content{margin:0 auto;width:90%}}@-webkit-keyframes fadeLeftAnime{0%{opacity:.8;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeLeftAnime{0%{opacity:.8;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeRightAnime{0%{opacity:.8;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeRightAnime{0%{opacity:.8;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.each-movie{margin:15px;text-align:center;width:15vw}.each-movie .each-movie-title-wrapper{display:flex;justify-content:space-between}.each-movie .each-movie-title-wrapper .movie-title{overflow:hidden;padding-right:4px;text-align:start;text-overflow:ellipsis;white-space:nowrap;width:70%}.each-movie .each-movie-title-wrapper .red{color:red}.each-movie .each-movie-title-wrapper .green{color:green}.each-movie .movie-release-date{margin-top:6px;text-align:start}.each-movie img{border-radius:8px;height:auto;margin:10px 0;transition:.5s;width:15vw}.each-movie img:hover{opacity:.6}.chart{margin-top:8vh}.chart hr{margin-bottom:5vh}.chart .chart-header{justify-content:space-between}.chart .chart-header,.chart .chart-header .title-left{align-items:center;display:flex}.chart .chart-header .title-left h1{margin-right:2vw}.chart .chart-header .year-range-end,.chart .chart-header .year-range-middle,.chart .chart-header .year-range-start{margin-left:2vw}.chart .chart-header .year-range-middle{color:skyblue}.chart .chart-header .select-wrapper,.chart .chart-header .year-range-end,.chart .chart-header .year-range-start{position:relative}.chart .chart-header .select-wrapper:before,.chart .chart-header .year-range-end:before,.chart .chart-header .year-range-start:before{color:skyblue;content:"▼";left:60px;position:absolute;top:5px}.chart .chart-header .select-wrapper:before{left:110px!important}.chart .chart-header .select{-webkit-appearance:none;appearance:none;background:transparent;border:.5px solid skyblue;border-radius:20px;color:skyblue;height:100%;outline:none;padding:5px 10px;width:90px}.chart .chart-header .select.genre-select{width:140px!important}.chart .chart-content{height:500px;width:100%}.search-content{margin:0 auto;width:90%}.search-content .search-header{display:flex;justify-content:space-between;text-align:center}.search-content .search-header .search-page-title{font-size:1.5rem}.search-content .search-header .search-page-input-wrapper{position:relative}.search-content .search-header .search-page-input-wrapper .search-page-input{background:none;border:.5px solid skyblue;border-radius:20px;color:#fff;font-size:16px;height:100%;outline:none;padding:0 15px 0 40px;width:120px}.search-content .search-header .search-page-input-wrapper:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAAAXNSR0IArs4c6QAAAllJREFUOBGdVD1oFEEUnje7l+SIigRBkkIsvL1LDhW1iDbmxD880CJgE7AI2CmiAWPO0mL3Es8rYmUhNl4wRdA2IBhQERE5UDSXi2AaQUwjGs2xM3vPNwszjKtCcIt53/e9N29m3rxZxujL+OKLsswLxGoM7MHzwzrLlcVJW7RwLhAnLPonpASzRiWykvXDy7FwqIpp7VFR/MUYrGsBgQm1o09a+LfNBGGzcA+77AgvCD8arlY1JAE8XzxUEmcAtxM+Q5HhLkXcZil1SwHa2CMynQzxGwO2t1nqyAFAj/KBGtSX8cMaiacJ1rtct/jmKvyIHWrwKriNslSMQKB/UhzPBvKs0egUDUMskC2LcUOzk9hnSALQCseUxLem2VrCZ1HYHBNabsZSDcxNiSFNOAKv9U/hfi0ou+cmdrcjdkVrcQnyFRwIQ/kcGM7RbQ45ABepzK1IYmv5esdLUyc9y7Zqyd073WcmSNULhawB4g7awo1N3c7j+iVYPTWNnSvrYl8UsfNU+yLnbLQxkZq3kykcJ8oEYp7AO7rGsWRAkg+UMS9RPnUcd3BxHJaNn9rtvufLc0bYACg8QZfe2efBadyiwzltanik5NS0sBG7cAQk9dTc15/RGR3P6UivH5TlYS1s3LaPMnBe6XgO3C1GjM1mfWmya+ffrLp36vIPjMOFpWuwpGNcIt+JbM+V5Qi9MIWrfb1usDAKLR2kLP09Cm2Gd1tSLtKx0hjhb21qrt+elK9ij2hFB8Fhvdhmaxyc940JeGvHqP6hjpxBxGHVbLbvv/CBO5hSE38BkizeC92CUQ8AAAAASUVORK5CYII=);content:"";display:inline-block;height:18px;left:15px;position:absolute;top:6px;width:18px}.search-content .movie-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}@media(max-width:1100px){.search-content{margin:0 auto;width:90%}}.detail-content{align-items:start;display:flex;margin:0 auto;width:90%}.detail-content .detail-content-left{margin-right:8vh}.detail-content .detail-content-left img{border-radius:8px;height:auto;max-width:280px;width:30vw}.detail-content .detail-content-right h1{margin:0 0 4vh}.detail-content .detail-content-right .amount-info{align-items:center;display:flex;justify-content:space-between}.detail-content .detail-content-right .amount-info .amount-each{margin-right:10vw}.detail-content .detail-content-right .amount-info .amount-each h5{margin:0}.detail-content .detail-content-right .amount-info .amount-each h3{margin:4px 0 0}.detail-content .detail-content-right .amount-info .red{color:red}.detail-content .detail-content-right .amount-info .green{color:green}.detail-content .detail-content-right .overview-wrapper{margin-top:4vh}.detail-content .detail-content-right .overview-wrapper h4{margin:0}.detail-content .detail-content-right .overview-wrapper .overview{margin-top:8px;overflow:auto;width:100%}.detail-content .detail-content-right .rate-wrapper{align-items:center;display:flex;margin-top:4vh}.detail-content .detail-content-right .rate-wrapper .public-rate{margin-right:5vw}.detail-content .detail-content-right .rate-wrapper h5{margin:0 0 4px}.detail-content .detail-content-right .rate-wrapper span{display:inline-block;font-size:30px;height:30px;position:relative;width:150px}.detail-content .detail-content-right .rate-wrapper span:after,.detail-content .detail-content-right .rate-wrapper span:before{content:"★★★★★";display:inline-block;height:30px;line-height:30px;position:absolute}.detail-content .detail-content-right .rate-wrapper span:before{color:#c4c4c4}.detail-content .detail-content-right .rate-wrapper span:after{overflow:hidden}.detail-content .detail-content-right .rate-wrapper span.rate-1:after{color:#ffb906;width:15px}.detail-content .detail-content-right .rate-wrapper span.rate-2:after{color:#ffb906;width:30px}.detail-content .detail-content-right .rate-wrapper span.rate-3:after{color:#ffb906;width:45px}.detail-content .detail-content-right .rate-wrapper span.rate-4:after{color:#ffb906;width:60px}.detail-content .detail-content-right .rate-wrapper span.rate-5:after{color:#ffb906;width:75px}.detail-content .detail-content-right .rate-wrapper span.rate-6:after{color:#ffb906;width:90px}.detail-content .detail-content-right .rate-wrapper span.rate-7:after{color:#ffb906;width:105px}.detail-content .detail-content-right .rate-wrapper span.rate-8:after{color:#ffb906;width:120px}.detail-content .detail-content-right .rate-wrapper span.rate-9:after{color:#ffb906;width:135px}.detail-content .detail-content-right .rate-wrapper span.rate-10:after{color:#ffb906;width:150px}@media(max-width:1100px){.detail-content{margin:0 auto;width:90%}}header{margin:20px auto 80px;width:90%}header img{height:50px;width:auto}header .header-wrapper{display:flex;justify-content:space-between;text-align:center}header .header-wrapper .header-right{align-items:center;color:#fff;display:flex}header .header-wrapper .header-right .header-division{margin-right:20px}header .header-wrapper .header-right .header-link{color:#fff;font-size:15px;font-weight:700;margin-right:20px}header .header-wrapper .header-right .header-link a{color:#fff;text-decoration:none}header .header-wrapper .header-right .header-link a.active{color:skyblue}@media(max-width:1100px){header{margin:20px auto 80px;width:90%}}
/*# sourceMappingURL=main.ab60cde2.css.map*/