*{margin:0;padding:0}body,html{height:100%}html{box-sizing:border-box;font-size:10px}*,*::before,*::after{box-sizing:inherit}body{padding:2em;font-family:"Roboto",sans-serif;font-weight:400;line-height:1.7;color:#fff;background-color:#463a3a}a{text-decoration:none}img{max-width:100%}
.btn{display:block;border:1px solid #fff;border-radius:0;color:#fff;transition:all .2s ease-in-out;cursor:pointer}.btn:active,.btn.__active,.btn:focus{outline:none;border:1px solid #fff;box-shadow:0 5px 10px rgba(210,125,0,.2);background:#d27d00}.btn:hover,.btn.__hover{border:1px solid #d27d00;box-shadow:0 10px 20px rgba(210,125,0,.2);color:#fff}.mr{margin-right:1rem}.icon-button{margin-left:.5em;border:none;color:#fff;background-color:#463a3a;transition:all .2s}.icon-button:hover{color:#d27d00}
.profile-image{display:block;margin-left:auto}
.header{margin-bottom:5rem}.header__btn{margin-left:auto;padding:.5em 1.8em;width:10rem;font-size:1.6rem}.header__nav-link{margin-right:auto;padding:.5em 1.8em;width:10rem;font-size:1.6rem}
.movie-item{display:flex;flex-direction:column;border:1px solid #fff;padding-bottom:1rem;height:100%;font-size:1.4rem}.movie-item__info-box{margin-top:1.5rem}.movie-item__title{font-size:1.6rem;text-transform:capitalize}.movie-item__link{color:#fff;transition:all .2s ease-in-out}.movie-item__link:hover{text-decoration:none;color:#d27d00}.movie-item__button-box{display:flex;align-items:center;justify-content:flex-end}.movie-item__rating-box{display:flex}.movie-item__rating{margin-left:.3em;line-height:1.4}
.select__wrapper{margin-bottom:2rem}.select__label{font-size:12px}

.pagination__button{padding:.5em 0;width:8rem;font-size:1.2rem}.pagination__button:disabled{border:1px solid #fff;box-shadow:none;cursor:default}.pagination__text{font-size:1.2rem}
.genres{margin-bottom:2.5rem}.genres__label{margin-left:1rem;font-size:1.2rem}.genres__checkbox-wrapper{margin-bottom:.7rem}
.filters__wrapper{border:1px solid #fdfdfd;padding:3rem 2rem}.filters__title{margin-bottom:1.5rem;font-size:2rem;text-transform:uppercase}
.movie-tab{border:1px solid #fff;font-size:1.6rem;color:#fff;background:transparent;transition:all .2s ease-in-out}.movie-tab:hover{color:#fff;background:#fea828}
.movie-details{font-size:1.6rem}
.movie-preview__title{font-size:4rem}.movie-preview__social-wrapper{display:flex;align-items:baseline;justify-content:space-between}.movie-preview__overview{font-size:1.6rem;letter-spacing:.2px}.movie-preview__social{display:flex;width:9rem}
.movie-videos__single{padding:1em}
.movie-credits__name{font-size:1.2rem;color:#fff}
.error-feedback{margin-top:.25rem;width:100%;font-size:80%;color:#ff7381}.invalid{border-color:#ff7381}
.form-wrapper{font-size:1.2rem}.login-form__btn{margin-bottom:1rem;width:100%;font-size:1.6rem}.invalid-feedback{display:block}

.error-wrapper{margin:300px auto;width:250px;font-size:16px}
.error-fallback-wrapper{display:flex;align-items:center;justify-content:center;height:100vh}.error-fallback{font-size:14px;color:#fff}

/*# sourceMappingURL=main.css.map*/