/* личная страница */
.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;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px)
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -280px;
width: 615px;
position: absolute;
z-index: 101;
}

.reveal-modal.xlarge     {
width: 615px;
background: #181818 url(https://forumstatic.ru/files/001c/44/5e/70067.png) no-repeat top;
border-radius: 10px;
padding: 47px 34px 32px;
box-sizing: border-box;
color: var(--beg100);
font: 400 9px/130% var(--font);
}

.reveal-modal .close-reveal-modal {
font-size: 15px;
position: absolute;
top: 10px;
right: 10px;
color: var(--beg100) !important;
font-weight: bold;
cursor: pointer;
        text-decoration: none;
background: var(--dark600);
width: 20px;
height: 20px;
display: flex !important;
align-items: center;
justify-content: center;
border-radius: 100%;
}

.personal_page-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
}

.personal_page-header-wrapper {
height: 198px;
display: flex;
gap: 10px;
justify-content: flex-end;
align-items: flex-start;
position: relative;
}

.personal_page-ava {
border-radius: 100%;
filter: grayscale(100%);
width: 75px;
height: 75px;
object-fit: cover;
}

.personal_page-item.p_page-header {
position: absolute;
background: red;
width: 100%;
box-sizing: border-box;
top: 90px;
}

.personal_page-item {
display: flex;
gap: 10px;
align-items: flex-start;
}

.p_page-person-info {
display: flex;
flex-direction: column;
gap: 1px;
width: 195px;
}

.p_page-name {
text-transform: uppercase;
font-weight: 700;
}

.p_page-desc {
font-size: 8px;
margin-bottom: 8px;
max-height: 20px;
overflow-y: auto;
padding-right: 10px;
}

.p_page-adress {
position: relative;
font-size: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 22px
}

.p_page-adress:before {
content: "";
background: url(https://forumstatic.ru/files/001c/44/5e/74171.svg);
width: 12px;
height: 12px;
display: block;
position: absolute;
left: 0;
}

.p_page-adress.page-workplace {
position: relative;
font-size: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 22px;
margin: 5px 0;
}

.p_page-adress.page-workplace:before {
content: "";
background: var(--accent);
display: block;
position: absolute;
left: 0;
    mask: url(https://forumstatic.ru/files/001c/44/9e/41569.svg) no-repeat center left;
-webkit-mask: url(https://forumstatic.ru/files/001c/44/9e/41569.svg) no-repeat center left;
width: 12px;
height: 12px;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}

.p_page-ability {
padding: 0 !important;
display: flex;
gap: 8px;
flex: 1;
}

.p_page-ability li {
background: #373737;
border-radius: 5px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 7px;
box-sizing: border-box;
flex: 1;
font-size: 13px;
gap: 5px
}

.p_page-ability span {
font-size: 8px;
}

.p_page-board {
display: flex;
gap: 14px;
margin-top: 20px;
flex-wrap: wrap
}

.board-wrap {
background: #373737;
border-radius: 10px;
position: relative;
padding: 19px 16px 16px;
flex: 1;
height: 151px;
}

.board-title {
background: #373737;
border-radius: 10px;
height: 21px;
position: absolute;
top: -11px;
font-weight: 700;
text-transform: uppercase;
padding: 5px 16px;
box-sizing: border-box;
display: flex;
align-items: center;
left: 50%;
transform: translateX(-50%)
}

.board-items {
display: flex;
flex-direction: column;
gap: 7px;
height: 100%;
overflow-y: auto;
padding-right: 5px;
align-items: flex-start;
}

.board-coupons {
margin-top: 10px;
height: 84px;
width: 100%;
box-sizing: border-box;
}

.board-coupons .board-items {
flex-direction: row;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
gap: 15px;
}

.board-coupons .board-items li {
background: #181818;
border-radius: 4px;
padding: 4px;
}

.board-coupons .board-items img {
width: 30px;
height: 30px;
}