@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap);.app__header{display:flex;justify-content:space-between}.app__title{font-size:28px;font-weight:700;line-height:37px}.app__title span{color:#9f0013}.app__menu ul{display:flex;font-size:24px;font-weight:700;justify-content:space-between;line-height:32px}.app__menu ul li{margin:0 8px}.app__menu ul li a:hover{color:#9f0013}.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}.char__select{font-size:18px;font-weight:700;line-height:24px;text-align:center}.char__sidebar{grid-row-gap:30px;display:grid;grid-template-rows:auto minmax(127px,auto);position:-webkit-sticky;position:sticky;row-gap:30px;top:0}.char__info{background-color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,.25);padding:25px;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;-webkit-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:150px auto}.char__basics img{height:150px;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__content{align-items:start;display:grid;grid-template-columns:650px 425px;justify-content:space-between;margin-top:50px}.char__grid{grid-column-gap:25px;grid-row-gap:30px;-webkit-column-gap:25px;column-gap:25px;display:grid;grid-template-columns:repeat(3,200px);row-gap:30px}.char__item{background-color:#232222;box-shadow:5px 5px 10px rgba(0,0,0,.25);cursor:pointer;height:318px;padding:15px;transition:transform .3s;width:200px}.char__item img{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{-webkit-transform:translateX(-500px) rotate(90deg);transform:translateX(-500px) rotate(90deg)}.char__item-enter-active{-webkit-transform:translateX(0) rotate(180deg);transform:translateX(0) rotate(180deg);transition:all .5s}.char__item-enter-done{-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg);transition:all .5s}.char__name{color:#fff;font-size:22px;font-weight:700;line-height:29px;text-transform:uppercase}.randomchar{align-items:center;box-shadow:5px 5px 20px rgba(0,0,0,.25);display:grid;grid-template-columns:repeat(2,50%)}.randomchar__block{grid-column-gap:35px;-webkit-column-gap:35px;column-gap:35px;display:grid;grid-template-columns:180px auto;padding:40px 35px}.randomchar__img{height:180px;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;height:100%;padding:40px 35px;position:relative}.randomchar__static button{margin-top:13px}.randomchar__title{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.045em;line-height:32px}.randomchar__title:nth-child(2){margin-top:33px}.randomchar__decoration{bottom:14px;position:absolute;right:-37px}.char__search-form{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.25);margin-top:30px;padding:25px;position:relative;z-index:5}.char__search-label{color:#000;display:block;font-size:18px;font-weight:700;line-height:24px}.char__search-wrapper{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.char__search-wrapper input{background:#fff;border:none;box-shadow:0 4px 4px rgba(0,0,0,.25);font-size:14px;height:38px;padding:0 10px;width:250px}.char__search-error{color:#9f0013;font-size:18px;font-weight:700;line-height:24px;margin-top:25px}.char__search-critical-error{margin-top:25px}.char__search-success{color:#03710e;font-size:18px;font-weight:700;line-height:24px}.char__search-success span{color:#5c5c5c}.app__baner{background-color:#232222;display:grid;grid-template-columns:152px auto 133px;height:100px;padding:0 25px 0 45px;width:100%}.app__baner-text{color:#fff;font-size:24px;font-weight:700;line-height:32px;padding-left:83px;padding-top:18px}.comics__list{margin-top:50px}.comics__grid{grid-column-gap:10px;grid-row-gap:55px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,225px);justify-content:space-between;row-gap:55px}.comics__item{cursor:pointer;height:415px;transition:transform .3s;width:225px}.comics__item img{height:345px;width:225px}.comics__item:hover{box-shadow:0 5px 20px #9f0013;-webkit-transform:translateY(-8px);transform:translateY(-8px)}.comics__item-enter{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}.comics__item-enter-active{transition:all .5s ease-in}.comics__item-enter-active,.comics__item-enter-done{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.comics__item-exit{opacity:1}.comics__item-exit-active{opacity:0;-webkit-transform:scale(.2);transform:scale(.2);transition:all .5s ease-in}.comics__item-exit-done{opacity:0}.comics__name{color:#232222;margin-top:10px;padding-right:10px;text-transform:uppercase}.comics__name,.comics__price{font-size:14px;font-weight:700;line-height:16px}.comics__price{color:rgba(0,0,0,.6);margin-top:5px}.single-comic{grid-column-gap:50px;align-items:start;-webkit-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:293px auto auto;margin-top:50px}.single-comic__img{height:450px;object-fit:cover;width:293px}.single-comic__name{font-size:22px;font-weight:700;line-height:29px}.single-comic__descr{font-size:18px;line-height:24px;margin-top:25px}.single-comic__price{color:#9f0013;font-size:24px;font-weight:700;line-height:32px;margin-top:25px}.single-comic__back{font-size:18px;font-weight:700;justify-self:end;line-height:24px;margin-bottom:20px}.single-comic__back:hover{color:#9f0013}.single-char{grid-column-gap:50px;align-items:start;-webkit-column-gap:50px;column-gap:50px;display:grid;grid-template-columns:293px auto auto;margin-top:50px}.single-char__img{height:293px;object-fit:cover;width:293px}.single-char__name{font-size:22px;font-weight:700;line-height:29px}.single-char__descr{font-size:18px;line-height:24px;margin-top:25px}.single-char__back{font-size:18px;font-weight:700;justify-self:end;line-height:24px;margin-bottom:20px}.single-char__back:hover{color:#9f0013}.button{background-color:transparent;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 transparent;border-style:solid;border-width:0 0 10px 10px;content:"";display:block;position:absolute;transition:none}.button .inner:after{bottom:-10px;right:0;-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)}@media(max-width:1200px){.randomchar__block{-webkit-column-gap:20px;column-gap:20px;padding:40px 20px}.randomchar__btns a:first-child{margin-right:15px}.randomchar__title{font-size:22px;line-height:30px}.randomchar .button{min-width:90px}.char__content{-webkit-column-gap:50px;column-gap:50px;grid-template-columns:auto 425px;justify-content:center}.char__grid{grid-template-columns:repeat(2,200px)}}@media(max-width:992px){.randomchar{grid-template-columns:unset;grid-template-rows:repeat(2,minmax(260px,auto))}.randomchar__block{-webkit-column-gap:35px;column-gap:35px;padding:40px 35px}.randomchar__btns a:first-child{margin-right:30px}.randomchar__title{font-size:24px;line-height:32px}.randomchar .button{min-width:101px}.char__grid{grid-template-columns:repeat(1,200px)}.char__btns a:first-child{margin-right:30px}}@media(max-width:768px){.app .bg-decoration{display:none}.app__baner-text{font-size:20px;line-height:24px;padding-left:30px}.char__content{grid-template:auto auto/100%;justify-content:center;row-gap:20px}.char__content div:first-child{order:2}.char__grid{grid-template-columns:repeat(2,200px);justify-content:center}.char__sidebar{position:unset;top:unset}.single-comic{-webkit-column-gap:20px;column-gap:20px;grid-template-columns:unset;grid-template:auto auto/293px auto;row-gap:40px}.single-comic__back{justify-self:start}.single-char{-webkit-column-gap:25px;column-gap:25px;grid-template-columns:293px auto 70px}.single-char__back{font-size:14px}.randomchar__decoration{right:-27px}}@media(max-width:576px){.app__header{flex-direction:column}.app__title{margin-bottom:15px}.app__baner{grid-template-columns:unset;grid-template-rows:repeat(2,100px) 60px;height:unset;justify-items:center;padding:0 20px;row-gap:20px}.app__baner-text{font-size:23px;line-height:25px;order:3;padding-left:0;padding-top:0}.randomchar__block{grid-template-columns:unset;grid-template-rows:repeat(2,auto);padding:40px 25px}.randomchar__title{font-size:22px;line-height:30px}.randomchar__decoration{display:none}.char__grid{grid-template-columns:repeat(1,200px)}.char__basics{grid-template:auto auto/auto}.char__search-form{margin-top:15px;padding:18px}.char__search-wrapper{display:inline-block}.char__search-wrapper input{margin-bottom:10px}.single-comic{grid-template:unset;grid-template-rows:450px auto auto;row-gap:30px}.single-comic__name{font-size:20px;line-height:22px}.single-comic__back,.single-comic__descr{font-size:16px;line-height:18px}.single-comic__price{font-size:18px;line-height:20px}.single-comic__img{height:430px;width:270px}.single-char{display:block}.single-char__back{font-size:18px;margin-top:15px}.single-char__img{width:270px}}*{box-sizing:border-box;font-family:Roboto Condensed,san-serif}*,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{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;padding:50px 0;position:relative;width:90%}.app .bg-decoration{bottom:-70px;position:absolute;right:-45px;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:992px){.app .bg-decoration{right:0}}@media(max-width:576px){.app{padding:25px 0}}
/*# sourceMappingURL=main.da979bdc.css.map*/