*,:after,:before{box-sizing:border-box}ol[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,p{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--background-button-active:rgba(0,0,0,0.75);--background-main:#c2c5aa}body{background-image:radial-gradient(circle farthest-corner at 10% 20%,#0eae57 0,#0c7475 90%)}.App{display:flex;justify-content:center;font-family:"Inter",sans-serif}.App__title{position:relative;display:block;margin-bottom:2.5rem;font-weight:700;font-size:2rem;color:#1f1f1f;color:var(--background-dark);-webkit-animation:title-animation .5s ease-out;animation:title-animation .5s ease-out}.App__title:first-letter{position:absolute;color:#fff;margin-right:.25rem;z-index:10}.characters__list{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.App__title:after{position:absolute;content:" ";left:-.25rem;width:2.5rem;height:2.75rem;border-radius:.25rem;background-color:#1f1f1f;background-color:var(--background-dark);z-index:-1}@-webkit-keyframes title-animation{0%{-webkit-transform:translate(10rem);transform:translate(10rem);opacity:0};to{opacity:1};}@keyframes title-animation{0%{-webkit-transform:translate(10rem);transform:translate(10rem);opacity:0};to{opacity:1};}.App__list{display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:80rem;padding:0;margin:0}.App__item{display:flex;margin-right:1.5rem;margin-bottom:1.5rem;cursor:pointer}.App__content{flex-direction:column;justify-content:center;flex:1 0 80%;padding:4rem 8rem}.App__content,.App__navigation{display:flex;align-items:center}.App__navigation{position:fixed;left:-18vw;flex:1 0 20%;flex-direction:column;padding:12rem 4rem 0;height:100vh;width:20%;color:#fff;color:var(--background-white);background-color:#1f1f1f;background-color:var(--background-dark);transition-duration:.4s;box-shadow:0 .5rem 2rem rgba(0,0,0,.25),0 .25rem .5rem rgba(0,0,0,.25),0 .125rem .125rem rgba(0,0,0,.25);box-shadow:0 .5rem 2rem var(--background-shadow),0 .25rem .5rem var(--background-shadow),0 .125rem .125rem var(--background-shadow);z-index:20}.App__navigation:hover{left:0}.App__navigation:after{position:absolute;display:flex;justify-content:center;align-items:center;content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAB60lEQVRoge2Yu0oEQRBFb8uKKIiRqGAgGBmIgZoLpoJgYGJiIP6DgWCgCPoJ+gnid2hoooHgA0TwmQg+Aj0GNtiOuzu9485s79onmqkquuvOVA09JUUiuWDcG4BcNjHGpEf9jba8NyiKKCQ0/ocQk8DGD0talfRaRIKZIEFK7HIyvhJF5e8mVzYBx/QKbFtbO/DcrEIAbhz7eShCam32N0k7kgR0SRqQvntJ0oqk/rpmmIVaniSwVimuGd6Iy76kE9cALAGPf0upDnj2yCUwZe3jibjrRvVIFiEAO47v3rn+aJSQLKV1JWlPkoCSpE7Hl/sptxIln6Aqx/B5SV31S6dO+JQE0A2MAevAS0oJFlZa8ccqNKKQ0GgZIYV894v4iLTMG4lCQiMKyUrTTmakn2ewlDjvyUxRZ7hkgr82d0zuZKaE52QmRCEAt479LOG7Ae7ShITQ7O5kplN2MiPpSdK0MabPGNMraVTSQWNStPiWA85kBti0tgVgEegAhoIrrQpxo8CxE/4OHAIbQH8ta+WCR49c8D2ZmbC2U2DEZ63C8BACsOv4HoBpez0IbFVbSwqj2aXyk5lD65uRNNmgvH5SSznw1dwAZZMPrrQS/l+TGeCIr0lmDzAHzFZbK/5YhUYUEhotIyQSyYlPK1PrY7qU8UUAAAAASUVORK5CYII=);right:-2rem;top:4rem;width:4rem;height:6rem;background-color:#1f1f1f;background-color:var(--background-dark);border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 0 .5rem #1f1f1f;box-shadow:0 0 .5rem var(--background-dark)}.App__navigation-radio{display:none}.App__random-character{flex-direction:column;justify-content:center}.App__random-character,.App_navigation-title{display:flex;align-items:center}.App__navigation-list{flex-direction:column}.App__navigation-item,.App__navigation-list{display:flex;align-items:center;justify-content:center}.App__navigation-item{flex-wrap:wrap;margin-bottom:4rem;font-size:1.5rem;color:#fff;color:var(--background-white);cursor:pointer}.App__navigation-item:hover{text-shadow:0 0 1rem #b8f2e6;text-shadow:0 0 1rem var(--background-shadow-navitem)}.App__header-secondary{margin-bottom:2rem}.main-page{flex-direction:column;height:calc(100vh - 16rem);height:calc(100vh - var(--header-height))}.main-page,.main-page__button{display:flex;align-items:center}.main-page__button{justify-content:center;width:16rem;height:4rem;border-radius:.5rem;font-size:1.25rem;border:.0825rem solid rgba(0,0,0,.25);border:.0825rem solid var(--background-shadow);background-color:#1f1f1f;background-color:var(--background-dark);color:#fff;color:var(--background-white);cursor:pointer;-webkit-animation:animation-button 1s infinite;animation:animation-button 1s infinite}.main-page__button:hover{border:.0825rem solid var(--loading-element-light);box-shadow:0 0 4rem #b8f2e6;box-shadow:0 0 4rem var(--background-shadow-navitem);-webkit-animation:none;animation:none}.main-page__button:active{background-color:rgba(0,0,0,.75);background-color:var(--background-button-active)}.loading-element{position:absolute;display:flex;top:7rem}.svgIcon{display:flex;fill:#000;stroke:#000;width:1.5rem;height:1.5rem;margin-right:.5rem;-webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite}@-webkit-keyframes loader{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)};to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes loader{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)};to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes animation-button{10%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}20%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}30%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}40%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}50%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}60%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}70%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}80%{-webkit-transform:0;transform:0}90%{-webkit-transform:0;transform:0}to{-webkit-transform:0;transform:0}}@keyframes animation-button{10%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}20%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}30%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}40%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}50%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}60%{-webkit-transform:rotate(-4.5deg);transform:rotate(-4.5deg)}70%{-webkit-transform:rotate(4.5deg);transform:rotate(4.5deg)}80%{-webkit-transform:0;transform:0}90%{-webkit-transform:0;transform:0}to{-webkit-transform:0;transform:0}}:root{--card-white:#fff;--card-black:#000;--card-light:#caddec;--shadow-color:rgba(0,0,0,0.1);--shadow-color-dark:rgba(0,0,0,0.5);--bright-color: }.character-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:16rem;height:16rem;padding:1rem;border-radius:.75rem;border:.25rem solid transparent;background-color:var(--background-dark);color:var(--background-white);box-shadow:0 .5rem 2rem rgba(0,0,0,.1),0 .25rem .5rem rgba(0,0,0,.1),0 .125rem .125rem rgba(0,0,0,.1);box-shadow:0 .5rem 2rem var(--shadow-color),0 .25rem .5rem var(--shadow-color),0 .125rem .125rem var(--shadow-color)}.character-card:hover{border-color:#caddec;border-color:var(--card-light)}.character-card__title{margin-bottom:1rem;line-height:1rem;font-size:1rem;font-weight:700}.character-card__img{display:flex;width:4rem;border-radius:.25rem;margin-bottom:2rem;transition-duration:.4s}.character-card:hover .character-card__img{width:12rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.5),0 .25rem .5rem rgba(0,0,0,.5),0 .125rem .125rem rgba(0,0,0,.5);box-shadow:0 .5rem 2rem var(--shadow-color-dark),0 .25rem .5rem var(--shadow-color-dark),0 .125rem .125rem var(--shadow-color-dark)}.character-card:hover .character-card__text{display:none}.character-card:hover .character-card__title{color:var(--background-bright);padding:.5rem;border-radius:.25rem;font-size:1.25rem;background-color:var(--background-dark);box-shadow:0 .5rem 2rem rgba(0,0,0,.5),0 .25rem .5rem rgba(0,0,0,.5),0 .125rem .125rem rgba(0,0,0,.5);box-shadow:0 .5rem 2rem var(--shadow-color-dark),0 .25rem .5rem var(--shadow-color-dark),0 .125rem .125rem var(--shadow-color-dark)}.character-card__text{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;line-height:1rem;font-size:1rem;margin-bottom:.5rem}.character-card__text:last-child{margin:0}.character-card__text strong{margin-right:.5rem;font-weight:400}.App__list .character-card__wrapper{width:14rem;min-height:18rem;justify-content:flex-start;align-items:flex-start;margin-bottom:0}.App__list .character-card-random__title{font-size:1rem}.App__list .character-card-random__list{padding:.25rem}.App__list .character-card-random__item{font-size:.75rem;margin:0 0 1rem}.App__list .character-card__img{max-width:80%}.character-card__wrapper{display:flex;position:relative;width:24rem;min-height:36rem;flex-grow:1;-webkit-perspective:60rem;perspective:60rem;margin-bottom:2rem}.character-card-random__title{display:flex;justify-content:center;align-items:center;color:#f90;color:var(--background-bright);font-size:2rem;margin-bottom:.5rem}.character-card__wrapper.v.flip .front,.character-card__wrapper.v:hover .front{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.character-card__wrapper.v.flip .back,.character-card__wrapper.v:hover .back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.character-card__wrapper.v .back{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.character-card__wrapper.h.flip .front,.character-card__wrapper.h:hover .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.character-card__wrapper.h.flip .back,.character-card__wrapper.h:hover .back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.character-card__wrapper.h .back{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.character-card__wrapper .back,.character-card__wrapper .front{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;width:100%;height:100%;color:#fff;background-color:#1f1f1f;background-color:var(--background-dark);border-radius:1rem;padding:2rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;transition:all .5s ease-out}.character-card__wrapper .character-card__img{width:100%}.character-card-random__list{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.character-card-random__item{display:flex;justify-content:space-between;align-items:flex-start;width:100%;height:2.5rem;margin-bottom:2rem;font-size:1rem}.character-card-random__item_green{color:green;color:var(--status-color-green)}.character-card-random__item_red{color:red;color:var(--status-color-red)}.character-card-random__item_orange{color:orange;color:var(--status-color-orange)}.character-card-random__text{display:flex;justify-content:flex-start;align-items:center;max-width:50%;flex-wrap:wrap;flex-grow:1}:root{--background-pagination-dark:#1f1f1f;--background-pagination-white:#fff;--background-pagination-medium:rgba(31,31,31,0.615686274509804);--background-pagination-light:rgba(31,31,31,0.24705882352941178)}.pagination{justify-content:center;align-items:center;width:100%;margin:0}.pagination,.pagination__item{display:flex}.pagination__button{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;cursor:pointer;background-color:var(--background-dark);border:.08125rem solid #fff;border:.08125rem solid var(--background-pagination-white);color:#fff;color:var(--background-pagination-white);font-size:1.25rem}.pagination__button:hover{background-color:rgba(31,31,31,.24705882352941178);background-color:var(--background-pagination-light)}.pagination__button:active,.pagination__button:focus{background-color:rgba(31,31,31,.615686274509804);background-color:var(--background-pagination-medium)}.episodes__wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;width:100%}.episodes-pagintaion__wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:0 1.25rem;margin-bottom:2rem}.episodes-pagintaion__wrapper b{display:flex;justify-content:flex-end;width:10rem}.episodes-pagintaion__wrapper .pagination{width:24rem;padding:0 1.5rem 0 0;justify-content:flex-end}.episode__list-mov{display:flex;flex-direction:column;background-color:var(--background-dark);width:18rem;height:100%;padding:1rem 1rem .5rem;margin:0;color:#fff}.episode__item-mov{display:flex;flex:0 0 auto;width:100%;margin-bottom:.25rem}.episode__item-mov:first-child{flex:0 0 15%}.episode__item-mov:nth-child(4){flex:1 0 auto}.episode__item-mov:last-child{margin:0}.episode__block-mov{display:flex;justify-content:center;height:22rem;color:var(--background-white);margin:0 2rem 2rem 0}.episode__block-mov-column{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:2.5rem;height:100%;padding:0;margin:0;background-color:var(--background-dark)}.episode__block-mov-cell{display:flex;width:1.5rem;height:1.5rem;background-color:var(--background-white)}.episode__item-mov-title{font-size:1rem}.blockquote__list{display:flex;flex-direction:column;justify-content:center;width:60rem}.blockquote__list .loading-element{right:56rem}.blockquote__list blockquote{margin-bottom:2rem}.character-image{position:fixed;display:flex;right:4.5rem;top:14.85rem;width:20rem;border:.5rem solid var(--background-white);z-index:20}blockquote{position:relative;display:flex;flex-direction:column;justify-content:flex-start;color:var(--background-white);padding:2rem 2rem 1rem 4rem;border-left:.5rem solid var(--background-bright);background:var(--background-dark);font-weight:400;margin:0 0 2rem;max-width:60rem}blockquote:before{position:absolute;content:"\201C";color:var(--background-bright);font-size:4.5rem;left:1rem;top:.5rem}blockquote p{display:flex;font-style:normal;font-size:1.5rem;margin:0 0 2rem}.quote-list__select{display:flex;margin-bottom:2rem;margin-right:2rem;height:2rem;width:10rem;color:var(--background-white);background-color:var(--background-dark)}.quote-list__option{display:flex;color:var(--background-bright)}.blockquote__button{display:flex;justify-content:center;align-items:center;width:12rem;height:2rem;border-radius:.5rem;font-size:1rem;color:var(--background-white);border:.0825rem solid var(--background-shadow);background-color:var(--background-dark);cursor:pointer}.blockquote__button:hover{border:.0825rem solid var(--background-light);box-shadow:0 0 .75rem var(--background-shadow-navitem)}.blockquote__button:active{background-color:var(--background-button-active)}.quote-list__form{display:flex;width:100%}:root{--background-dark:#1f1f1f;--background-white:#fff;--background-shadow:rgba(0,0,0,0.25);--background-shadow-navitem:#b8f2e6;--background-light:#5d6e7c;--background-color:rgba(0,0,0,0.315);--background-bright:#f90;--header-height:16rem;--status-color-red:red;--status-color-green:green;--status-color-orange:orange}.death-list_wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.death-card__wrapper{display:flex;flex-direction:column;width:40rem}.death-card__wrapper .quote-card__title{font-style:italic}.death-card__image-wrapper{display:flex}.death-card__img{display:block;width:16rem;border:.5rem solid #1f1f1f;border:.5rem solid var(--background-dark);margin-bottom:2rem;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.death-card__wrapper p,blockquote,cite{font-size:1.25rem;margin-bottom:.5rem}.death-card__wrapper blockquote{padding:1.5rem 1rem 1rem 6rem;width:100%;margin-bottom:2rem}.death-list_wrapper .main-page__button{-webkit-animation:none;animation:none;width:14rem}.death-card__wrapper blockquote{display:flex}.death-card__action{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:700}.death-card__action .main-page__button{font-weight:400}.death-card__action-text,.death-card__list{color:#1f1f1f;color:var(--background-dark)}.death-card__list{margin:0 0 2rem;font-size:1.25rem}.death-card__item,.death-card__list{display:flex;flex-direction:column}.death-card__item-text{display:flex;font-weight:700}
/*# sourceMappingURL=main.988b4473.chunk.css.map */