@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:ital,wght@0,300;0,400;1,700;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-family:Lato,sans-serif;font-size:20px}Link,a,button,h1,h2,h3,h4,input,p,span,textarea{font-size:1rem;font-weight:400}.App{margin:0 auto}.main,.shows{min-height:calc(100vh - 320px)}.shows{grid-gap:5vw;display:grid;gap:5vw;grid-template-columns:repeat(auto-fit,43vw);justify-content:center;margin:0 auto;max-width:1400px}@media(min-width:480px){.shows{gap:3vw;grid-template-columns:repeat(auto-fit,210px)}}@media(min-width:800px){.shows{margin:120px auto 0}}.show{box-shadow:5px 5px 24px -9px rgba(0,0,0,.64);cursor:pointer;display:flex;flex-direction:column;position:relative;width:100%}.show__curtain{background-color:rgba(29,29,55,.268);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .6s;z-index:1}.show__img-wrapper{height:60.2vw;overflow:hidden;width:100%}@media(min-width:480px){.show__img-wrapper{height:295px}}.show__img{width:100%}@media(min-width:480px){.show__img{transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.show:hover>.show__img-wrapper>.show__img{-webkit-transform:scale(1.07);transform:scale(1.07)}.show:hover>.show__curtain{opacity:1}}.show__rating{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:48px;justify-content:center;position:absolute;right:15px;top:15px;width:50px;z-index:2}@media(min-width:480px){.show__rating{height:58px;width:60px}}.show__rating-text{font-size:.5rem;font-weight:700}@media(min-width:480px){.show__rating-text{font-size:.6rem}}.show__rating-number{color:#a60000;font-size:1.1rem;font-weight:900}@media(min-width:480px){.show__rating-number{font-size:1.4rem}}.show__title{font-size:1rem;font-weight:700;margin:6px 0;padding:0 5px}@media(min-width:480px){.show__title{font-size:1.3rem}}.show__interval{flex-grow:1;font-size:.6rem;margin-bottom:6px;padding:0 5px}@media(min-width:480px){.show__interval{font-size:.8rem}}.show__genres{font-size:.6rem;margin-bottom:12px;padding:0 5px}@media(min-width:480px){.show__genres{font-size:.8rem}}.show__channel{background-color:#706e9e;color:#fff;font-size:.9rem;padding:6px 0;text-align:center;width:100%}@media(min-width:480px){.show__channel{font-size:1rem}}.empty-img{align-items:center;background:linear-gradient(155deg,#faf8ff,#928f9d);display:flex;grid-row:1/5;height:60.2vw;justify-content:center;justify-self:right;margin:0 16px 0 0;max-height:295px;max-width:210px;width:43vw}.person__subclass{height:49vw;margin:0 16px 40px 0;width:35vw}.details__subclass{grid-row:1/3;height:85px;margin:5px 16px 0 0;width:60.5px}.empty-img-text{color:gray;font-size:1.2rem;font-weight:700;text-align:center}.details__text-subclass{font-size:.8rem}.main-show{min-height:calc(100vh - 320px)}.main-show__content{display:flex;flex-wrap:wrap;margin:0 auto;max-width:900px;padding:0 20px}.main-show__img{flex-basis:43%}.main-show__empty-img,.main-show__img{height:60.2vw;margin:5px 16px 0 0;max-height:295px;max-width:210px;width:43vw}.main-show__empty-img{align-items:center;background:linear-gradient(155deg,#faf8ff,#928f9d);display:flex;float:left;justify-content:center}.main-show__empty-img-text{color:gray;font-size:1.2rem;font-weight:700}.main-show__details{flex-basis:40%;font-size:0}.main-show__name{font-size:1.3rem;font-weight:700;margin-bottom:15px}@media(min-width:800px){.main-show__name{font-size:2rem}}.main-show__country,.main-show__interval{font-size:.8rem;margin-bottom:6px}@media(min-width:800px){.main-show__country,.main-show__interval{font-size:.9rem}}.main-show__genres{color:gray;font-size:.8rem;margin-bottom:6px}@media(min-width:800px){.main-show__genres{font-size:.9rem}}.main-show__channel{background-color:#706e9e;color:#fff;display:inline-block;font-size:.9rem;line-height:1;padding:4px 10px;vertical-align:middle}@media(min-width:800px){.main-show__channel{padding:4px 14px}}.main-show__rating{background-color:#fff;color:#a60000;font-size:1.4rem;font-weight:900;margin-top:2px}.main-show__rating-span{font-size:.9rem;font-weight:700;vertical-align:middle}.main-show__description{font-size:1rem;margin-bottom:70px;margin-top:20px;width:100%}.main-show__full-cast{color:#a60000;cursor:pointer;display:block;font-weight:700;margin:0 auto 40px;max-width:900px;padding-right:20px;text-align:right;text-decoration:none;transition:.2s;width:100%}.main-show__full-cast:hover{color:#000}@media(min-width:800px){.main-show__full-cast{padding-right:100px}}.people{display:grid;grid-template-columns:repeat(auto-fit,100%);justify-content:center;margin:0 auto;max-width:900px;padding:20px}@media(min-width:800px){.people{grid-template-columns:repeat(auto-fit,50%);justify-content:space-between}}.people__title{background:linear-gradient(170deg,#f4f4f6,#dedee2);box-shadow:5px 5px 16px -9px rgba(0,0,0,.61);color:rgba(0,0,0,.635);font-size:1.1rem;font-weight:700;grid-column:auto;margin:0 auto 20px;max-width:900px;padding:10px 0;text-align:center}@media(min-width:800px){.people__title{grid-column:1/3}}.person{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto 1fr}@media(min-width:480px){.person{grid-template-columns:1fr 1fr}}.person__img{grid-row:1/5;height:49vw;justify-self:right;margin:0 16px 40px 0;max-height:295px;max-width:210px;width:35vw}@media(min-width:800px){.person{margin:0 16px 0 0}}.person__name{font-size:1rem;font-weight:700}.person__age{color:gray;font-size:.8rem;margin-top:4px}.person__as,.person__character{font-size:.9rem;margin-top:6px}.person__character{color:gray;font-weight:700}.seasons{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:900px;min-height:calc(100vh - 320px);padding-top:1px}.seasons__se-wrapper{width:100%}@media(min-width:480px){.seasons__se-wrapper{width:48%}}.seasons__se-nr{background:linear-gradient(170deg,#f4f4f6,#dedee2);box-shadow:5px 5px 16px -9px rgba(0,0,0,.61);color:rgba(0,0,0,.635);font-size:1.1rem;font-weight:700;margin-bottom:20px;padding:10px 0;text-align:center}.seasons__se-name{cursor:pointer;display:grid;grid-template-columns:35px 1fr;margin-top:12px;padding:0 20px;transition:.4s}.seasons__se-name:last-child{margin-bottom:60px}.seasons__se-name--nr{color:gray;font-size:1rem;transition:.2s}.seasons__se-name--text{transition:.2s}@media(min-width:480px){.seasons__se-name:hover>.seasons__se-name--nr{color:#a60000;font-weight:700}}.seasons__se-name:hover>.seasons__se-name--text{color:#a60000;font-weight:700}.popup{align-items:center;-webkit-animation:opacity-popup .15s forwards;animation:opacity-popup .15s forwards;background-color:hsla(240,3%,61%,.841);display:flex;height:100vh;justify-content:center;left:0;opacity:0;-webkit-perspective:1000px;perspective:1000px;position:fixed;top:0;width:100vw;z-index:4}@-webkit-keyframes opacity-popup{0%{opacity:0}to{opacity:1}}@keyframes opacity-popup{0%{opacity:0}to{opacity:1}}.popup__wrapper{-webkit-animation:rotate-wrapper .15s forwards;animation:rotate-wrapper .15s forwards;background-color:#fff;border-bottom:15px solid transparent;border-top:15px solid transparent;max-height:80vh;max-width:400px;overflow:auto;padding:0 15px 45px;position:relative;text-align:right;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);width:95vw;z-index:4}@-webkit-keyframes rotate-wrapper{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes rotate-wrapper{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.popup__close{background-color:#fff;cursor:pointer;height:40px;position:-webkit-sticky;position:sticky;right:0;top:0;width:40px}.popup__empty-img,.popup__img{height:140px;left:50%;position:absolute;top:45px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:250px}.popup__empty-img{align-items:center;background:linear-gradient(155deg,#faf8ff,#928f9d);display:flex;justify-content:center;margin:0 auto}.popup__empty-img-text{color:gray;font-size:1.2rem;font-weight:700}.popup__title{font-size:1.2rem;font-weight:700;margin:160px 0 10px;text-align:center}.popup__date{color:gray;font-size:.8rem;font-weight:700;margin-bottom:10px}.popup__date,.popup__summary{text-align:left}.popup__no-description{color:gray;font-weight:700;margin-top:40px;text-align:center}.back-top{color:#a60000;cursor:pointer;display:block;font-weight:700;margin:0 auto 40px;max-width:900px;padding-right:40px;text-align:right;transition:.2s;width:100%}.back-top:hover{color:#000}.details__header{display:grid;flex-basis:100%;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:auto 1fr;margin-bottom:30px;padding:0 20px}@media(min-width:480px){.details__header{margin-bottom:40px;margin-top:20px}}.details__img{grid-row:1/3;height:85px;margin:5px 16px 0 0}.details__title{align-self:end;font-size:1.3rem;font-weight:700}@media(min-width:800px){.details__title{font-size:2rem}}.details__nr-of{color:#676695;font-size:1.2rem;font-weight:700;margin-top:5px}@media(min-width:800px){.details__nr-of{font-size:1.4rem}}.cast{margin:0 auto;max-width:900px;min-height:calc(100vh - 320px);padding-top:1px}.cast__info{color:gray;font-size:1.2rem;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,calc(-50% + 100px));transform:translate(-50%,calc(-50% + 100px))}.crew{margin:0 auto;max-width:900px;min-height:calc(100vh - 320px);padding-top:1px}.crew__info{color:gray;font-size:1.2rem;font-weight:700;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,calc(-50% + 100px));transform:translate(-50%,calc(-50% + 100px))}.nav{display:flex;justify-content:space-between;margin:0 auto 20px;max-width:900px;padding:0 20px}@media(min-width:480px){.nav{justify-content:flex-end}}.nav__link{color:#969696;cursor:pointer;font-size:1rem;font-weight:600;text-decoration:none;transition:.2s}@media(min-width:480px){.nav__link{margin-right:30px}}.active{color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.header{background:linear-gradient(165deg,#6d6db3,#1a1934);display:flex;height:100px;justify-content:center;margin-bottom:70px;padding:0 20px;position:relative}.header__logo{align-content:center;display:flex;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.header__img{height:82px;-webkit-transform:translateY(7px);transform:translateY(7px)}.header__title{color:#fff;font-family:Bebas Neue,cursive;font-size:1.2rem;letter-spacing:1px;padding-top:28px;-webkit-transform:translateX(-23px);transform:translateX(-23px)}.search{bottom:-20px;left:50%;padding:0 20px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.search__form{display:flex;height:42px;margin:0 auto;max-width:600px;position:relative;width:100%}@media(min-width:800px){.search__form{height:40px}}.search__input{border:none;box-shadow:5px 5px 16px -9px rgba(0,0,0,.61);font-size:1.1rem;height:100%;outline:none;overflow:hidden;padding-left:10px;width:100%}.search__input:focus{border:1px solid #969696}.search__input::-webkit-input-placeholder{color:#969696;opacity:1}.search__input:-ms-input-placeholder{color:#969696;opacity:1}.search__input::placeholder{color:#969696;opacity:1}.search__input::-ms-input-placeholder{color:#969696}.search__button{background-color:transparent;border:none;cursor:pointer;height:100%;line-height:.8;outline:none;overflow:hidden;position:absolute;right:0;top:0;width:48px}.search__svg{-webkit-filter:invert(69%) sepia(0) saturate(14%) hue-rotate(14deg) brightness(88%) contrast(91%);filter:invert(69%) sepia(0) saturate(14%) hue-rotate(14deg) brightness(88%) contrast(91%);-webkit-transform:translateY(1px);transform:translateY(1px);width:22px}.footer{align-content:center;background:linear-gradient(165deg,#40405b,#13132a);color:silver;display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px;padding:40px 0 20px;width:100vw}@media(min-width:800px){.footer{margin-top:100px}}.footer__api{text-align:center}.footer__a,.footer__api{color:silver;font-size:.7rem;margin-bottom:10px}.footer__a{transition:.1s}.footer__a:hover{color:#9898da}.footer__name{color:silver;flex-basis:100%;font-size:.7rem;text-align:center}.footer__icons{align-content:center;display:flex}.footer__icon{-webkit-filter:invert(66%) sepia(58%) saturate(1%) hue-rotate(34deg) brightness(105%) contrast(90%);filter:invert(66%) sepia(58%) saturate(1%) hue-rotate(34deg) brightness(105%) contrast(90%);line-height:1;margin:10px;width:22px}.footer__icon--in{-webkit-transform:translateY(1px);transform:translateY(1px)}
/*# sourceMappingURL=main.95086d8f.css.map*/