/* Мини-профиль с информацией */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal {
  visibility: hidden;
  top: 100px; 
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 101;
  background: url(https://forumstatic.ru/files/001c/09/2b/90910.png) no-repeat left center #ddd;
  border: 1px solid #b7b7b7;
  width: 860px;
  height: 322px;
  box-sizing: border-box;
}

.reveal-modal::before {
  content: "";
  background: url(https://forumstatic.ru/files/001c/09/2b/47200.png) no-repeat left center;
  position: absolute;
  display: block;
  width: 424px;
  height: 385px;
  left: -45px;
  top: -20px;
  pointer-events: none;
}
	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
}

.charinner {
    position: relative;
    display: flex;
    width: 100%;
    height: 320px;
}

.charinner * {
  scrollbar-width: thin;
  scrollbar-color: #B9B9B9 #fff;
}

.ch_heroes {
  padding: 40px 10px 20px;
  width: 304px;
  height: 320px;
  box-sizing: border-box;
}

.ch_heroes .ch_title {
  position: absolute;
  top: -16px;
  left: 0;
}

.heroes_inner {
  width: 284px;
  height: 260px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}

.hero_item {
  border-radius: 5px;
  width: 266px;
  height: 75px;
  background: #D9D9D9;
  flex-shrink: 0;
  display: flex;
  gap: 10px;
  box-sizing: border-box;
  padding: 10px;
  align-items: flex-start;
  justify-content: flex-start;
}

.hero_item img {
  width: 40px;
  border-radius: 50%;
  height: 40px;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
}

.hero_text {
  max-height: 55px;
  overflow: auto;
}

.hero_text h4:before {
  content: "///";
  margin-right: 5px;
  font-weight: normal;
}

.hero_text h4 {
  margin-bottom: 8px;
  font-family: "Cinzel", sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 13px;
  line-height: 86%;
  color: #000;
}

.hero_text h4 sup {
  font-style: normal;
}

.hero_text p {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 8px;
  line-height: 120%;
  text-transform: lowercase;
  color: #666;
}

.ch_center {
  margin-left: 20px;
  width: 233px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ch_tickets {
  position: relative;
  padding-top: 34px;
}

.ch_tickets .ch_title {
  position: absolute;
  top: -16px;
}

.tickets_inner {
  padding: 10px 10px 10px 50px;
  background: url(https://forumstatic.ru/files/001c/09/2b/24406.png) no-repeat left 10px top #D9D9D9;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  width: 100%;
  height: 34px;
  box-sizing: border-box;
  font-family: "Cinzel", sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 13px;
  line-height: 86%;
  color: #000;
}

.ch_rec {
  position: relative;
  padding: 15px 10px;
   border: 1px solid #b7b7b7;
  background: #D9D9D9;
  border-radius: 5px;
  width: 100%;
  height: 208px;
  box-sizing: border-box;
}

.ch_rec .ch_title {
  position: absolute;
  top: -28px;
}

.rec_inner {
  width: 211px;
  height: 176px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
}

.rec_item {
  border-radius: 5px;
  width: 200px;
  height: 43px;
  background: url(https://forumstatic.ru/files/001c/09/2b/13192.png) no-repeat left center #e2e2e2;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}

.rec_text {
  align-self: center;
}

.rec_item span {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  font-size: 10px;
  line-height: 86%;
  color: #000;
}

.rec_item p {
 font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-size: 8px;
  line-height: 120%;
  text-transform: lowercase;
  color: #666;
}

.ch_right {
  margin-left: 11px;
  padding-bottom: 20px;
  width: 262px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ch_lampas {
  position: relative;
  padding-top: 34px;
}

.ch_lampas .ch_title {
  position: absolute;
  top: -17px;
}

.lampas_inner {
  border: 1px solid #b7b7b7;
  background: #D9D9D9;
  border-radius: 5px;
  width: 262px;
  height: 158px;
  padding: 15px;
  box-sizing: border-box;
}

.lampas_inner div {
  width: 230px;
  height: 126px;
  overflow: auto;
}

.ch_nash {
  position: relative;
  border: 1px solid #b7b7b7;
  background: #D9D9D9;
  border-radius: 5px;
  width: 262px;
  height: 88px;
  padding: 20px 10px 10px;
  box-sizing: border-box;
}

.ch_nash .ch_title {
  position: absolute;
  top: -30px;
}

.nash_inner {
  width: 240px;
  height: 56px;
  overflow: auto;
}