.skeleton__header{grid-column-gap:10px;align-items:center;-webkit-column-gap:10px;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}.randomchar{box-shadow:5px 5px 20px rgba(0,0,0,.25);display:grid;grid-template-columns:repeat(2,50%)}.randomchar__block{grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:180px auto;padding:40px 35px}.randomchar__img{height:180px;object-fit:cover;width:180px}.randomchar__img.contain{height:180px;object-fit:contain;width:180px}.randomchar__info{grid-row-gap:10px;display:grid;grid-template-rows:minmax(29px,auto) 90px 38px;padding-top:3px;row-gap:10px}.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}.randomchar__static button{margin-top:13px}.randomchar__title{color:#fff;font-size:24px;font-weight:700;line-height:32px}.randomchar__title:nth-child(2){margin-top:33px}.randomchar__decoration{bottom:14px;position:absolute;right:-37px}.my-node,.my-node-enter{opacity:0}.my-node-enter-active{opacity:1;transition:opacity .5s}.my-node-exit{opacity:1}.my-node-exit-active{opacity:0;transition:opacity .5s}.char__content{align-items:start;grid-template-columns:650px 425px;margin-top:50px}.char__content,.char__grid{grid-column-gap:25px;-webkit-column-gap:25px;column-gap:25px;display:grid}.char__grid{grid-row-gap:30px;grid-template-columns:repeat(3,200px);row-gap:30px}.char__item{background-color:#232222;border-radius:20px;box-shadow:5px 5px 10px rgba(0,0,0,.25);cursor:pointer;height:318px;padding:15px;transition:transform .3s;width:200px}.char__item img{border-radius:10px;height:200px;object-fit:cover;-webkit-transform:translate(-15px,-15px);transform:translate(-15px,-15px);width:200px}.char__item_selected{box-shadow:0 5px 20px #9f0013;-webkit-transform:translateY(-8px);transform:translateY(-8px)}.char__item-enter{opacity:0;-webkit-transform:scale(.2) rotate(30deg);transform:scale(.2) rotate(30deg)}.char__item-enter-active{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);transition:all .5s ease-in}.char__item-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.char__item-exit-active{opacity:0;-webkit-transform:scale(.2);transform:scale(.2);transition:all .5s ease-in}.char__item:hover{-webkit-transform:scale(.96);transform:scale(.96)}.char__name{color:#fff;font-size:21px;font-weight:700;line-height:29px;text-transform:uppercase}.char__info{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.25);max-height:620px;overflow-y:auto;padding:25px;position:-webkit-sticky;position:sticky;top:10px;z-index:5}.char__info-name{font-size:22px;font-weight:700;line-height:29px;text-transform:uppercase}.char__info .skeleton{margin-top:30px}.char__basics{grid-column-gap:25px;align-items:center;-webkit-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:150px auto}.char__basics img{height:150px;object-fit:cover;width:150px}.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 rgba(0,0,0,.25);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}.char__search{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.25);padding:25px;position:relative;top:10px}.char__search-form{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.char__search-label{font-size:23px;font-weight:700;margin-right:60px;text-transform:uppercase}.char__search-input{height:38px;margin-right:40px}.char__search-error,.char__search-input{font-size:20px;text-align:center;width:250px}.char__search-error{border-bottom:1px solid #9f0013;color:#9f0013;margin:20px auto 0;padding:5px}.char__search-success{align-items:center;display:flex;justify-content:center;margin:25px 25px 0 0}.char__search-visit{font-size:20px;margin-right:20px}
/*# sourceMappingURL=586.7b885a5a.chunk.css.map*/