*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{min-height:100vh;background:#020405;color:#fff;font-family:Lato;font-size:2rem}.main{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding:1rem 15rem;height:calc(100vh - 6rem)}.header{display:flex;justify-content:center;align-items:center;padding:1.24rem}.header__navigation{display:flex;justify-content:center;align-items:center;position:relative}.header__search{border:none;font-size:100%;display:flex;justify-content:center;align-items:center}.header__search--input{width:100%;border:none;font-size:100%;padding:.6rem 2rem;border-radius:2rem;background:#73539766;color:#735397cc}.header__search--input::placeholder{color:#73539766;font-size:100%}.header__search--input:focus{outline:none;background:#fff;color:#020405}.header__results{background:#fff;position:absolute;top:100%;list-style:none;display:flex;flex-direction:column;justify-content:start;align-items:start;z-index:100;width:28rem;width:100%;max-height:25rem;overflow:hidden;overflow-y:unset}.header__results::-webkit-scrollbar{display:none}.header__results--item{display:flex;justify-content:center;align-items:center;width:100%}.header__results--item-button{background:none;border:none;width:100%;height:100%;display:flex;justify-content:start;align-items:start;gap:1rem;font-size:90%;padding:1rem;text-align:start;font-family:inherit}.header__results--item-button:focus{outline:none}.header__results--item-button:hover{cursor:pointer;background:#73539766}.header__results--item-image{height:6rem;min-width:4.5rem;max-width:4.5rem;object-fit:cover;border-radius:.1rem}.header__results--item-wrapper{display:flex;flex-direction:column-reverse;justify-content:start;align-items:start;gap:.4rem}.header__results--item-type{font-size:75%;text-transform:uppercase;color:#735397}.header__results--item-placeholder{height:6rem;min-width:4.5rem;max-width:4.5rem;border-radius:.1rem;background:#735397}.wrapper{display:flex;justify-content:space-between;align-items:start;width:100%;height:65%}@keyframes loading{0%{margin-left:0%}to{margin-left:120%}}.result{display:flex;justify-content:center;align-items:start;height:100%}.result__figure{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:2rem;padding:1rem;height:100%}.result__figure--image{width:100%;height:80%;object-fit:cover;border-radius:.2rem;border:.1rem solid rgba(115,83,151,.3)}.result__figure--image-loading{width:22rem;height:32rem;border-radius:.2rem;background:#73539766;position:relative;overflow:hidden}.result__figure--image-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.result__figure--rating{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:70%;width:100%;color:#fffc}.result__figure--rating-star{font-size:100%;color:#735397}.result__figure--rating-loading{width:80%;background:#73539766;border-radius:.2rem;height:2rem;position:relative;overflow:hidden}.result__figure--rating-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.result__wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem;padding:2rem 1rem}.result__heading{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.4rem}.result__heading--title{font-family:Newsreader;font-weight:800;font-size:140%}.result__heading--title-loading{background:#73539766;width:30rem;padding:1rem;border-radius:.2rem;position:relative;overflow:hidden}.result__heading--title-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.result__heading--directed{font-size:100%;font-weight:600}.result__heading--directed-loading{background:#73539766;width:25rem;height:2rem;border-radius:.2rem;position:relative;overflow:hidden}.result__heading--directed-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.result__heading--created{display:flex;justify-content:center;align-items:center;gap:.6rem;font-size:80%}.result__text{display:flex;flex-direction:column;justify-content:start;align-items:start;width:40rem;font-size:80%;color:#fffc}.result__text--tagline{text-transform:uppercase}.result__text--tagline-loading{background:#73539766;width:32rem;height:2rem;border-radius:.2rem;margin-top:1rem;position:relative;overflow:hidden}.result__text--tagline-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.result__text--wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:.8rem;margin-top:1rem}.result__text--wrapper-loading{background:#73539766;width:30rem;height:2rem;border-radius:.2rem;position:relative;overflow:hidden}.result__text--wrapper-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.result__text--wrapper-loading:nth-of-type(2){width:25rem}.result__text--wrapper-loading:nth-of-type(6){width:25rem}.result__seasons{display:flex;justify-content:start;align-items:center;height:6rem;width:65%}.result__seasons--item{border:.1rem solid rgba(115,83,151,.2);background:#73539733;display:flex;justify-content:start;align-items:center;gap:1rem;padding:.5rem 1rem;height:100%;width:100%;border-radius:.4rem;position:relative}.result__seasons--item-image{height:100%;width:3.5rem;object-fit:cover;border-radius:.4rem}.result__seasons--item-wrapper{height:100%}.result__seasons--item-title{font-size:80%;font-weight:600}.result__seasons--item-episodes{font-size:70%;display:inline;color:#735397}.result__seasons--item-button{color:#fff;border:none;aspect-ratio:1/1;position:absolute;background:none;display:flex;justify-content:center;align-items:center;border-radius:50%}.result__seasons--item-icon{font-size:90%;background:#735397b3;width:2rem;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:50%}.result__seasons--item-left{left:-1.5rem}.result__seasons--item-right{right:-1rem}.result__info{display:flex;flex-direction:column-reverse;justify-content:center;align-items:start;gap:1rem}.result__info--wrapper{display:flex;justify-content:center;align-items:center;gap:1rem}.result__info--runtime{font-size:70%;color:#fff6}.result__info--links{display:flex;justify-content:center;align-items:center;gap:.6rem}.result__info--links-item{font-size:65%;color:#fff6;text-decoration:none;border:.1rem solid rgba(255,255,255,.4);padding:.1rem .4rem;display:flex;justify-content:center;align-items:center;transition:.2s all}.result__info--links-item:hover{cursor:pointer;color:#fffc;border-color:#fffc}.result__info--genres{display:flex;justify-content:center;align-items:center;gap:.6rem}.result__info--genres-item{font-size:65%;color:#735397;text-decoration:none;border:.1rem solid rgba(115,83,151,.6);padding:.1rem .4rem;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.cast{width:30rem;height:90%;display:flex;flex-direction:column;justify-content:start;align-items:start;background:#7353974d;padding:1rem;border-radius:1rem}.cast__heading{font-weight:800;display:flex;justify-content:start;align-items:center;gap:1rem;background:#7353974d;padding:.4rem;border-radius:1rem 1rem 0 0}.cast__heading--button{font-size:110%;font-family:Newsreader;border:none;font-weight:800;color:#ffffff80;background:none;padding:.8rem 1.4rem}.cast__heading--button-active{background:#7353974d;border-radius:.4rem .4rem 0 0;border-radius:1rem;color:#fff}.cast__heading--button:hover{cursor:pointer}.cast__list{height:100%;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem;list-style:none;overflow:hidden;overflow-y:unset;background:#7353974d;width:100%;padding:.4rem 1rem;border-radius:.4rem;border-top-left-radius:0}.cast__list::-webkit-scrollbar{display:none}.cast__item{display:flex;justify-content:start;align-items:center;gap:1rem}.cast__item--image{width:4.5rem;aspect-ratio:1/1;object-fit:cover;border-radius:.2rem}.cast__item--image-loading{width:4.5rem;aspect-ratio:1/1;background:#73539766;border-radius:.2rem;position:relative;overflow:hidden}.cast__item--image-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.cast__item--placeholder{width:4.5rem;aspect-ratio:1/1;background:#73539766;border-radius:.2rem}.cast__item--wrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;font-size:80%}.cast__item--name-loading{background:#73539766;width:20rem;border-radius:.2rem;height:2rem;position:relative;overflow:hidden}.cast__item--name-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.cast__item--character{color:#7ea7b4;font-size:90%}.cast__item--character-loading{background:#73539766;width:15rem;border-radius:.2rem;margin-top:.2rem;height:2rem;position:relative;overflow:hidden}.cast__item--character-loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}.seasons__item{width:100%;display:flex;justify-content:start;align-items:center;gap:1rem}.seasons__item--image{height:6rem;object-fit:cover;border-radius:.4rem}.seasons__item--wrapper{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:1rem}.seasons__item--name{font-weight:600;font-size:85%}.seasons__item--episodes{font-size:75%;color:#7ea7b4e6}.images{display:flex;justify-content:start;align-items:center;gap:1rem;height:25%;width:100%;padding:1rem 0;overflow:hidden;overflow-x:unset}.images::-webkit-scrollbar{background:#73539766;border-radius:1rem;height:.8rem}.images::-webkit-scrollbar-thumb{background:#735397;border-radius:1rem}.images__item{height:100%;object-fit:cover}.images__item--loading{background:#73539766;height:100%;min-width:25%;border-radius:.2rem;position:relative;overflow:hidden}.images__item--loading:after{content:"";height:100%;position:absolute;box-shadow:-2rem 0 1rem #73539766;width:1rem;animation-name:loading;animation-duration:1s;animation-iteration-count:infinite}@media screen and (max-width: 64rem){.main{padding:0;justify-content:start;gap:5rem;padding-top:2rem}.wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0;height:auto;gap:5rem}.result{width:100%;height:auto;gap:1rem}.result__figure{height:auto}.result__figure--image{height:40rem}.result__wrapper{height:100%}.cast{width:70%;height:40rem;display:flex;justify-content:center;align-items:center}.images{height:auto;width:71rem}.images::-webkit-scrollbar{display:none}.images__item{height:20rem}}