@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);:root{--main-color:#f5c518}html{background-color:#000;color:#fff;font-family:Roboto,sans-serif}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0}input{border:none;border-radius:4px;font:inherit;padding:.5em .75em;width:100%}input:focus{outline:2px solid #f5c518;outline:2px solid var(--main-color)}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{margin:0 auto;padding:0 16px;width:100%}.header{background-color:#121212}.header__wrapper{gap:18px;padding:16px 0}.header__logo,.header__wrapper{align-items:center;display:flex}.header__logo img{width:40px}.header__search-bar{flex:1 1;position:relative}.header__search-icon{color:#919191;cursor:pointer;font-size:25px;position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.placeholder{display:grid;height:100px;place-items:center}.list{grid-gap:30px 24px;display:grid;gap:30px 24px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));padding:20px 0}.list__item{background-color:#1a1a1a;border-radius:4px;overflow:hidden}.list__item-img{aspect-ratio:.675;object-fit:cover;width:100%}.list__item-content{display:flex;flex-direction:column;gap:12px;padding:10px 12px 24px}.list__item-rating{align-items:center;color:hsla(0,0%,100%,.7);display:flex;gap:4px}.list__item-star{color:#f5c518;color:var(--main-color);font-size:20px}
/*# sourceMappingURL=main.6729f891.css.map*/