.login,.login__title{position:relative}.login__title{margin-top:100px;z-index:1}.login__wrap{display:grid;grid-template-columns:1fr 637px;grid-gap:109px;align-items:center}.login__bg-text{position:absolute;color:#e1e3ee;opacity:.75;font-weight:900;font-style:italic}.login__bg-text-1{font-size:65px;text-transform:uppercase;width:520px;top:50px;left:-40px;line-height:80px;z-index:0}.login__bg-text-1 span{font-size:115px;display:block}.login__bg-text-2{font-size:25px;width:540px;left:calc(50% - 195px);-webkit-transform:rotate(348deg);transform:rotate(348deg);top:75px}@media (max-width:1200px){.login__wrap{grid-gap:50px}}@media (max-width:992px){.login__wrap{grid-template-columns:424px;justify-content:center}.login__title{margin-bottom:70px}.login__bg-text-2{display:none}}@media (max-width:576px){.login__wrap{grid-template-columns:1fr}.login__bg-text-1{display:none}.login__title .title-v1{font-size:40px}}.profile__title{margin-top:100px;margin-bottom:70px}.profile__wrap{display:grid;grid-template-columns:350px 1fr;grid-template-rows:140px 320px;grid-row-gap:50px;grid-column-gap:25px}.character-info__title{margin-bottom:30px}.character-info__wrap{display:grid;grid-template-columns:repeat(4,1fr);grid-row-gap:60px;background:#fff;padding:50px;border-radius:15px}.character-info__item{display:grid;justify-content:center;grid-row-gap:10px}.character-info__item span{font-weight:600;color:#171717;font-size:18px;text-align:center}.character-info__item span:last-child{font-size:13px;color:#abb1d0;font-weight:400}.characters__title{margin-bottom:25px}.characters__list{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:12px}.char{background:#fff;border-radius:10px;opacity:.65;padding:15px;display:grid;grid-template-columns:50px auto;grid-column-gap:15px;align-items:center}.char.selected{opacity:1}.char__image{border-radius:50%;width:50px;height:50px;background:#f1f3fa center 10px no-repeat/70px}.char__nickname{color:#2e3135;font-weight:600}.character{grid-row:span 2;display:grid;background:#fff;padding:50px 40px;border-radius:15px;grid-template-rows:160px 40px 90px 60px;grid-template-columns:1fr;grid-row-gap:25px}.character__avatar{width:160px;height:160px;border-radius:50%;background:#f4f5fb center 35px no-repeat;justify-self:center;position:relative}.character__avatar-exit{width:50px;height:50px;border:4px solid #eceef4;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;position:absolute;top:0;right:0}.character__avatar-exit svg{width:20px;height:20px;fill:red;margin-left:3px}.character__nickname{color:#2e3135;font-weight:600;font-size:20px;position:relative;text-align:center}.character__nickname:after{content:"";position:absolute;bottom:0;left:calc(50% - 27.5px);width:55px;height:11px;background:url(/img/divider-line.png) 0 0 no-repeat}.character__stat{display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:17px;align-items:center}.character__stat span{font-size:13px;justify-self:end;font-weight:500}.character__stat span:nth-child(odd){color:#abb1d0;justify-self:start}@media (max-width:1200px){.profile__wrap{grid-template-columns:300px 1fr}}@media (max-width:992px){.character-info{grid-column:span 2}.profile__wrap{grid-template-columns:350px 1fr}.characters__list{grid-template-columns:1fr;grid-row-gap:30px}}@media (max-width:768px){.character-info{grid-column:unset}.character-info__wrap{grid-template-columns:repeat(3,1fr)}.profile__wrap{grid-template-columns:1fr;grid-template-rows:repeat(3,-webkit-max-content);grid-template-rows:repeat(3,max-content)}.character__button{max-width:265px;justify-self:center}}@media (max-width:576px){.character-info__wrap{grid-template-columns:1fr;padding:50px 20px}.character-info__item{grid-template-columns:repeat(2,1fr);align-items:center}.character-info__item span{order:1;text-align:left}.character-info__item span:nth-child(odd){order:2;text-align:right;font-size:14px}.character{padding:50px 35px}.profile__title{display:none}.profile__wrap{margin-top:30px}}.logout{text-align:center;padding:100px 0;color:#fff;font-weight:100;font-size:16px}