.logo{fill:#1cde1c}.logo:hover{cursor:pointer}.input[data-v-317943f5]{padding:1em;border-radius:4px;outline:none}.search{padding:10px;border-color:1px solid black;width:100%;height:60px;display:flex}.search__wrapper{width:90%;height:100%;position:relative}.search__input{outline:none;padding:10px 10px 10px 20px;width:100%;height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px;border:1px solid gray;color:#000}.search__input:focus{border:1px solid black}.search__input::placeholder{color:#20b2aa;font-weight:700}.search__icon{position:absolute;left:10px;top:25%;bottom:25%;height:50%}.search__button{display:block;width:10%;height:100%;background-color:#000;border:1px solid transparent;font-weight:700;color:#fff}.search__button:hover{cursor:pointer}.container{padding:1em}.header-section__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}@media (min-width: 750px){.header-section__wrapper{flex-direction:row}}.card{width:100%;display:flex;flex-direction:column;gap:10px}.card:hover{cursor:pointer}.card-content{position:relative;font-size:1rem}.card-image{display:block;width:100%;border-radius:4px}.card-media:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;cursor:pointer;transition:background-color 1s ease-in-out}.card-media:hover:after{background-color:#0007}.card-content__director,.card-content__year,.card-content__score{position:absolute;z-index:10}.card-content__director{bottom:10px;right:10px}.card-content__year{bottom:10px;left:10px}.card-content__score{top:10px;right:10px}.card-title{display:block;margin:0 auto;color:#f5f5f5c1}@media (min-width: 750px){.card-content{font-size:.8rem}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2em}.film-banner{display:block;width:100%;height:250px}.film-description{display:flex;flex-direction:column;gap:5em}.film-media-img{display:block;width:100%;border-radius:4px}.film-description-wrapper{color:#f5f5f5c1}.film-description__title{color:#fff;margin-bottom:2em}@media (min-width: 750px){.film-description{flex-direction:row}.film-media{width:40%}.film-description-wrapper{width:60%}}:root{--bg-dark: #17161b;--bg-light: white}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--bg-light);font-family:sans-serif}