/* User */
.icon-add-friend, .icon-friend, .icon-remove-friend, .icon-settings, .icon-share, .icon-thumbs-up {width: 16px;height: 16px}
.icon-magnifying-glass,.icon-messages,.icon-notification{fill:#fff;width:20px;height:20px}
.icon-friend,.icon-settings{fill:#adafca;width:20px;height:20px}

.action-request-list{display:-ms-flexbox;display:flex}
.action-request-list .action-request{margin-right:12px}
.action-request-list .action-request:last-child{margin-right:0}
.action-request{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border:1px solid #dedeea;border-radius:10px;color:#adafca;font-size:.75rem;font-weight:700;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out}
.action-request:hover{color:#fff}
.action-request:hover .action-request-icon{fill:#fff;opacity:1}
.action-request.accept:hover{background-color:#615dfa;border-color:#615dfa}
.action-request.decline:hover{background-color:#fd434f;border-color:#fd434f}
.action-request .action-request-icon{fill:#adafca;opacity:.6;transition:fill .2s ease-in-out,opacity .2s ease-in-out}
.burger-icon{width:20px;height:14px;position:relative}
.burger-icon.inverted .burger-icon-bar{left:0}
.burger-icon.inverted .burger-icon-bar:first-child{width:100%}
.burger-icon.inverted .burger-icon-bar:nth-child(2){width:14px}
.burger-icon.inverted .burger-icon-bar:nth-child(3){width:10px}
.burger-icon .burger-icon-bar{height:2px;background-color:#fff;position:absolute;right:0;transition:width .4s ease-in-out}
.burger-icon .burger-icon-bar:first-child{top:0;width:10px}
.burger-icon .burger-icon-bar:nth-child(2){top:6px;width:14px}
.burger-icon .burger-icon-bar:nth-child(3){top:12px;width:100%}
.action-list{display:-ms-flexbox;display:flex;padding:0 18px;position:relative}
.action-list:after,.action-list:before{content:"";width:1px;height:32px;background-color:#dedeea;position:absolute}
.action-list:after{left:0}
.action-list:before{right:0}
.action-list.dark:after,.action-list.dark:before{background-color:#7a77fd}
.action-list.dark .action-list-item.unread .action-list-item-icon,.action-list.dark .action-list-item:hover .action-list-item-icon{fill:#fff}
.action-list.dark .action-list-item .action-list-item-icon{fill:#8b88ff}
.action-list .action-list-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding:0 14px;cursor:pointer}
.action-list .action-list-item.unread .action-list-item-icon,.action-list .action-list-item:hover .action-list-item-icon{fill:#3e3f5e}
.action-list .action-list-item.unread{position:relative}
.action-list .action-list-item.unread:after{content:"";width:4px;height:4px;border-radius:50%;background-color:#41efff;position:absolute;top:26px;right:10px}
.action-list .action-list-item .action-list-item-icon{fill:#adafca;transition:fill .3s ease-in-out}
.action-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.action-item .action-item-icon{fill:#adafca}
.action-item.dark .action-item-icon{fill:#fff}
.user-stats{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.user-stats .user-stat{position:relative}
.user-stats .user-stat:after{content:"";width:1px;height:20px;background-color:#eaeaf5;position:absolute;top:6px;right:0}
.user-stats .user-stat:last-child:after{display:none}
.user-stat{padding:0 24px}
.user-stat .user-stat-text,.user-stat .user-stat-title{font-weight:700;text-transform:uppercase;text-align:center}
.user-stat .user-stat-title{font-size:.875rem}
.user-stat .user-stat-text{margin-top:10px;color:#adafca;font-size:.6875rem}
.badge-list{display:grid;-ms-flex-pack:center;justify-content:center;grid-template-columns:repeat(auto-fit,32px);grid-gap:14px}
.badge-list.small{grid-gap:8px}
.badge-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:32px;height:35px;position:relative}
.badge-item img{position:absolute;top:0;left:0}
.badge-item .badge-item-text{color:#fff;font-size:.6875rem;font-weight:700;position:relative;top:1px;z-index:2}
.xm-tooltip-text{padding:0 12px;border-radius:200px;color:#3e3f5e;font-size:.9rem;font-weight:700;line-height:24px}
.user-short-description{padding-top:84px;position:relative}
.user-short-description .user-short-description-avatar{position:absolute;top:-54px;left:50%;margin-left:-60px}
.user-short-description .user-short-description-text,.user-short-description .user-short-description-title{font-weight:700;text-align:center}
.user-short-description .user-short-description-title{font-size:1.125rem}
.user-short-description .user-short-description-title a{color:#3e3f5e;font-weight:700}
.user-short-description .user-short-description-text{margin-top:10px;color:#adafca;font-size:.6875rem;font-weight:700;text-transform:uppercase}
.text-sticker{height:32px;padding:0 14px;border-radius:200px;background-color:#fff;box-shadow:3px 5px 20px 0 rgba(94,92,154,.12);font-size:.875rem;font-weight:700;line-height:32px}
.post-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:160px;height:44px;border-radius:12px;cursor:pointer;transition:box-shadow .2s ease-in-out,background-color .2s ease-in-out}
.post-option:hover{background-color:#fff;box-shadow:3px 5px 20px 0 rgba(94,92,154,.1)}
.post-option:hover .post-option-icon{fill:#23d2e2;opacity:1}
.post-option .post-option-icon{margin-right:16px;fill:#adafca;opacity:.6;transition:fill .2s ease-in-out,opacity .2s ease-in-out}
.post-option .post-option-icon.icon-thumbs-up{position:relative;top:-2px}
@media screen and (max-width:479px) {
.post-option{width:80px}
.post-option .post-option-icon{margin-right:0}
}

.user-status{min-height:44px;padding:2px 0 0 52px;position:relative}
.user-status.request .user-status-title{margin-top:2px;line-height:1.1428571429em}
.user-status.request .user-status-text{margin-top:8px}
.user-status.request{padding-right:100px}
.user-status .user-status-avatar{position:absolute;top:0;left:0}
.user-status .user-status-title{color:#3e3f5e;font-size:.875rem;font-weight:500;line-height:1.4285714286em}
.user-status .user-status-title .bold{color:#3e3f5e;font-weight:700}
.user-status .user-status-text{margin-top:4px;color:#3e3f5e;font-size:.875rem;font-weight:500}
.user-status .action-request-list{position:absolute;top:2px;right:0}
.dropdown-box{width:384px;padding-bottom:60px;border-radius:10px;background-color:#fff;box-shadow:3px 5px 40px 0 rgba(94,92,154,.06);position:relative}
.dropdown-box .dropdown-box-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:28px 28px 20px}
.dropdown-box .dropdown-box-header .dropdown-box-header-title{font-size:1rem;font-weight:700}
.dropdown-box .dropdown-box-header .dropdown-box-header-actions{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}
.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action{margin-right:16px;color:#8f91ac;font-size:.75rem;font-weight:700;opacity:.6;cursor:pointer}
.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action:hover{color:#00c7d9}
.dropdown-box .dropdown-box-header .dropdown-box-header-actions .dropdown-box-header-action:last-child{margin-right:0}
.dropdown-box .dropdown-box-button{position:absolute;bottom:0;left:0}
.dropdown-box-list{height:420px;overflow-y:auto}
.dropdown-box-list.no-hover .dropdown-box-list-item:hover{background-color:transparent}
.dropdown-box-list .dropdown-box-list-item{display:block;padding:16px 28px}
.dropdown-box-list .dropdown-box-list-item:hover{background-color:#eaeaf5}
.dropdown-box-button{width:100%;height:60px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#3e3f5e;color:#fff;font-size:.875rem;font-weight:700;text-align:center;line-height:60px;transition:background-color .2s ease-in-out}
.dropdown-box-button:hover{color:#fff}
.dropdown-box-button.secondary{background-color:#615dfa}
.dropdown-box-button.secondary:hover{background-color:#5753e4}

#navi{width:300px;padding-bottom:40px}
#navi .navigation-widget-cover{width:100%;height:76px}
#navi .badge-list{margin-top:36px}
#navi .user-stats{margin-top:44px}
#navi .menu{margin-top:30px}

.post-open .post-open-cover{width:100%;height:560px}
.post-open .post-open-body{width:65%;max-width:784px;margin:-220px auto 0;padding-top:90px;border-radius:12px}
.post-open .post-open-body .post-open-content{display:-ms-flexbox;display:flex;margin-top:70px;padding:0 100px}
@media screen and (max-width:1366px) {
.post-open .post-open-body{width:95%;max-width:100%}
}
@media screen and (max-width:960px) {
.post-open .post-open-body .post-open-content{padding:0 40px;margin-top:40px;-ms-flex-direction:column;flex-direction:column}
}
@media screen and (max-width:460px) {
.post-open .post-open-cover{height:320px}
.post-open .post-open-body{margin-top:-100px;padding-top:60px}
.post-open .post-open-body .post-open-content{padding:0 28px}
}
.header{-ms-flex-pack:justify;justify-content:space-between;width:100%;height:80px;position:fixed;top:0;left:0;z-index:95}
.header,.header .header-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.header .header-actions.search-bar{width:20%}
.header .header-brand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.header .action-list{height:80px}
.header .action-list:after,.header .action-list:before{top:24px}
.header .action-item{width:80px;height:80px}
@media screen and (max-width:1365px) {
.header .header-actions .progress-stat{margin-right:28px}
}
.navigation{height:80px}
.menu .menu-item{padding:0 16px;margin-bottom:10px}
.menu .menu-item:last-child{margin-bottom:0}
.menu .menu-item.active .menu-item-link:hover{padding-left:62px}
.menu .menu-item .menu-item-link{display:block;height:48px;padding-left:62px;border-radius:12px;font-size:.875rem;font-weight:700;line-height:48px;position:relative;transition:all .2s ease-in-out}
.menu .menu-item .menu-item-link:hover{background-color:#fff;color:#3e3f5e;padding-left:70px;box-shadow:3px 5px 20px 0 rgba(94,92,154,.12)}
.sidebar{height:100%;padding-top:80px;position:fixed;top:0;z-index:90}
.sidebar.left{left:0}
.sidebar{padding-top:0;margin-top:80px;overflow-y:auto;transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}
.section-header-info .section-pretitle{color:#8f91ac;font-size:.75rem;font-weight:600;text-transform:uppercase}
.section-header-info .section-title{margin-top:8px;font-size:1.625rem;font-weight:700}
#headcnt-config .button{width:100%;display:inline-flex;color:#fff;justify-content:center;border-radius:15px;font-weight:700;height:40px;align-items:center}