@font-face{font-family:"Avenir Next";src:url("/assets/AvenirNextLTPro-Regular.21d7fc50.otf");font-weight:400;font-style:normal}@font-face{font-family:Netflix;src:url("/assets/AvenirNextLTPro-Bold.1b35300a.otf");font-weight:700;font-style:normal}*{padding:0;margin:0;box-sizing:border-box}html{font-family:"Avenir Next";font-size:16px;color:#fff}.container{position:relative;max-width:500px;min-height:100vh;margin:0 auto;background:#000;box-shadow:0 0 10px #000;padding-bottom:67px}.movie__wallpaper{position:relative;width:100%;height:300px;object-fit:cover}.movie__wallpaper::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:red}.movie__buttons{display:flex;flex-direction:column;gap:8px}.movie__buttons button{width:100%;padding:4px;background:#fff;color:#000;border-radius:2px;font-weight:600;font-size:14px;line-height:24px;cursor:pointer;border:none}.movie__buttons button.movie__button--transparent{background:#2b2b2b;color:#fff}.movie__details{display:flex;justify-content:space-between;font-size:14px;line-height:24px;color:#686868}.movie__details .coincidence{font-weight:700;font-size:14px;line-height:24px;color:#71d074}.movie__credits{opacity:.5}.movie__content{display:flex;flex-direction:column;gap:16px}.movie-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding:0 16px}.header{padding:16px}.header img{width:24px}.header .header__menu{display:flex;list-style:none;justify-content:center;gap:48px;margin-top:24px}.header .header__menu a{color:#fff;text-decoration:none}.hero{width:100%}.hero .hero__image-container{position:relative;width:100%;height:500px}.hero .hero__image-container .cover,.hero .hero__image-container .video{width:100%;height:500px;object-fit:cover}.hero .hero__image-container::before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:linear-gradient(180deg,#000 0,rgba(0,0,0,0) 101.98%)}.hero .hero__categories{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none;z-index:99}.hero .hero__categories .dot{width:3px;height:3px;border-radius:50%;background:#fff}.hero .hero__actions{display:flex;justify-content:space-between;padding:0 16px;margin-top:18px}.hero .hero__actions .hero__actions__item{display:flex;flex-direction:column;gap:4px;align-items:center}.hero .hero__actions .hero__actions__item p{font-weight:700}.bottom-bar{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:999999;max-width:500px;margin:0 auto;background-color:#000}.bottom-bar .bottom-bar__menu{display:grid;grid-template-columns:repeat(4,1fr);width:100%;list-style:none}.bottom-bar .bottom-bar__menu__item{display:grid;place-items:center;padding:12px 18px;opacity:.5}.bottom-bar .bottom-bar__menu__item img{filter:invert(100%)}.bottom-bar .bottom-bar__menu__item.active{opacity:1}.button{display:flex;gap:4px;align-items:center;padding:4px 16px;font-weight:700;border:none;border-radius:2px;background-color:#fff;cursor:pointer;text-decoration:none}.list-movies{margin-top:16px;padding:0 16px}.list-movies .list-movies__title{font-weight:700;font-size:17.5px;line-height:24px}.list-movies .list-movies__container{display:flex;gap:8px;margin-top:8px;padding-bottom:8px;overflow-x:auto}