.l-wrapper__content>.b-wrapper-404.g-sides-gaps[data-v-4ddce44c],.m-black-body .b-wrapper-404[data-v-4ddce44c] {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

.m-black-body .b-404[data-v-4ddce44c] {
    color: #fefefe
}

.b-404__title[data-v-4ddce44c] {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 0
}

.b-404__subtitle[data-v-4ddce44c] {
    margin-bottom: 30px;
    font-size: 18px
}

.b-404__description[data-v-4ddce44c] {
    color: #8a96a3
}

.b-story-item[data-v-735be497] {
    border-radius: 6px;
    width: 128px;
    height: 128px;
    flex: 0 0 128px;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.notification-story-wrapper .b-story-item[data-v-735be497] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px
}

.b-story-item[data-v-735be497]:after {
    content: "";
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid rgba(138,150,163,.25);
    position: absolute;
    z-index: 1;
    border-radius: inherit
}

.b-story-item.m-create[data-v-735be497] {
    transition: color .1s
}

.b-story-item.m-create[data-v-735be497]:hover {
    color: #0091ea
}

.b-story-item.m-story-archive[data-v-735be497] {
    opacity: .5;
    background-color: transparent
}

.b-story-item.m-viewed[data-v-735be497] {
    opacity: .5;
    background-color: #000
}

.b-story-item.m-viewed:hover .b-story-item__icon[data-v-735be497] {
    border-color: #fefefe
}

.b-story-item.m-blur-story-item .img-responsive[data-v-735be497] {
    filter: blur(15px)
}

.b-story-item.m-story-item-own:hover .b-story-item__icon[data-v-735be497] {
    background-color: hsla(0,0%,100%,.12)
}

.b-story-item.m-scheduled-story[data-v-735be497] {
    color: #fefefe
}

.b-story-item.m-scheduled-story .img-responsive[data-v-735be497] {
    opacity: .5
}

.b-story-item.m-gradient-overlay[data-v-735be497] {
    color: #fefefe
}

.b-story-item__inside[data-v-735be497] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 11px 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: inherit;
    height: 100%
}

.m-gradient-overlay .b-story-item__inside[data-v-735be497]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    background: linear-gradient(0deg,#000,transparent);
    opacity: .4;
    transition: opacity .1s;
    outline: none
}

.m-gradient-overlay:hover .b-story-item__inside[data-v-735be497]:after {
    opacity: .33
}

.m-gradient-backward .b-story-item__inside[data-v-735be497]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(0deg,transparent,#000);
    opacity: .25;
    z-index: 2
}

.m-paid-stream .b-story-item__inside[data-v-735be497]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #00aff0;
    transform-origin: left top;
    transition: opacity .1s;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    z-index: 1
}

.m-paid-stream.m-unlock-stream .b-story-item__inside[data-v-735be497]:before {
    opacity: 1
}

.b-story-item__icon[data-v-735be497] {
    width: 36px;
    height: 36px;
    border-radius: 1000px;
    color: #fefefe;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    transition: border-color .1s,background-color .1s;
    z-index: 2;
    position: absolute;
    left: 14px;
    top: 14px;
    box-sizing: content-box
}

.b-story-item__icon.m-avatar[data-v-735be497] {
    border: none;
    overflow: visible;
    border-radius: 0
}

.b-story-item__icon.m-avatar .g-avatar[data-v-735be497]:nth-child(2) {
    margin-top: -100%;
    margin-left: 40px
}

.m-paid-stream .b-story-item__icon.m-avatar .g-avatar[data-v-735be497] {
    transition: transform .1s
}

.m-unlock-stream .b-story-item__icon.m-avatar .g-avatar[data-v-735be497] {
    transform: translateX(calc(-100% - 20px))
}

.m-gradient-overlay .b-story-item__icon[data-v-735be497]:not(.m-avatar) {
    border-color: hsla(0,0%,100%,.5)
}

.m-gradient-overlay .b-story-item__icon[data-v-735be497]:not(.m-avatar):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-color: #000;
    z-index: -1
}

.m-gradient-overlay:not(.m-story-item-own):hover .b-story-item__icon[data-v-735be497]:not(.m-avatar) {
    border-color: #fefefe
}

.m-create[data-v-735be497] .b-story-item__icon {
    border-color: rgba(138,150,163,.08);
    color: #00aff0;
    transition: border-color .1s
}

.m-create[data-v-735be497]:hover .b-story-item__icon {
    border-color: transparent;
    background-color: rgba(0,145,234,.06)
}

.b-story-item__text[data-v-735be497] {
    position: relative;
    z-index: 2;
    font-size: 14px;
    line-height: 20px;
    order: 1;
    font-weight: 500
}

.m-create:not(.m-gradient-overlay):not(:hover) .b-story-item__text[data-v-735be497] {
    color: var(--text-color)
}

.m-gradient-overlay .b-story-item__text[data-v-735be497] {
    color: inherit
}

.m-paid-stream .b-story-item__text[data-v-735be497] {
    transition: transform .1s
}

.m-unlock-stream .b-story-item__text[data-v-735be497] {
    transform: translateY(calc(100% + 16px))
}

.b-story-item__loader[data-v-735be497] {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    border-radius: 1000px;
    padding: 6px;
    overflow: hidden;
    background-color: hsla(0,0%,100%,.7)
}

.b-story-item__loader .b-posts_preloader[data-v-735be497] {
    width: 24px;
    height: 24px
}

.b-story-item__loader .g-icon[data-v-735be497] {
    color: #242529
}

.b-story-item__link[data-v-735be497] {
    color: #fefefe;
    display: block
}

@media (min-width: 768px) {
    .b-story-item__link[data-v-735be497]:hover {
        color:#fefefe
    }
}

.b-story-item__time-scheduled[data-v-735be497] {
    z-index: 2
}

.b-story-item__time-scheduled .g-icon[data-v-735be497] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    margin-right: 7px
}

.b-story-item__text-near-avatar[data-v-735be497] {
    position: absolute;
    left: 60px;
    top: 19px;
    right: 5px;
    z-index: 2
}

.b-story-item__text-near-avatar[data-v-735be497] .datetime span {
    display: block
}

.b-story-item__text-near-avatar[data-v-735be497] .datetime span:last-child {
    text-transform: uppercase
}

.b-story-item__cost[data-v-735be497] {
    z-index: 2
}

.m-unlock-stream .b-story-item__cost[data-v-735be497] {
    display: none
}

.b-story-item__price[data-v-735be497] {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s;
    z-index: 2;
    font-size: 20px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.m-unlock-stream .b-story-item__price[data-v-735be497] {
    opacity: 1;
    pointer-events: auto
}

.b-story-item .b-purchase__list[data-v-735be497] {
    z-index: 1;
    flex-grow: 0
}

.b-story-item[data-v-735be497] img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -o-object-position: center;
    object-position: center;
    z-index: 0
}

.b-qrcode[data-v-d64b5200] {
    margin: 0 auto 21px;
    width: 246px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    min-height: 246px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.b-qrcode[data-v-d64b5200]:after {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    bottom: 0;
    width: inherit;
    content: "";
    border: 1px solid rgba(138,150,163,.25);
    border-radius: inherit
}

.b-qrcode img[data-v-d64b5200] {
    width: inherit;
    height: auto;
    display: block;
    margin: 0 auto
}

.modal-body .b-qrcode[data-v-d64b5200] {
    margin-top: 30px;
    margin-bottom: 10px
}

.m-last-posts__preloader[data-v-2955c0cf] {
    padding: calc(12.5% - 8.5px) 0
}

.l-footer[data-v-6a4bed29] {
    color: #8a96a3;
    border-top: 1px solid rgba(138,150,163,.25);
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 13px;
    position: relative;
    margin-top: 16px
}

.l-footer nav[data-v-6a4bed29] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 5px
}

.l-footer__menu__item[data-v-6a4bed29] {
    color: inherit;
    margin: 4px 16px
}

.l-footer__menu__item[data-v-6a4bed29]:hover {
    color: #0091ea
}

.m-items-with-divider .l-footer__menu__item[data-v-6a4bed29]:not(.m-new-row):not(:last-child) {
    position: relative
}

.m-items-with-divider .l-footer__menu__item[data-v-6a4bed29]:not(.m-new-row):not(:last-child):after {
    content: "\2022";
    position: absolute;
    right: -17px;
    top: 0;
    bottom: 0;
    font-size: 11px;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    pointer-events: none;
    color: #8a96a3
}

.b-user-name__btn-edit[data-v-71658677] {
    margin: 0 0 0 6px
}

.m-mb-17[data-v-51e5bdf3] {
    margin-bottom: 17px
}

.b-profile__header[data-v-a0ed03ee] {
    height: 180px;
    position: relative
}

.b-profile__header.m-modal-size[data-v-a0ed03ee] {
    height: 90px
}

.b-profile__header.m-modal-size.m-shadow-bottom[data-v-a0ed03ee]:before {
    transform: rotate(180deg);
    height: inherit;
    opacity: .3
}

.b-profile__header.m-rounded-top-corners[data-v-a0ed03ee] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.b-profile__header.m-rounded-top-corners .b-profile__header__cover-img[data-v-a0ed03ee] {
    border-radius: inherit
}

.b-profile__header.m-shadow-top[data-v-a0ed03ee]:after {
    content: "";
    background: linear-gradient(#000,rgba(138,150,163,0));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 144px;
    pointer-events: none;
    opacity: .4
}

.b-profile__header.m-overlay-layer[data-v-a0ed03ee]:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .12;
    pointer-events: none;
    content: ""
}

.b-profile__header.m-shadow-bottom[data-v-a0ed03ee]:before {
    content: "";
    background: linear-gradient(rgba(138,150,163,0),#000);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    pointer-events: none;
    opacity: .25;
    z-index: 1
}

.l-profile-page .b-profile__header[data-v-a0ed03ee]+.b-profile__header__user {
    margin-top: -32px;
    padding-top: 48px
}

.b-profile__header__cover[data-v-a0ed03ee] {
    position: relative;
    padding-top: 8px;
    height: 100%;
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.24) 23%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.06) 56%,rgba(0,0,0,.05) 63%,rgba(0,0,0,.06) 70%,rgba(0,0,0,.12) 84%,rgba(0,0,0,.24))
}

.b-profile__header__cover-img[data-v-a0ed03ee] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.l-profile-container.m-parent-sticky-header[data-v-b6ef4d46] {
    position: relative;
    z-index: 0
}

.b-profile__content.m-over-gap[data-v-b6ef4d46] {
    margin-top: 23px
}

.b-user-info[data-v-b6ef4d46] {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 19px
}

.b-user-info.m-mb-sm[data-v-b6ef4d46] {
    margin-bottom: 12px
}

.b-user-info__text[data-v-b6ef4d46]>p {
    display: inline
}

.b-user-info__text[data-v-b6ef4d46] a {
    display: inline-block
}

.b-user-info__detail[data-v-b6ef4d46] {
    color: #8a96a3;
    margin-top: 3px;
    margin-bottom: 4px;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    line-height: 20px
}

.g-truncated-text.m-collapsed .b-user-info__detail[data-v-b6ef4d46],.g-truncated-text.m-collapsed .b-user-info__text[data-v-b6ef4d46] {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
    -webkit-hyphens: initial;
    hyphens: manual
}

.b-user-info__detail .g-icon[data-v-b6ef4d46],.b-user-info__text .g-icon[data-v-b6ef4d46] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    top: 1px;
    left: 0;
    position: absolute
}

.b-user-info__detail a[data-v-b6ef4d46],.b-user-info__text a[data-v-b6ef4d46] {
    color: #8a96a3
}

.b-user-info__detail a[data-v-b6ef4d46]:hover,.b-user-info__text a[data-v-b6ef4d46]:hover {
    text-decoration: underline;
    color: #0091ea
}

.b-profile-section-btns[data-v-b6ef4d46] {
    position: relative
}

.b-profile-section-btns.m-over-separator[data-v-b6ef4d46] {
    border-top: 1px solid rgba(138,150,163,.25);
    padding-top: 8px
}

.b-profile-section-btns.m-over-separator[data-v-b6ef4d46]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 8px;
    background-color: var(--marked-color)
}

.l-profile-upcoming-streams-page[data-v-b6ef4d46] {
    height: 60px;
    border-bottom: 1px solid rgba(138,150,163,.25)
}

.b-profile__names[data-v-b6ef4d46] {
    margin-top: 14px
}

.b-group-profile-btns[data-v-b6ef4d46] {
    max-width: calc(100% - 114px)
}

.b-fraud-user[data-v-1b8256b3] {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 16px 0;
    border-top: 1px solid rgba(138,150,163,.25);
    margin: 3px 0 0
}

@media (min-width: 768px) {
    .b-fraud-user[data-v-1b8256b3] {
        margin-left:16px;
        margin-right: 16px;
        padding: 16px 0 0
    }
}

.b-fraud-user p[data-v-1b8256b3] {
    margin: 0 0 8px
}

.b-fraud-user .g-danger-text[data-v-1b8256b3] {
    color: #ff6060
}

.b-fraud-user h4.g-section-title[data-v-1b8256b3] {
    color: inherit;
    padding: 0 0 11px
}

.b-fraud-user h5.g-section-title[data-v-1b8256b3] {
    font-size: 14px;
    padding: 10px 0 7px
}

.b-fraud-user .b-table[data-v-1b8256b3] {
    margin: 17px 0 0;
    font-size: 14px;
    border-radius: 6px 6px 0 0
}

.b-fraud-user .b-table thead th[data-v-1b8256b3] {
    font-size: inherit;
    padding-top: 13px;
    color: #8a96a3
}

.b-fraud-user .b-table td[data-v-1b8256b3],.b-fraud-user .b-table th[data-v-1b8256b3] {
    padding-left: 16px
}

.b-fraud-user .b-table td[data-v-1b8256b3]:first-child,.b-fraud-user .b-table th[data-v-1b8256b3]:first-child {
    width: 80px
}

.b-fraud-user .b-table td[data-v-1b8256b3]:last-child,.b-fraud-user .b-table th[data-v-1b8256b3]:last-child {
    text-align: right
}

.b-fraud-user .b-table td[data-v-1b8256b3] {
    padding-bottom: 11px;
    padding-top: 0
}

.b-fraud-user .b-table tr:first-child~tr td[data-v-1b8256b3]:after {
    content: none
}

.b-fraud-user__proceed[data-v-1b8256b3] {
    border: 1px solid rgba(138,150,163,.25);
    border-top: none;
    padding: 15px;
    border-radius: 0 0 6px 6px;
    margin: 0 0 50px
}

.b-fraud-user__proceed[data-v-1b8256b3] .g-input__wrapper.b-input-radio__wrapper {
    padding-right: 0;
    padding-left: 0
}

.b-fraud-user__proceed[data-v-1b8256b3] .g-btn {
    padding-top: 6px;
    padding-bottom: 6px
}

.b-fraud-user__total[data-v-1b8256b3] {
    font-weight: 500;
    text-align: right;
    margin: 0 0 16px
}

.b-fraud-user__total__value[data-v-1b8256b3] {
    font-size: 19px
}

.b-fraud-user__date[data-v-1b8256b3] {
    font-size: 12px;
    color: #8a96a3;
    text-align: center
}

.button-add-media[data-v-55ab9980] {
    cursor: pointer;
    background: rgba(138,150,163,.08);
    border-radius: 6px;
    width: 56px;
    min-width: 56px;
    min-height: inherit;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #8a96a3;
    padding: 0;
    border: none;
    align-self: stretch
}

.button-add-media.m-md-width[data-v-55ab9980] {
    width: 128px;
    flex: 0 0 128px
}

.button-add-media[data-v-55ab9980]:hover {
    color: #0091ea;
    background: rgba(0,145,234,.06)
}

.b-purchase[data-v-70dca4c8] {
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.b-purchase.m-shadow-gradient[data-v-70dca4c8]:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    background: linear-gradient(transparent,rgba(0,0,0,.66));
    z-index: 0
}

.b-purchase.m-shadow-gradient .b-purchase__content[data-v-70dca4c8],.b-purchase.m-shadow-gradient .b-purchase__state[data-v-70dca4c8] {
    position: relative;
    z-index: 1
}

.b-purchase.m-light[data-v-70dca4c8] {
    color: #fefefe
}

.b-purchase.m-light [data-v-70dca4c8] {
    color: inherit
}

.b-stream-view[data-v-2318c7e4] {
    display: flex;
    justify-content: center
}

.b-stream-view.m-paid-stream img[data-v-2318c7e4] {
    transition: opacity .4s
}

.b-stream-view+.b-purchase[data-v-2318c7e4] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.b-stream-view+.b-purchase .b-purchase__content[data-v-2318c7e4] {
    pointer-events: auto
}

.b-stream-view__timer[data-v-2318c7e4]:not(:empty) {
    position: absolute;
    bottom: 6px;
    right: 6px;
    border-radius: 6px;
    background: rgba(0,0,0,.5);
    font-size: 11px;
    font-weight: 600;
    color: #fefefe;
    padding: 5px 6px;
    z-index: 2
}

.b-stream-view__live-label[data-v-2318c7e4] {
    position: absolute;
    left: 13px;
    top: 15px;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 1000px;
    pointer-events: none;
    color: #fefefe;
    background: #ff485b;
    z-index: 2
}

.b-stream-view__link[data-v-2318c7e4] {
    position: relative;
    width: 100%;
    cursor: pointer
}

.b-stream-view__link[data-v-2318c7e4]:after {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.24) 23%,rgba(0,0,0,.12) 42%,rgba(0,0,0,.06) 56%,rgba(0,0,0,.05) 63%,rgba(0,0,0,.06) 70%,rgba(0,0,0,.12) 84%,rgba(0,0,0,.24));
    z-index: 1
}

.b-stream-view__thumb[data-v-2318c7e4] {
    max-width: 100%;
    height: auto;
    min-height: 200px;
    max-height: calc(100vh - 120px);
    max-height: calc(var(--vh, 1vh)*100 - 120px);
    -o-object-fit: contain;
    object-fit: contain
}

.m-stream-post[data-v-2318c7e4] {
    padding-bottom: 17px
}

.m-stream-post .b-post__date[data-v-2318c7e4] {
    font-weight: 600;
    text-transform: uppercase
}

.price-pay[data-v-2318c7e4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    opacity: 0;
    transition: opacity .3s;
    z-index: 2;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .b-photos .price-pay[data-v-2318c7e4] {
        opacity:1;
        color: #00aff0
    }
}

.price-pay[data-v-2318c7e4]:after {
    background-color: #00aff0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: transform .3s;
    transform: scale(0);
    transform-origin: center;
    z-index: -1
}

.b-post.is-not-post-page.m-scheduled-stream[data-v-0163c764]:after {
    margin-top: 16px
}

.m-scheduled-stream .b-post__media__item-inner[data-v-0163c764]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50%;
    background: linear-gradient(rgba(0,0,0,.4),transparent);
    z-index: 2
}

.b-post-event-detail[data-v-0163c764] {
    position: absolute;
    top: 14px;
    left: 16px;
    right: 16px;
    color: #fefefe;
    z-index: 2
}

.b-post-event-detail__icon[data-v-0163c764] {
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 1000px;
    position: absolute;
    left: 0;
    top: 2px
}

.b-post-event-detail__icon.m-stream-bg-color[data-v-0163c764] {
    background-color: #ff6060
}

.b-post-event-detail__content[data-v-0163c764] {
    font-size: 14px;
    line-height: 20px;
    padding-left: 48px;
    text-align: left
}

.b-post-event-detail__main[data-v-0163c764] {
    font-weight: 500
}

.p-posts-index-index .b-post__wrapper[data-v-ab336290],.p-posts-index-index .b-post__wrapper[data-v-ab336290] .b-post {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-bottom: 0
}

.p-posts-index-index .b-post__wrapper[data-v-ab336290] {
    margin: 0;
    border: none;
    min-height: calc(100vh - 82px);
    min-height: calc(var(--vh, 1vh)*100 - 82px)
}

@media (max-width: 499px) {
    .p-posts-index-index .b-post__wrapper[data-v-ab336290] {
        min-height:calc(100vh - 139px);
        min-height: calc(var(--vh, 1vh)*100 - 139px)
    }
}

.b-post__wrapper>.g-icon[data-v-ab336290] {
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px)
}

.b-post__wrapper[style*=height][data-v-ab336290] {
    position: relative;
    pointer-events: none
}

.b-post__wrapper[style*=height][data-v-ab336290] .b-post {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.b-no-posts[data-v-ab336290] {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center
}

.b-no-posts__create-post-link[data-v-ab336290] {
    margin-top: 96px;
    margin-bottom: 96px
}

@media (max-width: 1003px) {
    .b-no-posts__create-post-link[data-v-ab336290] {
        margin-top:30px;
        margin-bottom: 30px
    }
}

.b-posts-empty-feed[data-v-ab336290] {
    width: 64%;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px
}

.b-content-filter[data-v-60a527ad] {
    min-height: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #8a96a3
}

.b-content-filter.m-filter-sm[data-v-60a527ad] {
    border-bottom: 1px solid rgba(138,150,163,.25)
}

@media (max-width: 1003px) {
    .b-content-filter.m-filter-sm[data-v-60a527ad] {
        min-height:48px;
        padding-top: 6px;
        padding-bottom: 6px
    }
}

.b-content-filter.m-switcher-queue-btns[data-v-60a527ad] {
    margin: 0 -2px 0 -5px
}

.b-content-filter.m-inside-modal-header[data-v-60a527ad] {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -9px;
    margin-bottom: -9px;
    min-height: auto
}

.b-content-filter.m-inside-modal-header.m-filtered[data-v-60a527ad] {
    border-bottom: none;
    width: 100%
}

.b-content-filter.m-filtered[data-v-60a527ad] {
    color: #00aff0
}

.b-content-filter.m-like-header[data-v-60a527ad] {
    color: var(--text-color);
    background-color: var(--bg-color);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    min-height: 48px
}

.modal .b-content-filter.m-like-header[data-v-60a527ad] {
    border-top-left-radius: 6px
}

@media (max-width: 1003px) {
    .modal .b-content-filter.m-like-header[data-v-60a527ad] {
        border-top-right-radius:6px
    }
}

.b-content-filter.m-like-header[data-v-60a527ad]:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(138,150,163,.25);
    z-index: 1
}

.b-content-filter.m-like-header.m-filtered .g-btn[data-v-60a527ad] {
    margin-top: -4px;
    margin-bottom: -4px
}

.b-content-filter.m-over-header[data-v-60a527ad] {
    min-height: 48px;
    margin-top: -48px;
    z-index: 5;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    pointer-events: none
}

.b-content-filter.m-over-header>[data-v-60a527ad] {
    pointer-events: auto
}

.b-content-filter.m-over-header .b-search-form[data-v-60a527ad] {
    top: 6px;
    right: -6px
}

.b-chats .b-content-filter[data-v-60a527ad]:not(.m-reset-sides-gaps) {
    padding-left: 16px;
    padding-right: 16px
}

.b-content-filter__title[data-v-60a527ad] {
    color: inherit;
    font-size: 16px;
    margin: 0
}

.m-switcher-queue-btns .b-content-filter__title[data-v-60a527ad] {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    text-transform: none
}

.m-like-header .b-content-filter__title[data-v-60a527ad] {
    margin-top: -2px;
    margin-bottom: -2px;
    font-size: 14px;
    line-height: 20px
}

@media (max-width: 1003px) {
    .m-filter-sm .b-content-filter__title[data-v-60a527ad] {
        font-size:14px;
        line-height: 20px
    }
}

.b-content-filter__wrapper-btns[data-v-60a527ad] {
    margin-left: auto
}

@media (max-width: 767px) {
    .b-content-filter__wrapper-btns[data-v-60a527ad] {
        order:3;
        flex: 0 0 100%;
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .b-content-filter__wrapper-btns+.b-content-filter__group-btns[data-v-60a527ad] {
        margin-left:10px
    }
}

.b-content-filter__wrapper-btns .g-btn.m-rounded[data-v-60a527ad] {
    width: auto;
    margin-left: 8px
}

@media (max-width: 767px) {
    .b-content-filter__wrapper-btns .g-btn.m-rounded[data-v-60a527ad] {
        flex-grow:1
    }
}

.b-content-filter__wrapper-btns .g-btn.m-rounded[data-v-60a527ad]:first-child {
    margin-left: 0
}

.b-content-filter__group-btns[data-v-60a527ad] {
    margin-left: auto;
    margin-right: -4px
}

.m-filter-sm .b-content-filter__group-btns[data-v-60a527ad] {
    margin-right: -10px
}

.m-like-header .b-content-filter__group-btns[data-v-60a527ad] {
    margin-top: -4px;
    margin-bottom: -4px
}

.b-content-filter__group-btns .g-btn.m-flat.m-link[data-v-60a527ad] {
    font-size: 14px
}

.b-content-filter__group-btns .g-btn.m-flat.m-link+.m-btn-arrow[data-v-60a527ad] {
    margin-left: 10px
}

.b-content-filter__clear-filters[data-v-60a527ad] {
    margin-right: 6px;
    margin-left: -6px
}

.b-content-filter.g-sides-gaps[data-v-60a527ad] .b-search-form {
    left: 0
}

.b-content-filter.g-sides-gaps[data-v-60a527ad] .b-search-form.m-submit-btn-inside {
    right: 52px
}

.b-content-filter[data-v-60a527ad] .b-search-form {
    left: -16px;
    right: 32px;
    width: auto;
    color: var(--text-color);
    padding-left: 8px
}

.b-content-filter[data-v-60a527ad] .b-search-form.m-profile-page-btns {
    right: 76px;
    padding-right: 0
}

.b-content-filter[data-v-60a527ad] .b-search-form.m-near-no-btns {
    right: -4px
}

.b-content-filter[data-v-60a527ad] .b-search-form.m-near-few-btns {
    right: 68px
}

@media (max-width: 1003px) {
    .m-vault-modal-size .b-content-filter[data-v-60a527ad] .b-search-form {
        border-top-left-radius:6px
    }
}

.b-content-filter[data-v-60a527ad] .b-search-form__input.m-field-profile {
    padding-left: 50px;
    margin-left: -44px;
    margin-right: -36px;
    padding-right: 36px
}

.b-content-filter[data-v-60a527ad] .b-search-form__input.m-field-underline {
    border-bottom: 1px solid #00aff0
}

.b-content-filter[data-v-60a527ad] .b-search-form__input.m-field-underline:focus {
    border-bottom-color: #0091ea
}