.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}.randomchar{display:grid;grid-template-columns:repeat(2,50%);box-shadow:5px 5px 20px rgba(0,0,0,.25);align-items:center;margin:0 auto}@media screen and (max-width:1000px){.randomchar{grid-template-columns:repeat(1,100%);max-width:700px;margin:0 auto}}.randomchar__block{padding:40px 35px;height:240px;display:grid;grid-template-columns:180px auto;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}@media screen and (max-width:1200px){.randomchar__block{padding:30px 15px}}@media screen and (max-width:500px){.randomchar__block{height:280px}}.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}@media screen and (max-width:510px){.randomchar__info{grid-template-rows:minmax(29px,auto) auto auto}}.randomchar__name{font-weight:700;font-size:22px;line-height:29px;text-transform:uppercase}.randomchar__descr{font-size:14px;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.randomchar__btns a:first-child{margin-right:25px}@media screen and (max-width:510px){.randomchar__btns a{margin-top:5px}}.randomchar__static{padding:40px 35px;background-color:#232222;position:relative}.randomchar__static button{margin-top:13px}@media screen and (max-width:1200px){.randomchar__static{padding:30px 15px}}.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 screen and (max-width:500px){.randomchar__decoration{width:150px}}.char__content{margin-top:50px;display:grid;grid-template-columns:auto auto;grid-column-gap:25px;-webkit-column-gap:25px;column-gap:25px;align-items:start}@media screen and (max-width:1100px){.char__content{margin-top:20px;grid-template-columns:revert}}@media screen and (max-width:1100px){.char__list{order:2;margin:0 auto}}.char__grid{display:grid;grid-template-columns:repeat(3,200px);grid-column-gap:25px;-webkit-column-gap:25px;column-gap:25px;grid-row-gap:30px;row-gap:30px}@media screen and (max-width:690px){.char__grid{grid-template-columns:repeat(2,200px)}}@media screen and (max-width:465px){.char__grid{grid-template-columns:repeat(1,200px)}}.char__item{width:200px;height:318px;overflow:hidden;background-color:#232222;box-shadow:5px 5px 10px rgba(0,0,0,.25);padding:15px;cursor:pointer;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.char__item img{width:200px;height:200px;object-fit:cover;-webkit-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.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}.char__settings{position:-webkit-sticky;position:sticky;top:25px}@media screen and (max-width:1100px){.char__settings{position:relative;top:0;margin:0 auto 25px;max-width:500px}}@media screen and (max-width:440px){.char__settings{max-width:337px}}.char__info{padding:25px;box-shadow:0 0 20px rgba(0,0,0,.25);z-index:5;background-color:#fff}.char__info .skeleton{margin-top:30px}.char__info-name{font-weight:700;font-size:22px;line-height:29px;text-transform:uppercase}.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}.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;text-align:center}.char__select{font-weight:700;font-size:18px;line-height:24px;text-align:center}.char__animate-enter{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}.char__animate-enter-active{transition:all .8s}.char__animate-enter-active,.char__animate-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.char__animate-exit-active{opacity:0;-webkit-transform:scale(.8);transform:scale(.8);transition:all .2s}.char__search-form{padding:25px;margin-top:30px;box-shadow:0 0 20px rgba(0,0,0,.25);position:relative;z-index:5;background-color:#fff}.char__search-label{display:block;font-weight:700;font-size:18px;line-height:24px;color:#000}.char__search-wrapper{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.char__search-wrapper input{padding:0 10px;width:250px;height:38px;border:none;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);font-size:14px}.char__search-error{margin-top:25px;font-weight:700;font-size:18px;line-height:24px;color:#9f0013}.char__search-critical-error{margin-top:25px}.char__search-success{font-weight:700;font-size:18px;line-height:24px;color:#03710e}
/*# sourceMappingURL=5.996d48ea.chunk.css.map */