.banner{position:relative;color:#fff;object-fit:contain;height:500px;background-size:cover;background-position:50%}.banner__contents{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden;padding:20px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem;margin:10px 0}.banner__description{width:45rem;line-height:1.3rem;padding-top:1rem;font-size:.8rem;max-width:360px;height:80px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.banner__button{cursor:pointer;color:#fff;outline:none;border:none;font-weight:700;border-radius:4px;margin-right:10px;padding:5px 15px;background-color:rgba(51,51,51,.5)}.banner__button:hover{color:#000;background-color:#e6e6e6;transition:all .2s}.banner__cover{bottom:0;width:100%;position:absolute;height:150px;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}.header{position:fixed;top:0;width:100%;height:70px;z-index:1;display:flex;justify-content:space-between;padding:20px;transition-timing-function:ease-in;transition:all .5s}.header--float{background-color:rgba(0,0,0,.8)}.header__logo{margin-top:-5px;height:40px;object-fit:contain}.header__avatar{width:30px;object-fit:contain}.media-card{position:relative;cursor:pointer;transition:.36s}.media-card:hover{transform:scale(1.1)}.media-card:hover .media-card__cover{opacity:1}.media-card__poster{flex:0 0 auto;object-fit:cover;width:auto;border-radius:15px;height:150px;transition:transform .36s;margin-right:10px}.media-card__poster--large{height:250px}.media-card__cover{display:flex;flex-direction:column;justify-content:flex-end;padding:15px;position:absolute;top:0;left:0;width:calc(100% - 10px);height:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:.36s}.media-card__cover:hover{opacity:1}.media-card__name{font-weight:700;margin-bottom:5px}.media-card__description{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.media-slider{color:#fff;padding-top:30px}.media-slider__title{margin-top:0;padding:0 20px}.media-slider__cards{display:flex;overflow-x:scroll;padding:10px}.media-slider__cards::-webkit-scrollbar{display:none}.trailer-modal{position:fixed;top:50%;left:50%;width:700px;height:400px;transform:translate(-50%,-50%);z-index:10;background-color:#222;border-radius:4px}.trailer-modal__close{position:absolute;right:-30px;top:0;background-color:transparent!important;border:none!important;outline:none!important;color:#fff;font-size:24px;cursor:pointer}.trailer-modal-backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(1,1,1,.7);z-index:9}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body *{box-sizing:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{background-color:#111;color:#fff;min-height:100vh}
/*# sourceMappingURL=main.ef9333d6.chunk.css.map */