@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap);.app__header{display:flex;justify-content:space-between;align-items:center}.app__title{font-weight:700;font-size:28px;line-height:37px}.app__title span{color:#9f0013}.app__menu ul{display:flex;justify-content:space-between;font-weight:700;font-size:24px;line-height:32px}.app__menu ul li{margin:0 8px}.app__menu ul li a:hover{color:#9f0013}@media(max-width:592px){.app__menu ul,.app__title{font-size:22px;line-height:26px}}@media(max-width:478px){.app__header{flex-direction:column;align-items:center;justify-content:center}}.randomchar{display:grid;grid-template-columns:repeat(2,50%);box-shadow:5px 5px 20px rgba(0,0,0,.25)}.randomchar__block{padding:40px 35px;display:grid;grid-template-columns:180px auto;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}.randomchar__img{width:180px;height:180px;object-fit:cover}.randomchar__info{display:grid;grid-template-rows:minmax(29px,auto) 90px 38px;grid-row-gap:10px;row-gap:10px;padding-top:3px}.randomchar__name{font-weight:700;font-size:22px;line-height:29px;text-transform:uppercase}.randomchar__descr{position:relative;font-size:14px;line-height:18px;overflow:hidden}.randomchar__descr:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40px;background:linear-gradient(180deg,transparent,#fff 90%)}.randomchar__btns a:first-child{margin-right:30px}.randomchar__static{padding:40px 35px;background-color:#232222;position:relative}.randomchar__static button{margin-top:13px}.randomchar__title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:-.045em;color:#fff}.randomchar__title:nth-child(2){margin-top:33px}.randomchar__decoration{position:absolute;bottom:14px;right:0}@media(max-width:1060px){.randomchar__block{grid-template-columns:none;justify-items:center}.randomchar__info{grid-template-rows:none}.randomchar__descr:after{display:none}.randomchar__name{text-align:center;margin-top:10px}}@media(max-width:768px){.randomchar__title{font-size:21px;line-height:26px}}@media(max-width:610px){.randomchar{display:block}.randomchar__decoration{max-width:160px}}@media(max-width:478px){.randomchar{display:block}.randomchar__decoration{max-width:120px}}.char__content{margin-top:50px;display:flex;align-items:start;justify-content:space-between}.char__list{max-width:700px;width:100%}.char__flex{display:flex;flex-wrap:wrap}.char__item{position:relative;width:200px;height:auto;background-color:#232222;box-shadow:5px 5px 10px rgba(0,0,0,.25);margin:0 15px 15px 0;z-index:1000;cursor:pointer;transition:transform .3s}.char__item img{position:relative;max-width:200px;width:100%;height:200px;object-fit:cover;object-position:top;margin:0 auto;display:block;z-index:200}.char__item_selected{box-shadow:0 5px 20px #9f0013;-webkit-transform:translateY(-8px);transform:translateY(-8px)}.char__name{font-weight:700;font-size:22px;line-height:29px;text-transform:uppercase;color:#fff;padding:15px;text-align:center}@media(max-width:1060px){.char__item{width:175px}}@media(max-width:840px){.char__item{width:165px}}@media(max-width:768px){.char__content{flex-direction:column-reverse;align-items:center}.char__list{margin-top:20px;max-width:none}.char__flex{justify-content:center}.char__item{width:180px}}@media(max-width:478px){.char__content{margin-top:20px}.char__item{height:auto}.char__item img{max-width:none;width:100%}}.skeleton__header{display:grid;grid-template-columns:40px auto;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;align-items:center}.skeleton__circle{width:40px;height:40px;background-color:#c4c4c4;border-radius:100%}.skeleton__mini{height:16px}.skeleton__block,.skeleton__mini{width:100%;background-color:#c4c4c4}.skeleton__block{height:35px;margin-top:15px}.char__info{position:-webkit-sticky;position:sticky;height:auto;top:20px;padding:25px;box-shadow:0 0 20px rgba(0,0,0,.25);z-index:5;background-color:#fff}.char__info-name{font-weight:700;font-size:22px;line-height:29px;text-transform:uppercase}.char__info .skeleton{margin-top:30px}.char__basics{display:grid;grid-template-columns:150px auto;grid-column-gap:25px;-webkit-column-gap:25px;column-gap:25px}.char__basics img{width:150px;height:150px;object-fit:cover;object-position:top}.char__btns{margin-top:35px}.char__btns a:nth-child(2){margin-top:10px}.char__descr{margin-top:15px;font-size:14px;line-height:18px}.char__comics{font-weight:700;font-size:18px;line-height:24px;margin-top:10px}.char__comics-list{position:relative;margin-top:10px}.char__comics-item{width:100%;padding:0 10px;line-height:25px;box-shadow:0 4px 4px rgba(0,0,0,.25);margin-top:10px}.char__select{font-weight:700;font-size:18px;line-height:24px;text-align:center}@media(max-width:920px){.char__info{max-width:250px;width:100%}.char__info-name{text-align:center;margin-top:10px}.char__info-btn{margin-right:9px}.char__basics{grid-template-columns:none;justify-items:center}.char__btns{margin:15px auto;display:block}}@media(max-width:840px){.char__info{max-width:360px}.char__info img{width:auto}}@media(max-width:768px){.char__info{position:static;height:auto}}@media(max-width:478px){.char__basics img{max-width:none}}@media(max-width:320px){.char__basics img{width:100%;height:250px;object-fit:contain}}.button{min-width:90px;color:#fff;text-align:center;text-transform:uppercase;font-size:14px;transition:transform .3s;border:none;background-color:initial;cursor:pointer}.button__long{display:block;width:170px;margin:45px auto 0}.button .inner{position:relative;background-color:#9f0013;line-height:18px;padding:0 18px;transition:none}.button .inner:before{left:0;top:-10px}.button .inner:after,.button .inner:before{border-color:#9f0013 transparent;border-style:solid;border-width:0 0 10px 10px;content:"";display:block;position:absolute;transition:none}.button .inner:after{right:0;bottom:-10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.button__main:hover,.button__secondary:hover{color:#fff}.button__secondary .inner{background-color:#5c5c5c}.button__secondary .inner:after,.button__secondary .inner:before{border-color:#5c5c5c transparent;transition:none}.button:before{margin-left:10px}.button:after,.button:before{content:"";display:block;height:10px;transition:none}.button:after{margin-right:10px}.button.button__main:after,.button.button__main:before{background-color:#9f0013}.button.button__secondary:after,.button.button__secondary:before{background-color:#5c5c5c}.button:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.button:disabled{-webkit-filter:grayscale(.5);filter:grayscale(.5)}*{font-family:"Roboto Condensed",sans-serif;box-sizing:border-box}*,dl,li,ul{margin:0;padding:0}dl,li,ul{list-style-type:none}h1,h2,h3,h4,h5,h6{margin:0}a{display:inline-block}a,a:hover{text-decoration:none;color:inherit}p{margin:0;padding:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app{max-width:1100px;width:100%;margin:0 auto;padding:50px 10px;position:relative}.app .bg-decoration{position:absolute;max-width:300px;right:40px;bottom:84px;z-index:-1}main{margin-top:50px;position:relative}.pulse{-webkit-animation:pulse 1.5s ease-in-out .5s infinite;animation:pulse 1.5s ease-in-out .5s infinite}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media(max-width:768px){.bg-decoration{display:none}}@media(max-width:478px){main{margin-top:20px}.app{padding-top:20px}}
/*# sourceMappingURL=main.e04fda28.chunk.css.map */