.backdrop-container{position:relative;width:100%;padding:8rem 16%;background:linear-gradient(to bottom,#060a0e,#16406499);overflow:hidden}.backdrop-container__backdrop{position:absolute;z-index:-10;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.2);filter:grayscale(20%) blur(.4rem) brightness(1.2) contrast(1.2);opacity:0}.backdrop-container__backdrop.active{animation:appear 1.2s ease forwards}.backdrop-container__backdrop.unactive{animation:disappear .8s ease forwards}.loading-spinner{display:grid;place-items:center;width:fit-content;opacity:0;animation:appear .4s .4s ease forwards}.loading-spinner .spinner{width:4em;height:4rem;filter:drop-shadow(0 0 1.6rem hsl(208,80%,72%));animation:spin 2s linear infinite,pulse 2s linear alternate infinite}@media (width <= 480px){.loading-spinner .spinner{width:5.6rem;height:5.6rem}}.score-badge{display:flex;align-items:center;gap:.2rem;height:fit-content;padding:.2rem .4rem .24rem;border-radius:.32rem;background-color:#1881dc}.score-badge__icon{width:12px;height:12px;fill:#e8ebed}.score-badge__score{font-size:.8rem;font-weight:600;line-height:1.2;color:#e8ebed}.default-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;height:100dvh;background:radial-gradient(#16356499,#06090e)}.default-page h2{font-size:12rem;line-height:1;color:#3595e9}.default-page p{color:#6c7b89}.default-page a{color:#3595e9}.home-page{position:relative}.home-page__loading-spinner{position:absolute;top:28rem;left:50%;z-index:1000;transform:translate(-50%)!important}.movie-detail{position:relative;display:flex;align-items:center;width:100%;height:100dvh;background:radial-gradient(#16356499,#06090e)}@media (width <= 1024px){.movie-detail{padding:8rem 12%}}@media (width <= 768px){.movie-detail{height:auto;min-height:100dvh;padding:5.2rem 12%}}@media (width <= 480px){.movie-detail{padding:4.8rem 8%}}.movie-detail__loading-spinner{position:absolute;top:50%;left:50%;z-index:1000;transform:translate(-50%,-50%)!important}.movie-detail__poster{display:grid;place-items:center;flex-shrink:0;aspect-ratio:1/1.5;height:100%;border-radius:.6rem;overflow:hidden}.movie-detail__poster img{width:100%;height:100%;object-fit:cover}.movie-detail__content{position:relative;display:flex;gap:2rem;height:100%;opacity:0;animation:appear .8s 0s ease forwards}@media (width <= 1024px){.movie-detail__content{height:88%;gap:1.6rem}}@media (width <= 768px){.movie-detail__content{flex-direction:column}}.movie-detail .info-container{display:flex;flex-direction:column;gap:1.6rem}.movie-detail .info-container__back-button{display:inline-grid;place-items:center;padding:0rem .48rem;border-radius:.32rem;width:fit-content;background-color:#47a9ff29}.movie-detail .info-container__back-button svg{width:20px;fill:#3595e9}.movie-detail .info-container__back-button:hover{filter:brightness(1.2)}@media (width <= 768px){.movie-detail .info-container__back-button{position:absolute;top:1rem;left:1rem;padding:.2rem .4rem;background-color:#0057a3a3;-webkit-backdrop-filter:blur(.32rem);backdrop-filter:blur(.32rem)}.movie-detail .info-container__back-button svg{width:32px;fill:#edf5fd}}.movie-detail .info-container__header{display:flex;flex-direction:column;gap:.4rem}.movie-detail .info-container__header .header__title{font-size:2.2rem;text-transform:capitalize;line-height:1.2}@media (width <= 1024px){.movie-detail .info-container__header .header__title{font-size:2rem}}.movie-detail .info-container__header .header__subtitle-box{display:flex;align-items:center;gap:.64rem}.movie-detail .info-container__header .header__subtitle-box .subtitle-box__date{font-size:.88rem;color:#e8ebed}.movie-detail .info-container__header .subtitle-box__genre-list{display:flex;align-items:center;gap:.4rem;margin-top:.2rem;list-style:none}.movie-detail .info-container__header .subtitle-box__genre-list li span{padding:0 .4rem .1rem;border-radius:.32rem;font-size:.88rem;color:#afb8c0;background-color:#00000052;-webkit-user-select:none;user-select:none}.movie-detail .info-container__overview-box{display:flex;flex-direction:column;gap:.4rem}.movie-detail .info-container__overview-box .overview-box__title{font-size:1.6rem}@media (width <= 1024px){.movie-detail .info-container__overview-box .overview-box__title{font-size:1.2rem}}.movie-detail .info-container__overview-box .overview-box__overview{font-size:1.12rem;font-weight:300;line-height:1.5;color:#c6ccd2}@media (width <= 1024px){.movie-detail .info-container__overview-box .overview-box__overview{font-size:1rem}}.header{position:absolute;top:0;left:0;z-index:100;display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 16%}@media (width <= 480px){.header{padding:1rem 8%}}.header__logo-box{display:flex;align-items:center}.header__logo-box svg{width:2rem;height:2rem}.hero{display:flex;flex-direction:column;gap:1em;width:100%;padding:6.4rem 16% 4rem}@media (width <= 480px){.hero{padding:6.4rem 8% 2rem}}.hero .title-box{display:flex;flex-direction:column;gap:.2rem;width:100%}.hero .title-box__title{font-size:2rem;line-height:1;color:#3595e9}.hero .title-box__slogan{font-size:1rem;color:#81909c}@media (width <= 768px){.hero .title-box__title{font-size:1.8rem}}@media (width <= 480px){.hero .title-box{align-items:center;text-align:center;gap:.4rem}.hero .title-box__title{font-size:calc(1rem + 3.2vw)}.hero .title-box__slogan{width:24ch;font-size:.92rem;line-height:1.2}}.hero__search-box{display:flex;flex-direction:column;gap:.4rem}@media (width <= 480px){.hero__search-box{gap:.64rem}}.message_no-movies{display:block;width:100%;padding-top:4rem;font-size:2.4rem;font-weight:600;text-align:center;opacity:0;animation:appear .8s 1s ease forwards;color:#24292e}.movie-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));place-items:center;gap:1rem;width:100%;padding:4rem 16%;list-style:none;opacity:0;animation:appear .4s .2s ease forwards}.movie-list__item{width:100%}@media (width <= 480px){.movie-list{padding:4rem 8%}}a:has(.movie-card){text-decoration:none}.movie-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1.5;width:100%;padding:1rem;border-radius:.6rem;overflow:hidden;isolation:isolate;cursor:pointer}.movie-card__average{display:flex;align-items:center;justify-content:end}.movie-card__info{display:flex;flex-direction:column;gap:.1rem}.movie-card__info h3{font-size:1rem;line-height:1;text-transform:capitalize;color:#e8ebed}@media (width <= 480px){.movie-card__info h3{font-size:1.32rem;line-height:1.2}}.movie-card__info time{display:inline-block;font-size:.8rem;color:#6c7b89}@media (width <= 480px){.movie-card__info time{font-size:1rem}}.movie-card:hover .movie-card__poster{transform:scale(1.1)}.movie-card__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-20;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;transition:transform 1s ease}.movie-card:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-10;content:"";width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,hsl(208,12%,0%) 90%)}@media (width <= 480px){.movie-card .score-badge{gap:.32rem}.movie-card .score-badge__icon{width:16px;height:16px}.movie-card .score-badge__score{font-size:1rem}}.sort-list{display:flex;align-items:center;gap:.4rem;width:fit-content}.sort-list .sort-button{padding:.28rem .4rem;border-radius:.28rem;border:none;font-family:Titillium Web;text-transform:lowercase;line-height:1;color:#6c7b89;background-color:#111518;cursor:pointer;transition:background-color .4s ease}.sort-list .sort-button.active{color:#fff;background-color:#1881dc;transition:background-color .4s ease}@media (width <= 480px){.sort-list{width:100%;justify-content:center}}.author-info{display:flex;align-items:center;gap:.6rem}.author-info__name{font-size:.92rem;text-transform:capitalize;font-weight:500;color:#5a6772}.author-info .link-list{display:flex;align-items:center;gap:.4rem;width:fit-content;height:fit-content;list-style:none}.author-info .link-list__link{display:grid;place-items:center}.author-info .link-list__link svg{width:20px;height:20px;fill:#5a6772;transition:fill .4s ease}.author-info .link-list__link:hover svg{fill:#c6ccd2}.input-box{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px}.input-box input[type=text]{width:100%;height:auto;padding:.4rem .8rem .5rem;border-radius:.32rem;border:none;outline-color:transparent;font-family:inherit;font-size:1rem;color:#98a4ae;background-color:#111518e0;transition:outline .4s ease}.input-box input[type=text]:focus{outline:1px solid hsla(216,100%,64%,.2);caret-color:#4791ff99}.input-box input[type=text]::placeholder{color:#edf3fd33}.input-box__reset-button{position:absolute;right:.8rem;top:.7rem;bottom:.7rem;display:inline-grid;place-items:center;width:fit-content;border:none;border-radius:.2rem;font-size:1rem;font-weight:800;line-height:1.1;color:#6c98da;background-color:transparent;transition:filter .4s ease;cursor:pointer}.input-box__reset-button svg{width:auto;height:100%;fill:#6897de}.input-box__reset-button:hover{filter:brightness(1.2)}*{padding:0;margin:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;font-family:Titillium Web,monospace;color-scheme:dark;accent-color:hsl(208,80%,50%)}body{overflow-y:scroll}.super-container{display:flex;flex-direction:column}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes disappear{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{rotate:0deg}to{rotate:180deg}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}