.user-preview{border-radius:12px;background-color:#fff;box-shadow:0 0 40px 0 rgba(94,92,154,.06)}
.user-preview.fixed-height{height:140px}
.user-preview.fixed-height-medium{height:284px}
.user-preview.small .user-preview-cover{height:70px}
.user-preview.small .user-preview-info .tag-sticker{right:16px}
.user-preview.small .user-preview-info .user-short-description .user-short-description-title{font-size:1.125rem}
.user-preview.small .user-preview-info .user-short-description .user-short-description-title.small{font-size:.875rem}
.user-preview.small .user-preview-info .user-short-description .user-short-description-text{font-size:.6875rem}
.user-preview.small .user-preview-info .user-short-description .user-short-description-text.regular{margin-top:6px;font-size:.75rem}
.user-preview.small .user-preview-info .social-links,.user-preview.small .user-preview-info .user-stats{margin-top:36px}
.user-preview.small .user-preview-info .user-preview-social-links-wrap{width:160px;margin:32px auto 0}
.user-preview.landscape{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100px;padding-left:84px;position:relative}
.user-preview.landscape .user-preview-cover{width:84px;height:100%;border-top-right-radius:0;border-bottom-left-radius:12px;position:absolute;top:0;left:0}
.user-preview.landscape .user-preview-info{width:100%;padding:0 28px 0 0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}
.user-preview.landscape .user-preview-info .user-short-description{width:200px}
.user-preview.landscape .user-preview-info .badge-list,.user-preview.landscape .user-preview-info .social-links,.user-preview.landscape .user-preview-info .user-avatar-list,.user-preview.landscape .user-preview-info .user-avatar-list+.user-preview-actions,.user-preview.landscape .user-preview-info .user-preview-actions,.user-preview.landscape .user-preview-info .user-preview-social-links-wrap,.user-preview.landscape .user-preview-info .user-short-description+.user-stats{margin-top:0}
.user-preview.landscape .user-preview-info .social-links{width:168px}
.user-preview.landscape .user-preview-info .badge-list{display:-ms-flexbox;display:flex}
.user-preview.landscape .user-preview-info .badge-list .badge-item{margin-right:8px}
.user-preview.landscape .user-preview-info .badge-list .badge-item:last-child{margin-right:0}
.user-preview.landscape .user-preview-info .user-preview-social-links-wrap{width:160px;margin-left:8px}
.user-preview.landscape .user-preview-info .user-preview-actions{margin-top:0}
.user-preview.landscape .user-preview-info .user-preview-actions .button,.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker{margin-right:12px}
.user-preview.landscape .user-preview-info .user-preview-actions .button:last-child,.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker:last-child{margin-right:0}
.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker{position:static}
.user-preview.landscape .user-preview-info .user-preview-actions .button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:64px;height:44px}
.user-preview .user-preview-cover{height:96px;border-top-right-radius:12px;border-top-left-radius:12px}
.user-preview .user-preview-info{padding:0 28px 32px;position:relative}
.user-preview .user-preview-info .tag-sticker{position:absolute;top:-12px;right:28px}
.user-preview .user-preview-info .user-short-description.tiny .user-short-description-title{font-size:.875rem}
.user-preview .user-preview-info .user-short-description.tiny .user-short-description-text{font-size:.6875rem}
.user-preview .user-preview-info .user-short-description .user-short-description-title{font-size:1.25rem}
.user-preview .user-preview-info .user-short-description .user-short-description-text{font-size:.75rem}
.user-preview .user-preview-info .user-short-description+.user-stats{margin-top:30px}
.user-preview .user-preview-info .user-short-description+.button{margin-top:34px}
.user-preview .user-preview-info .badge-list{margin-top:28px}
.user-preview .user-preview-info .user-preview-stats-slides{margin-top:40px}
.user-preview .user-preview-info .user-preview-stats-roster{position:absolute;top:22px;right:28px}
.user-preview .user-preview-info .user-preview-text{width:270px;margin:-10px auto 0;font-size:.875rem;font-weight:500;line-height:1.4285714286em;text-align:center}
.user-preview .user-preview-info .social-links{margin-top:24px}
.user-preview .user-preview-info .user-preview-social-links-wrap{height:36px;margin-top:20px;position:relative}
.user-preview .user-preview-info .user-preview-social-links-wrap .user-preview-social-links{padding-top:4px;margin:0 auto;position:relative;z-index:2}
.user-preview .user-preview-info .user-preview-social-links-wrap .slider-controls{width:234px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;position:absolute;top:10px;left:-40px;z-index:1}
.user-preview .user-preview-info .user-avatar-list{margin-top:34px}
.user-preview .user-preview-info .user-avatar-list+.user-preview-actions{margin-top:36px}
.user-preview .user-preview-info .user-preview-actions{display:-ms-flexbox;display:flex;margin-top:40px}
.user-preview .user-preview-info .user-preview-actions .button{width:100%;margin-right:16px}
.user-preview .user-preview-info .user-preview-actions .button:last-child{margin-right:0}
.user-preview .user-preview-info .user-preview-actions .button .button-icon{fill:#fff}
.user-preview .user-preview-info .user-preview-actions .button.white .button-icon{fill:#adafca}
.user-preview .user-preview-info .user-preview-actions .button.white:hover .button-icon{fill:#fff}
.user-preview .user-preview-info .user-preview-actions .button.full{width:100%}
.user-preview .user-preview-info .user-preview-actions .button.full .button-icon{position:relative;left:-12px}
.user-preview .user-preview-author{padding-left:26px;position:relative}
.user-preview .user-preview-author .user-preview-author-image{position:absolute;top:1px;left:0}
.user-preview .user-preview-author .user-preview-author-title{font-size:.625rem;font-weight:500}
.user-preview .user-preview-author .user-preview-author-text{margin-top:1px;font-size:.75rem;font-weight:700}
.user-preview .user-preview-author .user-preview-author-text a{color:#3e3f5e;font-weight:700}
.user-preview .user-preview-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:65px;border-top:1px solid #eaeaf5;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:#fcfcfd}
.user-preview .user-preview-footer.padded{height:auto;padding:16px 28px}
.user-preview .user-preview-footer .user-preview-footer-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:50%;border-right:1px solid #eaeaf5}
.user-preview .user-preview-footer .user-preview-footer-action:last-child{border-right:none}
.user-preview .user-preview-footer .user-preview-footer-action.full{width:100%;padding:0 28px}
.user-preview .user-preview-footer .user-preview-footer-action.full .button{width:100%}
.user-preview .user-preview-footer .user-preview-footer-action .button{width:64px;height:44px}
@media screen and (max-width:1365px) {
.user-preview.landscape .user-preview-info .badge-list{display:none}
}
@media screen and (max-width:1260px) {
.user-preview.landscape .user-preview-info .social-links,.user-preview.landscape .user-preview-info .user-avatar-list,.user-preview.landscape .user-preview-info .user-preview-social-links-wrap{display:none}
}
@media screen and (max-width:960px) {
.user-preview.landscape .user-preview-info .user-stats{display:none}
}
@media screen and (max-width:460px) {
.user-preview.landscape{padding-left:60px}
.user-preview.landscape .user-preview-cover{width:60px}
.user-preview.landscape .user-preview-info{height:100%;padding:0 68px 0 0}
.user-preview.landscape .user-preview-info .user-short-description{width:auto}
.user-preview.landscape .user-preview-info .user-preview-actions{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:absolute;top:8px;right:12px}
.user-preview.landscape .user-preview-info .user-preview-actions .button,.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker{width:44px;height:40px;margin:0 0 4px}
.user-preview.landscape .user-preview-info .user-preview-actions .button:last-child,.user-preview.landscape .user-preview-info .user-preview-actions .tag-sticker:last-child{margin-bottom:0}
.user-preview .user-preview-info .user-preview-social-links-wrap{width:160px;margin:20px auto 0}
.user-preview .user-preview-info .user-preview-text{width:95%}
}

.user-preview .user-preview-info .tag-sticker {
    top: -22px;
}
.user-preview .user-preview-info .tag-sticker {
    position: absolute;
    top: -12px;
    right: 28px;
}
.tag-sticker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 3px 5px 20px 0 rgb(94 92 154 / 10%);
}

.icon-grid, .icon-join-group, .icon-leave-group, .icon-login, .icon-magnifying-glass, .icon-messages, .icon-notification, .icon-plus, .icon-shopping-bag {
    fill: #fff;
    width: 20px;
    height: 20px;
}

.grid.centered{width:100%}
.grid.grid-4-4, .grid.grid-4-4-4 {
    grid-template-columns: repeat(auto-fit,312px);
}
.grid.centered {
    -ms-flex-pack: center;
    justify-content: center;
}
.grid {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 16px;
    -ms-flex-align: start;
    align-items: start;
}
.user-preview {
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(94,92,154,.06);
}
.user-short-description{
	padding-top: 34px;
}
.user-preview .user-preview-cover{
	height: 140px;
}
.user-preview video{
	object-fit: cover;
    position: relative;
    width: 100%;height:140px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.content-grid .grid{margin-top:0}
.user-preview .user-preview-info .tag-sticker{top:-22px}
.user-preview.empty{width:100%;height:100%;background-color:#ffffff0d;min-height:200px}