.app__header{display:flex;justify-content:space-between}@media(max-width:767px){.app__header{display:grid;grid-template-columns:1fr}}.app__title{font-size:28px;font-weight:700;line-height:37px}@media(max-width:576px){.app__title{font-size:25px;line-height:1.2}}.app__title span{color:#9f0013}.app__menu ul{display:flex;font-size:24px;font-weight:700;justify-content:space-between;line-height:32px}@media(max-width:767px){.app__menu ul{justify-content:flex-start}}@media(max-width:576px){.app__menu ul{font-size:20px;line-height:1.4}}.app__menu ul li{margin:0 8px}.app__menu ul li a:hover{color:#9f0013}@media(max-width:576px){.app__menu ul li:first-child{margin-left:0}}.spinner{shape-rendering:auto}.spinner,.spinner-container{background:none;display:block;margin:auto}.spinner-rect{animation:spinner-animation 1s infinite}@keyframes spinner-animation{0%{opacity:1}to{opacity:0}}.spinner-rect-0{animation-delay:-.9s}.spinner-rect-1{animation-delay:-.8s}.spinner-rect-2{animation-delay:-.7s}.spinner-rect-3{animation-delay:-.6s}.spinner-rect-4{animation-delay:-.5s}.spinner-rect-5{animation-delay:-.4s}.spinner-rect-6{animation-delay:-.3s}.spinner-rect-7{animation-delay:-.2s}.spinner-rect-8{animation-delay:-.1s}.spinner-rect-9{animation-delay:0s}.randomchar{box-shadow:5px 5px 20px #00000040;display:grid;grid-template-columns:repeat(2,50%)}@media(max-width:991.9px){.randomchar{grid-template-columns:1fr}}.randomchar__block{grid-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:180px auto;padding:40px 35px}@media(max-width:576px){.randomchar__block{grid-template-columns:1fr;padding:15px 15px 30px;row-gap:20px}}.randomchar__img{height:180px;object-fit:cover;width:180px}@media(max-width:576px){.randomchar__img{height:220px;width:100%}}.randomchar__info{grid-row-gap:10px;display:grid;grid-template-rows:minmax(29px,auto) 90px 38px;padding-top:3px;row-gap:10px}@media(max-width:576px){.randomchar__info{grid-template-rows:minmax(29px,auto) auto 38px;row-gap:15px}}.randomchar__name{font-size:22px;font-weight:700;line-height:29px;text-transform:uppercase}.randomchar__descr{font-size:14px;line-height:18px}.randomchar__btns a:first-child{margin-right:30px}.randomchar__static{background-color:#232222;padding:40px 35px;position:relative;z-index:0}@media(max-width:576px){.randomchar__static{overflow:hidden;padding:15px 15px 30px}}.randomchar__static button{margin-top:13px}.randomchar__title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.045em;line-height:32px;position:relative;z-index:2}.randomchar__title:nth-child(2){margin-top:33px}.randomchar__decoration{bottom:14px;position:absolute;right:-37px;z-index:-1}.char__content{grid-column-gap:25px;align-items:start;column-gap:25px;display:grid;grid-template-columns:650px 425px;margin-top:50px}@media(max-width:991.9px){.char__content{grid-template-columns:1fr;margin-bottom:20px;row-gap:40px}}.char__grid{grid-column-gap:25px;grid-row-gap:30px;column-gap:25px;display:grid;grid-template-columns:repeat(3,200px);row-gap:30px}@media(max-width:991.9px){.char__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.char__grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.char__grid{grid-template-columns:1fr}}.char__item{background-color:#232222;box-shadow:5px 5px 10px #00000040;cursor:pointer;height:318px;padding:15px;transition:transform .3s;width:200px}@media(max-width:991.9px){.char__item{height:300px;width:100%}}.char__item img{height:200px;object-fit:cover;transform:translate(-15px,-15px);width:200px}@media(max-width:991.9px){.char__item img{width:calc(100% + 30px)}}.char__item_selected{box-shadow:0 5px 20px #9f0013;transform:translateY(-6px)}.char__name{color:#fff;font-size:22px;font-weight:700;line-height:29px;text-transform:uppercase}.skeleton__header{grid-column-gap:10px;align-items:center;column-gap:10px;display:grid;grid-template-columns:40px auto}.skeleton__circle{background-color:#c4c4c4;border-radius:100%;height:40px;width:40px}.skeleton__mini{height:16px}.skeleton__block,.skeleton__mini{background-color:#c4c4c4;width:100%}.skeleton__block{height:35px;margin-top:15px}.char__info{background-color:#fff;box-shadow:0 0 20px #00000040;padding:25px;position:relative;z-index:5}@media(max-width:576px){.char__info{padding:20px 15px 30px}}.char__info-name{font-size:22px;font-weight:700;line-height:29px;text-transform:uppercase}.char__info .skeleton{margin-top:30px}.char__info .button__main{display:block;margin:15px auto 0}.char__basics{grid-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:150px auto}@media(max-width:576px){.char__basics{grid-template-columns:1fr;row-gap:15px}}.char__basics img{height:150px;object-fit:cover;width:150px}@media(max-width:576px){.char__basics img{height:220px;width:100%}}.char__btns{margin-top:35px}.char__btns a:nth-child(2){margin-top:10px}.char__descr{font-size:14px;line-height:18px;margin-top:15px}.char__comics{font-size:18px;font-weight:700;line-height:24px;margin-top:10px}.char__comics-list{margin-top:10px;position:relative}.char__comics-item{box-shadow:0 4px 4px #00000040;line-height:25px;margin-top:10px;padding:0 10px;width:100%}.char__select{font-size:18px;font-weight:700;line-height:24px;text-align:center}.button{background-color:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;min-width:101px;text-align:center;text-transform:uppercase;transition:transform .3s}.button__long{display:block;margin:45px auto 0;width:170px}.button .inner{background-color:#9f0013;line-height:18px;padding:0 18px;position:relative;transition:none}.button .inner:before{left:0;top:-10px}.button .inner:after,.button .inner:before{border-color:#9f0013 #0000;border-style:solid;border-width:0 0 10px 10px;content:"";display:block;position:absolute;transition:none}.button .inner:after{bottom:-10px;right:0;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 #0000;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{transform:translateY(-5px)}.button:disabled{filter:grayscale(.5);pointer-events:none}@font-face{font-family:Trebuchet MS;font-style:normal;font-weight:400;src:url(/marvel/static/media/trebuc.aff341baa51413e48b66.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,sans-serif;min-height:100vh;min-width:320px;overflow-x:hidden;position:relative;scroll-behavior:smooth;text-rendering:optimizeSpeed}li,ul{list-style-type:none;padding:0}h1,h2,h3,h4,h5,h6,li,ul{margin:0}a{display:inline-block}a,a:hover{color:inherit;text-decoration:none}p{margin:0;padding:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app{margin:0 auto;max-width:1380px;padding:40px 20px;position:relative;width:100%}.app .bg-decoration{bottom:-70px;position:absolute;right:-174px;z-index:-1}@media(max-width:991.9px){.app .bg-decoration{bottom:0;left:0;object-fit:contain;position:relative;right:0;width:100%}}main{margin-top:50px;position:relative}@media(max-width:576px){main{margin-top:40px}}.pulse{animation:pulse 1.5s ease-in-out .5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}
/*# sourceMappingURL=main.f55cb6b6.css.map*/