芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/rentandbuyrealty.com/mobile/css/belloo20.css

.csms-header-1 {
    font-size: 22px;
    line-height: 28px
}

.csms-header-1,
.csms-header-2 {
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-weight: 400
}

.csms-header-2 {
    font-size: 20px;
    line-height: 26px
}

.csms-header-3 {
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.csms-action-large {
    font-size: 16px
}

.csms-action-large,
.csms-action-medium {
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    line-height: 20px
}

.csms-action-medium {
    font-size: 15px
}

.csms-p-title {
    font-family: -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 24px
}

.csms-p-display {
    font-size: 17px
}

.csms-p-1,
.csms-p-display {
    font-family: -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    line-height: 22px
}

.csms-p-1 {
    font-size: 16px
}

.csms-p-2 {
    font-size: 15px;
    line-height: 20px
}

.csms-p-2,
.csms-p-3 {
    font-family: -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif
}

.csms-p-3 {
    font-size: 13px;
    line-height: 18px
}

.csms-font-weight-light {
    font-weight: 300
}

.csms-font-weight-regular {
    font-weight: 400
}

.csms-font-weight-medium {
    font-weight: 600
}

.ios-font-helvetica .csms-font-weight-medium {
    font-weight: 500
}

.android-font-system .csms-font-weight-medium {
    font-weight: 700
}

.android-font-roboto-new .csms-font-weight-medium {
    font-weight: 500
}

.csms-icon {
    display: block;
    position: relative;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s;
    fill: currentColor
}

.csms-icon>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: inherit
}

.csms-icon.csms-icon--xsm {
    width: 10px;
    height: 10px
}

.csms-icon.csms-icon--sm {
    width: 16px;
    height: 16px
}

.csms-icon.csms-icon--md {
    width: 22px;
    height: 22px
}

.csms-icon.csms-icon--lg {
    width: 30px;
    height: 30px
}

.csms-icon.csms-icon--xlg {
    width: 36px;
    height: 36px
}

.csms-icon.csms-icon--xxlg {
    width: 46px;
    height: 46px
}

.csms-icon.csms-icon--stretch {
    width: 100%;
    height: 100%
}

.csms-icon--shadow {
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.csms-avatar {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.csms-avatar__image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.csms-avatar__icon,
.csms-avatar__image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6
}

.csms-avatar__icon {
    color: #e0e0e0
}

.csms-avatar__icon>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.csms-avatar__placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-transform: uppercase
}

.csms-avatar__placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    content: "";
    opacity: .1;
    border-radius: inherit;
    background: currentColor
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-default {
    color: #949494
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-1 {
    color: #ff4000
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-2 {
    color: #ff4278
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-3 {
    color: #ff8201
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-4 {
    color: #ffc831
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-5 {
    color: #00caa8
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-6 {
    color: #17d417
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-7 {
    color: #b500e3
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-8 {
    color: #1ab0ff
}

.csms-avatar__placeholder.csms-avatar__placeholder--variant-9 {
    color: #2b8cfc
}

.csms-brick {
    display: block;
    position: relative;
    z-index: 1
}

.csms-brick.csms-is-hidden {
    display: none
}

.csms-brick--circle,
.csms-brick--circle .csms-brick__avatar,
.csms-brick--circle .csms-brick__image,
.csms-brick--circle .csms-brick__overlay {
    border-radius: 50%
}

.csms-brick--squared,
.csms-brick--squared .csms-brick__avatar,
.csms-brick--squared .csms-brick__image,
.csms-brick--squared .csms-brick__overlay {
    border-radius: 16%
}

.csms-brick--xxsm {
    width: 37px;
    height: 37px
}

.csms-brick--xsm {
    width: 50px;
    height: 50px
}

.csms-brick--sm {
    width: 70px;
    height: 70px
}

.csms-brick--md {
    width: 100px;
    height: 100px
}

.csms-brick--lg {
    width: 120px;
    height: 120px
}

.csms-brick--xlg {
    width: 150px;
    height: 150px
}

.csms-brick--xxlg {
    width: 200px;
    height: 200px
}

.csms-brick--stretch {
    width: 100%;
    height: 100%
}

.csms-brick__image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.csms-brick__image:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, .02)
}

.csms-brick__image-loader {
    z-index: 3;
    padding: 30%;
    color: #c4c4c4
}

.csms-brick__icon,
.csms-brick__image-loader {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6
}

.csms-brick__icon {
    z-index: 2;
    border-radius: 50%
}

.csms-brick__icon>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.csms-brick__avatar {
    z-index: 2
}

.csms-brick__avatar,
.csms-brick__overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.csms-brick__overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3
}

.csms-brick__overlay.csms-brick__overlay--dark {
    color: #fff;
    background-color: rgba(0, 0, 0, .4)
}

.csms-brick__overlay.csms-brick__overlay--primary {
    color: #fff;
    background-color: rgba(112, 0, 227, .4)
}

.csms-brick__badge {
    position: absolute;
    z-index: 10;
    line-height: 0
}

.csms-brick__badge.csms-brick__badge--br {
    top: 100%;
    right: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.csms-brick__badge.csms-brick__badge--bc {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.csms-brick__badge.csms-brick__badge--bc+.csms-brick__badge.csms-brick__badge--bc {
    z-index: 11;
    margin-left: -18px
}

.csms-brick__badge.csms-brick__badge--bc+.csms-brick__badge.csms-brick__badge--bc+.csms-brick__badge.csms-brick__badge--bc {
    z-index: 9;
    margin-left: 18px
}

.csms-connections-list {
    display: block
}

.csms-connections-list__item {
    position: relative;
    margin-top: 13px
}

.csms-connections-list__item:first-child {
    margin-top: 0
}

.csms-connections-list__item--divider {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0
}

.csms-connections-item {
    width: 100%
}

.csms-connections-item--disabled {
    opacity: .3
}

.csms-connections-item--user .csms-connections-item__profile {
    color: #000
}

.csms-connections-item--user .csms-connections-item__message {
    margin-top: 4px;
    color: #949494;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.csms-connections-item--batched .csms-connections-item__title {
    color: #000
}

.csms-connections-item--batched .csms-connections-item__message {
    margin-top: 4px;
    color: #949494
}

.csms-connections-item--promo .csms-connections-item__title {
    color: #6a6a6a;
    font-weight: 600
}

.csms-connections-item--promo .csms-connections-item__message {
    margin-top: 4px;
    color: #949494
}

.csms-connections-item--promo .csms-connections-item__action {
    position: relative;
    margin-top: 4px;
    color: #7000e3
}

.csms-connections-item--promo .csms-connections-item__action:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.csms-connections-item__favourite {
    position: relative;
    color: #e0e0e0
}

.csms-connections-item__favourite:after {
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    content: ""
}

.csms-connections-item__favourite.csms-is-active {
    color: #FF6606
}

.csms-mark {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 11px
}

.csms-mark.csms-mark--red {
    color: #fff;
    background-color: #ff661b
}

.csms-mark.csms-mark--brand {
    color: #fff;
    background-color: #7000e3
}

.csms-mark.csms-mark--white {
    color: #000;
    background-color: #fff
}

.csms-mark.csms-mark--white:after {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    content: "";
    border: 1px solid rgba(0, 0, 0, .03);
    border-radius: 12px
}

.csms-mark.csms-mark--shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.csms-online-status {
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%
}

.csms-online-status--online {
    background: #17d417
}

.csms-online-status--idle {
    background: #ffc831
}

.csms-online-status--hidden {
    visibility: hidden
}

.csms-profile-info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

.csms-profile-info .csms-profile-info__name {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0
}

.csms-profile-info .csms-profile-info__name .csms-profile-info__name-inner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.csms-profile-info .csms-profile-info__age {
    padding-left: 1px
}

.csms-profile-info .csms-profile-info__status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto 0 auto 4px
}

.windows .csms-profile-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.windows .csms-profile-info .csms-profile-info__text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 99%
}

.csms-spring-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.csms-spring-box__media {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 10px auto 0
}

.csms-spring-box__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.csms-spring-box__extra {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 auto 10px
}

.csms-verification-status {
    display: block;
    position: relative
}

.csms-verification-status svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.csms-verification-status--sm {
    width: 10px;
    height: 10px
}

.csms-verification-status--md {
    width: 20px;
    height: 20px
}

#css-load-test-element {
    height: 43px!important
}

.is-bidi {
    unicode-bidi: plaintext
}

.svg-symbols-container {
    position: absolute;
    display: none;
    width: 0;
    height: 0
}

.icon {
    position: relative;
    display: block;
    fill: currentColor;
    -webkit-transition: color .2s, background .2s;
    transition: color .2s, background .2s
}

.icon:after {
    right: 0;
    bottom: 0;
    content: ""
}

.icon:after,
.icon__content {
    position: absolute;
    top: 0;
    left: 0
}

.icon__content {
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.icon--branded {
    color: #7000e3
}

.icon--shadow {
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.icon {
    width: 25px;
    height: 25px
}

.icon.icon--xsm {
    width: 10px;
    height: 10px
}

.icon.icon--sm {
    width: 16px;
    height: 16px
}

.icon.icon--md {
    width: 20px;
    height: 20px
}

.icon.icon--lg {
    width: 30px;
    height: 30px
}

.icon.icon--xlg {
    width: 45px;
    height: 45px
}

.icon.icon--xxlg {
    width: 65px;
    height: 65px
}

.icon.icon--stretch {
    width: 100%;
    height: 100%
}

.icon .icon__content,
.trigger-icon-state .icon__content {
    display: block
}

.icon .icon__content--active,
.icon.is-active .icon__content--inactive,
.trigger-icon-state .icon__content--active,
.trigger-icon-state.is-active .icon__content--inactive {
    display: none
}

.icon.is-active .icon__content--active,
.trigger-icon-state.is-active .icon__content--active {
    display: block
}

.icon-circle-loader {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: a 1s infinite;
    animation: a 1s infinite
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.brick {
    position: relative;
    z-index: 1;
    display: block;
    width: 65px
}

.brick:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.brick.is-hidden {
    display: none
}

.brick--sm {
    width: 50px
}

.brick--md {
    width: 65px
}

.brick--lg {
    width: 80px
}

.brick--xlg {
    width: 90px
}

.brick--xxlg {
    width: 100px
}

.brick--xxxlg {
    width: 130px
}

.brick--xxxxlg {
    width: 175px
}

.brick--stretch {
    width: 100%
}

.brick--halo:after {
    border: 1px solid #7000e3;
    border-radius: 50%
}

.brick--halo.brick--squared:after,
.brick--halo:after {
    position: absolute;
    z-index: 1;
    top: -3px;
    right: -3px;
    left: -3px;
    height: 4px;
    padding-top: 100%;
    content: ""
}

.brick--halo.brick--squared:after {
    border: 1px solid #7000e3;
    border-radius: 11.4%
}

.brick--halo-red:after {
    border: 1px solid #ff661b;
    border-radius: 50%
}

.brick--halo-red.brick--squared:after,
.brick--halo-red:after {
    position: absolute;
    z-index: 1;
    top: -3px;
    right: -3px;
    left: -3px;
    height: 4px;
    padding-top: 100%;
    content: ""
}

.brick--halo-red.brick--squared:after {
    border: 1px solid #ff661b;
    border-radius: 11.4%
}

.brick__image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    background-color: #f6f6f6;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.brick--squared .brick__image {
    border-radius: 11.4%
}

.brick__image:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.brick__image:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: inherit
}

.brick__image>img {
    border-radius: inherit
}

.brick__image>img,
.brick__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.brick__placeholder {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    color: #949494;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px
}

.brick--squared .brick__placeholder {
    border-radius: 11.4%
}

.brick__placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    background: currentColor;
    opacity: .1
}

.brick__placeholder:after {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-left: -100%;
    padding-top: 100%;
    content: ""
}

.brick__placeholder.brick__placeholder--variant-default {
    color: #949494
}

.brick__placeholder.brick__placeholder--variant-1 {
    color: #ff4000
}

.brick__placeholder.brick__placeholder--variant-2 {
    color: #ff4278
}

.brick__placeholder.brick__placeholder--variant-3 {
    color: #ff8201
}

.brick__placeholder.brick__placeholder--variant-4 {
    color: #ffc831
}

.brick__placeholder.brick__placeholder--variant-5 {
    color: #00caa8
}

.brick__placeholder.brick__placeholder--variant-6 {
    color: #17d417
}

.brick__placeholder.brick__placeholder--variant-7 {
    color: #b500e3
}

.brick__placeholder.brick__placeholder--variant-8 {
    color: #1ab0ff
}

.brick__placeholder.brick__placeholder--variant-9 {
    color: #2b8cfc
}

.brick__icon {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50%;
    background-color: #f6f6f6
}

.brick__icon:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.brick__icon>* {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.brick__icon.brick__icon--transparent {
    background-color: transparent
}

.brick__fade {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    border: true;
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.brick--squared .brick__fade {
    border-radius: 11.4%
}

.brick__fade:before {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-left: -100%;
    padding-top: 100%;
    content: ""
}

.windows .brick__fade {
    display: block
}

.windows .brick__fade>.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brick__loader {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    border: true;
    background-color: #f6f6f6;
    color: #c4c4c4;
    display: none
}

.brick--squared .brick__loader {
    border-radius: 11.4%
}

.brick__loader:before {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-left: -100%;
    padding-top: 100%;
    content: ""
}

.is-loading>.brick__loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.windows .is-loading>.brick__loader {
    display: block
}

.windows .is-loading>.brick__loader>.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brick__checkbox {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    border: true;
    background-color: rgba(112, 0, 227, .4);
    color: #fff;
    display: none
}

.brick--squared .brick__checkbox {
    border-radius: 11.4%
}

.brick__checkbox:before {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-left: -100%;
    padding-top: 100%;
    content: ""
}

.is-checked>.brick__checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.windows .is-checked>.brick__checkbox {
    display: block
}

.windows .is-checked>.brick__checkbox>.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brick__add {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    border-radius: 50%;
    border: 1px dashed #c4c4c4;
    background-color: true;
    color: #c4c4c4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.brick--squared .brick__add {
    border-radius: 11.4%
}

.brick__add:before {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-left: -100%;
    padding-top: 100%;
    content: ""
}

.windows .brick__add {
    display: block
}

.windows .brick__add>.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.is-active>.brick__add {
    border-style: solid;
    border-color: #7000e3;
    color: #7000e3
}

.brick__badge {
    position: absolute;
    z-index: 10;
    line-height: 0
}

.brick__badge.brick__badge--br {
    right: 20px;
    bottom:20px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.brick__badge.brick__badge--bc {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.brick__badge.brick__badge--bc+.brick__badge.brick__badge--bc {
    z-index: 11;
    margin-left: -18px
}

.brick__badge.brick__badge--bc+.brick__badge.brick__badge--bc+.brick__badge.brick__badge--bc {
    z-index: 9;
    margin-left: 18px
}

.brick__badge.brick__badge--shadow {
    border-radius: 99px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.brick__badge.is-hidden {
    display: none
}

.brick__petal {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    pointer-events: none
}

.brick__petal:before {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-left: -100%;
    padding-top: 100%;
    content: ""
}

.brick__petal.brick__petal--tr {
    -webkit-transform: translate(35%, -35%);
    transform: translate(35%, -35%)
}

.brick__petal.brick__petal--br {
    -webkit-transform: translate(35%, 35%);
    transform: translate(35%, 35%)
}

.brick__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 5px 0 0;
    color: #6a6a6a;
    text-align: center
}

.brick__badge--bc+.brick__text {
    margin-top: 15px
}

.brick__label {
    max-height: 34px
}

.brick__label,
.brick__name {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis
}

.brick__name {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: 0;
    color: #000;
    white-space: nowrap
}

.brick__name:not(:only-child) {
    margin: 0 0 0 10px
}

.brick__status {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 10px;
    padding: 0 0 0 2px
}

.brick-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.brick-wrapper--padded {
    padding-bottom: 15px
}

.brick-wrapper__item {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.brick-wrapper__item:only-child {
    min-width: 100px
}

.brick-wrapper--xlg .brick-wrapper__item {
    min-width: 0;
    width: 90px
}

.brick-wrapper--xlg .brick-wrapper__item+.brick-wrapper__item {
    margin-left: 20px
}

.brick-wrapper--xxlg .brick-wrapper__item {
    min-width: 0;
    width: 100px
}

.brick-wrapper--xxxlg .brick-wrapper__item {
    min-width: 0;
    width: 130px
}

@media (orientation:landscape),
(orientation:portrait) and (max-device-height:480px) {
    .brick-wrapper--xxxlg .brick-wrapper__item {
        width: 100px
    }
}

.brick-wrapper--xxxxlg .brick-wrapper__item {
    min-width: 0;
    width: 175px
}

@media (orientation:landscape),
(orientation:portrait) and (max-device-height:480px) {
    .brick-wrapper--xxxxlg .brick-wrapper__item {
        width: 130px
    }
}

.brick-wrapper--s-m-s .brick-wrapper__item:first-child,
.brick-wrapper--s-m-s .brick-wrapper__item:nth-child(3) {
    width: 65px
}

.brick-wrapper--s-m-s .brick-wrapper__item:nth-child(2) {
    position: relative;
    z-index: 2;
    width: 90px;
    margin: 0 -20px
}

.brick-wrapper--m-b-m .brick-wrapper__item:first-child,
.brick-wrapper--m-b-m .brick-wrapper__item:nth-child(3) {
    width: 80px
}

.brick-wrapper--m-b-m .brick-wrapper__item:nth-child(2) {
    position: relative;
    z-index: 2;
    width: 100px;
    margin: 0 -24px
}

@media (orientation:landscape),
(orientation:portrait) and (max-device-height:480px) {
    .brick-wrapper--m-b-m .brick-wrapper__item:first-child,
    .brick-wrapper--m-b-m .brick-wrapper__item:nth-child(3) {
        width: 65px
    }
    .brick-wrapper--m-b-m .brick-wrapper__item:nth-child(2) {
        position: relative;
        z-index: 2;
        width: 90px;
        margin: 0 -20px
    }
}

.brick-wrapper--m-m-m .brick-wrapper__item {
    width: 90px
}

.brick-wrapper--m-m-m .brick-wrapper__item:nth-child(2) {
    position: relative;
    z-index: 2;
    margin: 0 -20px
}

@media (orientation:landscape),
(orientation:portrait) and (max-device-height:480px) {
    .brick-wrapper--m-m-m .brick-wrapper__item {
        width: 80px
    }
    .brick-wrapper--m-m-m .brick-wrapper__item:nth-child(2) {
        margin: 0 -10px
    }
}

.brick-wrapper--cascade .brick-wrapper__item {
    width: 65px;
    margin: 0 -9px
}

.brick-wrapper--cascade-sm .brick-wrapper__item {
    width: 50px;
    margin: 0 -7px
}

.brick-wrapper--cascade-lg .brick-wrapper__item {
    width: 80px;
    margin: 0 -10px
}

.brick-wrapper--cascade-xlg .brick-wrapper__item {
    width: 90px;
    margin: 0 -12px
}

.brick-wrapper--cascade-xxlg .brick-wrapper__item {
    width: 100px;
    margin: 0 -13px
}

.brick-wrapper--cascade-xxxlg .brick-wrapper__item {
    width: 130px;
    margin: 0 -17px
}

.brick-wrapper--cascade-reverse .brick-wrapper__item:first-child {
    z-index: 6
}

.brick-wrapper--cascade-reverse .brick-wrapper__item:nth-child(2) {
    z-index: 5
}

.brick-wrapper--cascade-reverse .brick-wrapper__item:nth-child(3) {
    z-index: 4
}

.brick-wrapper--cascade-reverse .brick-wrapper__item:nth-child(4) {
    z-index: 3
}

.brick-wrapper--cascade-reverse .brick-wrapper__item:nth-child(5) {
    z-index: 2
}

.brick-wrapper--cascade-reverse .brick-wrapper__item:nth-child(6) {
    z-index: 1
}

.hint {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    display: block;
    margin: 0;
    padding: 0;
    color: #949494;
    text-align: center
}

.hint.hint--link,
.hint a {
    text-decoration: underline
}

.hint a {
    color: inherit
}

.hint.is-hidden,
.hint:empty {
    display: none
}

.hint+.hint {
    margin-top: 10px
}

.icon-emoji {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain
}

.icon-emoji:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.icon-emoji--xxsm {
    width: 8px;
    height: 8px
}

.icon-emoji--xsm {
    width: 10px;
    height: 10px
}

.icon-emoji--sm {
    width: 16px;
    height: 16px
}

.icon-emoji--md {
    width: 20px;
    height: 20px
}

.icon-emoji--lg {
    width: 30px;
    height: 30px
}

.icon-emoji--xlg {
    width: 48px;
    height: 48px
}

.icon-emoji--xxlg {
    width: 65px;
    height: 65px
}

.icon-emoji--stretch {
    width: 100%;
    height: 100%
}

.icon-emoji--camera {
    background-image: url(/img/emoji/camera.png)
}

.icon-emoji--camera-with-flash {
    background-image: url(/img/emoji/camera_with_flash.png)
}

.icon-emoji--hourglass {
    background-image: url(/img/emoji/hourglass.png)
}

.icon-emoji--hourglass-flowing-sand {
    background-image: url(/img/emoji/hourglass_flowing_sand.png)
}

.icon-emoji--lock {
    background-image: url(/img/emoji/lock.png)
}

.icon-emoji--unlock {
    background-image: url(/img/emoji/unlock.png)
}

.icon-emoji--dancers {
    background-image: url(/img/emoji/dancers.png)
}

.icon-emoji--desert {
    background-image: url(/img/emoji/desert.png)
}

.icon-emoji--confused {
    background-image: url(/img/emoji/confused.png)
}

.icon-emoji--thinking {
    background-image: url(/img/emoji/thinking.png)
}

.icon-emoji--blush {
    background-image: url(/img/emoji/blush.png)
}

.icon-emoji--heart-eyes {
    background-image: url(/img/emoji/heart_eyes.png)
}

.inline-button {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0;
    border: none;
    background: transparent;
    color: #949494;
    text-align: center
}

.inline-button:disabled {
    color: #c4c4c4
}

.old-android-webkit .inline-button {
    width: 100%
}

.inline-button__text {
    pointer-events: none
}

.inline-button--primary {
    color: #7000e3
}

.inline-button--secondary {
    color: #949494
}

.inline-button--inherited {
    color: inherit
}

.inline-button {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.inline-button--sm {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.input-slider {
    position: relative;
    padding: 15px 0;
    direction: ltr
}

.input-slider .input-slider__meter {
    position: relative;
    width: 100%;
    height: 1px;
    border-radius: 1px;
    background: #e0e0e0
}

.input-slider .input-slider__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    border-radius: inherit;
    background: currentColor
}

.input-slider .input-slider__handle {
    position: absolute;
    top: -14px;
    right: -15px;
    width: 30px;
    height: 30px;
    border: 1px solid currentColor;
    border-radius: 100%;
    background: #fff;
    cursor: pointer
}

.input-slider:before {
    top: -10px;
    bottom: -10px;
    content: ""
}

.input-slider:before,
.layout {
    position: absolute;
    right: 0;
    left: 0
}

.layout {
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100%;
    background: #fff
}

.layout--inherited {
    background: inherit
}

.layout__header {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.layout__header.layout__header--hpadded {
    padding-right: 15px;
    padding-left: 15px
}

.layout__header.layout__header--vpadded {
    padding-top: 15px;
    padding-bottom: 15px
}

.layout__content {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.layout__content.layout__content--hpadded {
    padding-right: 15px;
    padding-left: 15px
}

.layout__content.layout__content--vpadded {
    padding-top: 15px;
    padding-bottom: 15px
}

.layout__content.layout__content--vpadded+.layout__content.layout__content--vpadded {
    padding-top: 0
}

.layout__content.layout__content--centered {
    text-align: center
}

.layout__content.is-faded:after {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: hsla(0, 0%, 100%, .8)
}

.layout__footer {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: auto
}

.layout__footer.layout__footer--hpadded {
    padding-right: 15px;
    padding-left: 15px
}

.layout__footer.layout__footer--vpadded {
    padding-top: 20px;
    padding-bottom: 20px
}

.layout__content--vpadded+.layout__footer.layout__footer--vpadded {
    padding-top: 5px
}

.layout__footer.layout__footer--limited {
    max-width: 375px;
    margin-right: auto;
    margin-left: auto
}

.layout--centered-content>.layout__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: auto
}

.old-android-webkit .layout--centered-content>.layout__content {
    margin-top: 15px
}

.layout--centered-content>.layout__content:last-of-type {
    margin-bottom: auto
}

.old-android-webkit .layout--centered-content>.layout__content:last-of-type {
    margin-bottom: 15px
}

.layout--stretched-content>.layout__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.layout--with-fake-nav {
    padding-top: 50px
}

.layout.is-fixed {
    position: fixed
}

.page {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    background: #fff
}

.page.is-fixed {
    position: fixed
}

.mark {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px
}

.mark--red {
    background-color: #ff661b;
    color: #fff
}

.mark--white {
    background-color: #fff;
    color: #000
}

.mark--white:after {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    content: "";
    border: 1px solid rgba(0, 0, 0, .03);
    border-radius: 11px
}

.mark--brand {
    background-color: #7000e3;
    color: #fff
}

.mark--shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.radio-slider {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.radio-slider:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 1px solid #e0e0e0;
    border-radius: 10px
}

.radio-slider__item {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 0;
    border: 1px solid #e0e0e0;
    background: #fff
}

.radio-slider__item+.radio-slider__item {
    margin-left: -7px;
    border-left-color: transparent
}

.radio-slider__item:first-of-type {
    border-radius: 10px 0 0 10px
}

.radio-slider__item:last-of-type {
    border-radius: 0 10px 10px 0
}

.radio-slider__item.is-active {
    z-index: 2;
    border: 1px solid currentColor;
    border-radius: 10px;
    color: #7000e3
}

.radio-slider__radio {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.radio-slider__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    padding: 13px 5px;
    text-align: center;
    text-overflow: ellipsis
}

.radio-slider__radio:checked+.radio-slider__text {
    color: #7000e3
}

.radio-slider__radio:disabled+.radio-slider__text {
    color: #e0e0e0
}

.online-status {
    position: relative;
    display: none;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.online-status--idle,
.online-status--offline,
.online-status--online {
    display: inline-block
}

.online-status--online {
    background: #17d417
}

.online-status--idle {
    background: #ffc831
}

.online-status--offline {
    background: #c4c4c4
}

.navigation-bar {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    width: 100vw;
    padding: 5px 8px;
    background: #fff;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.navigation-bar .navigation-bar__primary,
.navigation-bar .navigation-bar__secondary,
.navigation-bar .navigation-bar__title {
    color: #000
}

.navigation-bar,
.navigation-bar+.fake {
    height: 50px
}

.navigation-bar.is-hidden,
.navigation-bar.is-hidden+.fake {
    display: none
}

.navigation-bar.navigation-bar--static,
.old-android-webkit .navigation-bar {
    position: absolute;
    right: 0;
    width: 100%
}

@media (orientation:landscape) {
    .navigation-bar {
        z-index: 11
    }
}

.navigation-bar--current-color {
    background-color: currentColor
}

.navigation-bar--current-color .navigation-bar__primary,
.navigation-bar--current-color .navigation-bar__secondary,
.navigation-bar--current-color .navigation-bar__title {
    color: #fff
}

.navigation-bar--transparent {
    background: transparent;
    box-shadow: none
}

.navigation-bar--transparent .navigation-bar__primary,
.navigation-bar--transparent .navigation-bar__secondary,
.navigation-bar--transparent .navigation-bar__title {
    color: #fff
}

.navigation-bar--no-background {
    background: transparent;
    box-shadow: none
}

.navigation-bar--shadow {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.navigation-bar__main {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 0 8px;
    text-align: center
}

.navigation-bar__main-content {
    width: 100%
}

.navigation-bar__main-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.navigation-bar__main-overlay.is-shown {
    opacity: 1
}

.navigation-bar__logo,
.navigation-bar__logo-alt {
    display: block;
    width: 110px;
    height: 40px;
    margin: auto
}

.navigation-bar__logo-alt>svg,
.navigation-bar__logo>svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.navigation-bar__logo-alt {
    display: none
}

.navigation-bar__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 8px;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis
}

body.ios-font-helvetica .navigation-bar__title {
    font-weight: 500
}

body.android-font-system .navigation-bar__title {
    font-weight: 700
}

body.android-font-roboto-new .navigation-bar__title {
    font-weight: 500
}

.navigation-bar__title-additional {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    min-height: 17px;
    color: #949494;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis
}

.navigation-bar__primary,
.navigation-bar__secondary {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 39px
}

.has-wide-sides .navigation-bar__primary,
.has-wide-sides .navigation-bar__secondary {
    min-width: 78px
}

.navigation-bar__primary {
    text-align: left
}

.navigation-bar__secondary {
    text-align: right
}

.navigation-bar__icon {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 7px
}

.navigation-bar__icon:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.navigation-bar__icon.is-disabled {
    opacity: .5
}

.navigation-bar__icon.is-active {
    color: #7000e3
}

.navigation-bar__icon.is-hidden {
    display: none
}

.navigation-bar__back-with-counter {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 0
}

.navigation-bar__back-with-counter:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.navigation-bar__back-with-counter .navigation-bar__back-with-counter-text {
    overflow: hidden;
    width: 20px;
    margin-left: -8px;
    white-space: nowrap
}

.navigation-bar__menu-notification {
    position: absolute;
    top: 7px;
    left: 24px;
    box-sizing: content-box;
    width: 6px;
    height: 6px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #ff661b;
    background-clip: content-box;
    color: #fff
}

.navigation-bar__button-text {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    padding: 12px 2px;
    border: none;
    background: transparent;
    color: #7000e3;
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer
}

.navigation-bar__button-text:after {
    position: absolute;
    top: 0;
    right: -5px;
    bottom: 0;
    left: -10px;
    content: ""
}

.navigation-bar__button-text.is-disabled {
    color: #949494
}

.navigation-bar__button-text.is-hidden {
    display: none
}

.navigation-bar__profile {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 32px;
    margin: 0 8px;
    padding: 0 0 0 32px;
    text-align: left
}

.navigation-bar__profile-avatar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 32px;
    margin: auto
}

.navigation-bar__profile-avatar:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.navigation-bar__profile-info {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    margin-left: 10px
}

body.ios-font-helvetica .navigation-bar__profile-info {
    font-weight: 500
}

body.android-font-system .navigation-bar__profile-info {
    font-weight: 700
}

body.android-font-roboto-new .navigation-bar__profile-info {
    font-weight: 500
}

.navigation-bar__profile-additional {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    max-width: 100%;
    margin-left: 10px;
    color: #949494;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width:320px) {
    .navigation-bar__profile-additional {
        font-size: 11px
    }
}

.navigation-bar__checkbox {
    position: relative;
    padding: 7px
}

.tabbar {
    position: fixed !important;
    z-index: 998 !important;
    right: 0;
    bottom: 50px;
    left: 0;
    height: 50px;
    background-color: #fff;

opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tabbar.tabbar--no-shadow {
    box-shadow: none
}

.has-tabbar .tabbar {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.has-tabbar-banner .tabbar {
    height: 100px
}

.tabbar__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

.tabbar__item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tabbar__banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    background: #fafafa
}

.h-tabbar-affected {
    padding-bottom: 50px
}

.has-tabbar-banner .h-tabbar-affected {
    padding-bottom: 100px
}

.tabbar-item {
    position: relative;
    display: block;
    height: 50px;
    padding: 10px 0
}

.tabbar-item.is-active,
.tabbar-item.is-pressed {
    color: #7000e3
}

.tabbar-item__icon {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: auto
}

.tabbar-item__icon-indicator {
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    box-sizing: content-box;
    width: 7px;
    height: 7px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #ff661b;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@-webkit-keyframes b {
    0.00% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    6.25% {
        -webkit-transform: translate3d(0, -55.63%, 0);
        transform: translate3d(0, -55.63%, 0)
    }
    18.75% {
        -webkit-transform: translate3d(0, 33.74%, 0);
        transform: translate3d(0, 33.74%, 0)
    }
    31.25% {
        -webkit-transform: translate3d(0, -20.46%, 0);
        transform: translate3d(0, -20.46%, 0)
    }
    43.75% {
        -webkit-transform: translate3d(0, 12.41%, 0);
        transform: translate3d(0, 12.41%, 0)
    }
    56.25% {
        -webkit-transform: translate3d(0, -7.53%, 0);
        transform: translate3d(0, -7.53%, 0)
    }
    68.75% {
        -webkit-transform: translate3d(0, 4.57%, 0);
        transform: translate3d(0, 4.57%, 0)
    }
    81.25% {
        -webkit-transform: translate3d(0, -2.77%, 0);
        transform: translate3d(0, -2.77%, 0)
    }
    93.75% {
        -webkit-transform: translate3d(0, 1.68%, 0);
        transform: translate3d(0, 1.68%, 0)
    }
    100.00% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes b {
    0.00% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    6.25% {
        -webkit-transform: translate3d(0, -55.63%, 0);
        transform: translate3d(0, -55.63%, 0)
    }
    18.75% {
        -webkit-transform: translate3d(0, 33.74%, 0);
        transform: translate3d(0, 33.74%, 0)
    }
    31.25% {
        -webkit-transform: translate3d(0, -20.46%, 0);
        transform: translate3d(0, -20.46%, 0)
    }
    43.75% {
        -webkit-transform: translate3d(0, 12.41%, 0);
        transform: translate3d(0, 12.41%, 0)
    }
    56.25% {
        -webkit-transform: translate3d(0, -7.53%, 0);
        transform: translate3d(0, -7.53%, 0)
    }
    68.75% {
        -webkit-transform: translate3d(0, 4.57%, 0);
        transform: translate3d(0, 4.57%, 0)
    }
    81.25% {
        -webkit-transform: translate3d(0, -2.77%, 0);
        transform: translate3d(0, -2.77%, 0)
    }
    93.75% {
        -webkit-transform: translate3d(0, 1.68%, 0);
        transform: translate3d(0, 1.68%, 0)
    }
    100.00% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.tabbar-item__icon-indicator.is-shown {
    opacity: 1
}

.tabbar-item__icon-indicator.is-animated {
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}

.tabbar-item__icon-counter-wrapper {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 5px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.tabbar-item__icon-counter {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    min-width: 22px;
    min-height: 22px;
    padding: 3px;
    border: 2px solid #fff;
    border-radius: 11px;
    background: #ff661b;
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 12px;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@-webkit-keyframes c {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    6.66% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    10%,
    93.33% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

@keyframes c {
    0%,
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    6.66% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    10%,
    93.33% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

.tabbar-item__icon-counter.is-still {
    -webkit-transform: none;
    transform: none
}

.tabbar-item__icon-counter.is-animated {
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.tabbar-item__userpic {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: auto
}

.tabbar-item__boost {
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px
}

.cta-box {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center
}

.cta-box__media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 345px;
    margin: 0 auto 15px;
    padding: 0 10px
}

.cta-box__media.cta-box__media--wide {
    max-width: none;
    padding-right: 0;
    padding-left: 0
}

@media (min-width:1280px) {
    .cta-box__media {
        max-width: 780px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.cta-box__header {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    overflow: hidden;
    max-width: 345px;
    margin: 0 auto 10px;
    padding: 0 10px;
    color: #000;
    text-overflow: ellipsis
}

.cta-box__header:only-child {
    margin-bottom: 0
}

.cta-box__header.cta-box__header--lg {
    font-size: 28px;
    line-height: 37px
}

.cta-box__header.cta-box__header--lg,
.cta-box__header.cta-box__header--sm {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif
}

.cta-box__header.cta-box__header--sm {
    font-size: 18px;
    line-height: 25px
}

.cta-box__header.cta-box__header--xsm {
    font-family: -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px
}

body.ios-font-helvetica .cta-box__header.cta-box__header--xsm {
    font-weight: 500
}

body.android-font-system .cta-box__header.cta-box__header--xsm {
    font-weight: 700
}

body.android-font-roboto-new .cta-box__header.cta-box__header--xsm {
    font-weight: 500
}

@media (min-width:1280px) {
    .cta-box__header {
        max-width: 780px;
        margin-bottom: 20px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.cta-box__content {
    max-width: 345px;
    margin: 0 auto 15px;
    padding: 0 10px;
    color: #6a6a6a
}

.cta-box__content:last-child,
.cta-box__content:only-child {
    margin-bottom: 0
}

.cta-box__content.is-hidden {
    display: none
}

.cta-box__content.cta-box__content--wide {
    max-width: none;
    padding-right: 0;
    padding-left: 0
}

.cta-box__content.cta-box__content--sm {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.cta-box__content.cta-box__content--xsm {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

@media (min-width:1280px) {
    .cta-box__content {
        max-width: 780px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.cta-box__buttons {
    max-width: 345px;
    margin: 20px auto 0
}

.cta-box__buttons:first-child {
    margin-top: 0
}

.cta-box__buttons.cta-box__buttons--limited {
    max-width: 240px
}

@media (min-width:1280px) {
    .cta-box__buttons.cta-box__buttons--limited {
        max-width: 480px
    }
}

.cta-box__buttons.cta-box__buttons--wide {
    max-width: none;
    padding-right: 0;
    padding-left: 0
}

@media (min-width:1280px) {
    .cta-box__buttons {
        max-width: 780px
    }
}

.cta-box__additional {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    max-width: 345px;
    margin: 15px auto 0;
    padding: 0 10px;
    color: #949494
}

.cta-box__additional.is-hidden,
.cta-box__additional:empty {
    display: none
}

.cta-box__additional.cta-box__additional--prominent {
    color: #6a6a6a
}

.cta-box__additional a {
    color: inherit;
    text-decoration: underline
}

@media (min-width:1280px) {
    .cta-box__additional {
        max-width: 780px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.cta-box__loader {
    margin: auto;
    opacity: .5
}

.cta-box--compact .cta-box__buttons {
    margin-top: 15px
}

.cta-box--compact .cta-box__buttons:first-child {
    margin-top: 0
}

.cta-box--compact .cta-box__additional {
    margin-top: 10px
}

.cta-box--vpadded {
    padding-top: 10px;
    padding-bottom: 10px
}

.cta-box--hpadded {
    padding-right: 15px;
    padding-left: 15px
}

.cta-box--inherited .cta-box__additional,
.cta-box--inherited .cta-box__content,
.cta-box--inherited .cta-box__header {
    color: inherit
}

@media (max-height:400px),
(orientation:landscape) and (max-height:600px) {
    .cta-box__buttons {
        margin-top: 15px
    }
    .cta-box__buttons:first-child {
        margin-top: 0
    }
    .cta-box__additional {
        margin-top: 10px
    }
}

.search-field,
.search-field__input {
    position: relative;
    display: block
}

.search-field__input {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    z-index: 1;
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 8px;
    outline: none;
    border: none;
    border-radius: 10px;
    background: #f6f6f6;
    -webkit-appearance: none;
    appearance: none
}

.search-field__icon {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 16px;
    height: 16px;
    margin: auto 0
}

.search-field__icon+.search-field__input {
    padding-left: 36px
}

.spotlight {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

.spotlight::-webkit-scrollbar {
    display: none
}

.spotlight_ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
    min-width: 100%;
    padding: 10px 15px
}

.spotlight__action {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.spotlight__content {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 70px
}

.spotlight__promo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spotlight__promo,
.spotlight__users {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.spotlight__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70px;
    height: 70px
}

.spotlight__item:not(:only-child) {
    margin-left: 10px
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: translate3d(100vw, 0, 0);
        transform: translate3d(100vw, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes d {
    0% {
        -webkit-transform: translate3d(100vw, 0, 0);
        transform: translate3d(100vw, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.spotlight__action .brick__image {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.spotlight__action.is-standby-animation {
    -webkit-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0)
}

.spotlight__action.is-run-animation {
    -webkit-animation: d .5s cubic-bezier(.35, 1.6, .45, .9) 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.6, .45, .9) 1 forwards
}

.spotlight__action.is-pressed .brick__image {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.spotlight__promo {
    -webkit-transition: opacity .25s ease, visibility .25s;
    transition: opacity .25s ease, visibility .25s
}

.spotlight__promo.is-standby-animation {
    -webkit-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0)
}

.spotlight__promo.is-run-animation {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .15s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .15s 1 forwards
}

.spotlight__users.is-standby-animation {
    overflow: hidden;
    width: 0
}

.spotlight__users.is-standby-animation>.spotlight__item {
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw)
}

.spotlight__users.is-run-animation {
    overflow: initial;
    width: auto
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(15) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 2.1s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 2.1s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(14) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.95s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.95s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(13) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.8s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.8s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(12) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.65s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.65s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(11) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.5s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.5s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(10) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.35s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.35s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(9) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.2s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.2s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(8) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.05s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 1.05s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(7) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .9s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .9s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(6) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .75s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .75s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(5) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .6s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .6s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(4) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .45s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .45s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(3) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .3s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .3s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:nth-child(2) {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .15s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) .15s 1 forwards
}

.spotlight__users.is-run-animation>.spotlight__item:first-child {
    -webkit-animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 0s 1 forwards;
    animation: d .5s cubic-bezier(.35, 1.4, .45, .95) 0s 1 forwards
}

@-webkit-keyframes e {
    0% {
        margin-left: -70px;
        opacity: .5
    }
    to {
        margin-left: 10px;
        opacity: 1
    }
}

@keyframes e {
    0% {
        margin-left: -70px;
        opacity: .5
    }
    to {
        margin-left: 10px;
        opacity: 1
    }
}

@-webkit-keyframes f {
    0% {
        border-color: #ff661b
    }
    to {
        border-color: #c4c4c4
    }
}

@keyframes f {
    0% {
        border-color: #ff661b
    }
    to {
        border-color: #c4c4c4
    }
}

.spotlight__item.is-standby-animation {
    margin-left: -70px
}

.spotlight__item.is-run-animation {
    -webkit-animation: e 1s ease .15s forwards;
    animation: e 1s ease .15s forwards
}

.spotlight__item.is-run-animation>.brick:before {
    -webkit-animation: f 5s ease 1s forwards;
    animation: f 5s ease 1s forwards
}

.connections-filter {
    display: block
}

.connections-filter__controls {
    position: relative
}

.connections-filter__title {
    width: 100%;
    margin: 0 0 0 auto
}

.connections-filter__search {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.connections-filter__options {
    overflow: hidden;
    max-height: 0
}

.has-transition .connections-filter__options {
    -webkit-transition: all .3s;
    transition: all .3s
}

.connections-filter-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 44px 0 0;
    border-radius: 10px;
    background-color: #f6f6f6
}

.connections-filter__options .connections-filter-item {
    margin-top: 5px;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.has-transition .connections-filter__options .connections-filter-item {
    -webkit-transition: all .3s;
    transition: all .3s
}

.connections-filter__options .connections-filter-item:first-child {
    opacity: 0;
    -webkit-transform: translate3d(0, -49px, 0);
    transform: translate3d(0, -49px, 0)
}

.connections-filter__options .connections-filter-item:nth-child(2) {
    opacity: 0;
    -webkit-transform: translate3d(0, -98px, 0);
    transform: translate3d(0, -98px, 0)
}

.connections-filter__options .connections-filter-item:nth-child(3) {
    opacity: 0;
    -webkit-transform: translate3d(0, -147px, 0);
    transform: translate3d(0, -147px, 0)
}

.connections-filter__options .connections-filter-item:nth-child(4) {
    opacity: 0;
    -webkit-transform: translate3d(0, -196px, 0);
    transform: translate3d(0, -196px, 0)
}

.connections-filter__options .connections-filter-item:nth-child(5) {
    opacity: 0;
    -webkit-transform: translate3d(0, -245px, 0);
    transform: translate3d(0, -245px, 0)
}

.connections-filter-item__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    color: #000;
    opacity: 1;
    white-space: nowrap;
    text-overflow: ellipsis
}

.connections-filter-item__label:first-child {
    margin-left: 15px
}

.connections-filter-item.is-active .connections-filter-item__label {
    font-weight: 600
}

body.ios-font-helvetica .connections-filter-item.is-active .connections-filter-item__label {
    font-weight: 500
}

body.android-font-system .connections-filter-item.is-active .connections-filter-item__label {
    font-weight: 700
}

body.android-font-roboto-new .connections-filter-item.is-active .connections-filter-item__label {
    font-weight: 500
}

.connections-filter-item__mark {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 0
}

.connections-filter-item__counter {
    margin-left: 15px;
    line-height: 0
}

.connections-filter-item__counter.is-hidden {
    display: none
}

.connections-filter-item__counter--fix-width {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 35px
}

.connections-filter-item__counter--fix-width,
.connections-filter-item__counter--fix-width.is-hidden {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.connections-filter-item__counter--fix-width.is-hidden>.connections-filter-item__counter-container {
    display: none
}

.connections-filter-item__counter+.connections-filter-item__label,
.connections-filter-item__label+.connections-filter-item__mark {
    margin-left: 10px
}

.connections-filter-item__extra {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 44px;
    min-height: 44px
}

.connections-filter-item__extra .connections-filter-item__counter:first-child,
.connections-filter-item__extra .connections-filter-item__label:first-child {
    margin-left: 0
}

.connections-filter-item__chevron {
    color: #c4c4c4
}

.connections-filter-item__close {
    width: 20px;
    height: 20px
}

.connections-filter-item__close:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.connections-filter-search {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #fff
}

.connections-filter-search__field {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    background: transparent;
    color: #949494;
    white-space: nowrap;
    text-overflow: ellipsis
}

.connections-filter-search__extra {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.connections-filter-search__icon {
    width: 20px;
    height: 20px;
    color: #c4c4c4
}

.connections-filter-search__field+.connections-filter-search__extra {
    margin-left: 5px
}

.connections-filter.is-expanded .connections-filter__title {
    width: 44px
}

.connections-filter.is-expanded .connections-filter__title .connections-filter-item:after {
    position: absolute;
    top: -10px;
    right: -15px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.connections-filter.is-expanded .connections-filter__title .connections-filter-item__counter,
.connections-filter.is-expanded .connections-filter__title .connections-filter-item__label {
    display: none
}

.connections-filter.is-expanded .connections-filter__title .connections-filter-item__chevron {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.connections-filter.is-expanded .connections-filter__search {
    right: 49px;
    display: block
}

.connections-filter.is-expanded .connections-filter__options {
    max-height: 299px
}

.connections-filter.is-expanded .connections-filter__options .connections-filter-item {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.connections-search-field {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    background: transparent;
    color: #000
}

.csms-connections-item {
    padding: 0 15px
}

@-webkit-keyframes g {
    0% {
        height: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    50% {
        height: 70px;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    to {
        height: 70px;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes h {
    0% {
        height: 70px;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        height: 70px;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    to {
        height: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
}

.csms-connections-item.is-deleted {
    -webkit-animation-name: h;
    animation-name: h;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.csms-connections-item.mw-connections-item--is-added-hack {
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.old-android-webkit .csms-connections-item--user .csms-brick__avatar .csms-avatar__image {
    border-radius: 50%
}

.connections-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    padding: 0 15px
}

@keyframes g {
    0% {
        height: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    50% {
        height: 70px;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    to {
        height: 70px;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes h {
    0% {
        height: 70px;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        height: 70px;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    to {
        height: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
}

.connections-item+.connections-item {
    margin-top: 13px
}

.connections-item.connections-item--divider {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0
}

.connections-item.connections-item--divider+.connections-item {
    margin-top: 15px
}

.connections-item .b-link {
    display: none
}

.is-editing .connections-item .b-link {
    display: block
}

.connections-item.is-added {
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.connections-item.is-deleted {
    -webkit-animation-name: h;
    animation-name: h;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.connections-item__image {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70px;
    height: 70px
}

.connections-item__info {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    width: 100%
}

.connections-item__extra {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.connections-item__chevron {
    color: #6a6a6a
}

.connections-item__favourite {
    color: #e0e0e0
}

.connections-item__favourite:after {
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    content: ""
}

.connections-item__favourite.is-active {
    color: #7000e3
}

.connections-item__image+.connections-item__info {
    margin-left: 15px
}

.connections-item__info+.connections-item__extra {
    margin-left: 5px
}

.connections-item-preview,
.connections-item-preview__title {
    display: block
}

.connections-item-preview__info {
    overflow: hidden;
    max-width: 100%;
    color: #949494;
    white-space: nowrap;
    text-overflow: ellipsis
}

.connections-item-preview__info.is-highlighted {
    color: #000
}

.connection-item-preview__info--expanded {
    white-space: normal
}

.connections-item-preview__sticker {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}

.connections-item-preview__title+.connections-item-preview__info {
    margin-top: 4px
}

.old-android-webkit .page.connections .layout {
    z-index: 1
}

.connections__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.has-tabbar .connections__content {
    padding-bottom: 60px
}

.has-tabbar.has-tabbar-banner .connections__content {
    padding-bottom: 110px
}

.connections__navigation .connections__navigation-default {
    display: block
}

.is-scrolled-spotlight .connections__navigation .connections__navigation-default .navigation-bar {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.connections__navigation .connections__navigation-search {
    display: none
}

.is-scrolled .connections__navigation {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.connections__spotlight.connections__spotlight--fixed {
    position: fixed;
    z-index: 10;
    top: 50px;
    left: 0;
    width: 100%;
    background: #fff
}

.old-android-webkit .connections__spotlight.connections__spotlight--fixed {
    position: absolute
}

.is-scrolled .connections__spotlight {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.old-android-webkit .is-scrolled .connections__spotlight {
    box-shadow: none
}

.connections__filter-container {
    position: relative;
    z-index: 9;
    min-height: 44px;
    margin: 5px 0 0
}

.connections__update-button {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 5px 0 0;
    padding: 0 15px;
    pointer-events: none
}

.connections__update-button.is-hidden {
    display: none
}

.connections__update-button.is-fixed {
    position: fixed
}

.connections__loader {
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0 0;
    background: #fff;
    color: #5e6773
}

.connections__fader {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: hsla(0, 0%, 100%, .7);
    visibility: hidden
}

.is-editing .connections__fader {
    visibility: visible
}

.connections__folder-empty {
    display: none;
    margin: auto
}

.connections__search-empty {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    display: none;
    color: #949494
}

.connections__empty-screen-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.connections__items {
    position: relative;
    margin: 15px 0 0;
    padding: 0 0 25px
}

.connections.is-loading .connections__loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.connections.is-empty .connections__folder-empty {
    display: block
}

.connections.is-empty-fullscreen .connections__filter-container,
.connections.is-empty-fullscreen .connections__spotlight,
.connections.is-empty .connections__items,
.connections.is-searching .connections__navigation .connections__navigation-default {
    display: none
}

.connections.is-searching .connections__navigation .connections__navigation-search {
    display: block
}

.connections.is-searching .connections__filter-container,
.connections.is-searching .connections__spotlight {
    display: none
}

.connections.is-searching-empty .layout__content {
    position: static
}

.connections.is-searching-empty .connections__items {
    display: none
}

.connections.is-searching-empty .connections__search-empty {
    display: block
}

.connections-google-ad {
    display: block;
    width: 100%;
    height: 50px
}

.floating-icon {
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .06)
}

.floating-icon--stretch {
    width: 100%;
    height: 100%
}

.floating-icon.is-pressed {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.floating-icon.is-disabled {
    visibility: hidden
}

.feature-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.feature-card.is-hidden {
    display: none
}

.feature-card__promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.feature-card__promo-image {
    position: relative;
    min-width: 65px;
    line-height: 0
}

.feature-card__promo-image .feature-card__promo-badge {
    position: absolute;
    right: 0;
    bottom: 0
}

.feature-card__content {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.feature-card__promo+.feature-card__content {
    margin-left: 15px
}

.feature-card__title {
    font-weight: 600;
    color: #6a6a6a
}

body.ios-font-helvetica .feature-card__title {
    font-weight: 500
}

body.android-font-system .feature-card__title {
    font-weight: 700
}

body.android-font-roboto-new .feature-card__title {
    font-weight: 500
}

.feature-card__text {
    color: #949494
}

.feature-card__text--sm {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px
}

.feature-card__title+.feature-card__text {
    margin-top: 4px
}

.feature-card__action {
    position: relative;
    color: #7000e3
}

.feature-card__action:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.feature-card__text+.feature-card__action,
.feature-card__title+.feature-card__action {
    margin-top: 4px
}

.feature-card__cost {
    color: #949494;
    font-size: 12px;
    line-height: 14px
}

.feature-card__text+.feature-card__cost,
.feature-card__title+.feature-card__cost {
    margin-top: 4px
}

.external-providers {
    display: block
}

.external-provider {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.external-provider:not(:last-of-type) {
    margin: 0 0 10px
}

.external-provider .external-provider__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 65px;
    height: 65px
}

.external-provider .external-provider__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 0 15px
}

.external-provider .external-provider__details-summary {
    font-weight: 600;
    color: #6a6a6a
}

body.ios-font-helvetica .external-provider .external-provider__details-summary {
    font-weight: 500
}

body.android-font-system .external-provider .external-provider__details-summary {
    font-weight: 700
}

body.android-font-roboto-new .external-provider .external-provider__details-summary {
    font-weight: 500
}

.external-provider .external-provider__details-text {
    color: #c4c4c4
}

.external-providers-list--horizontal {
    overflow-x: auto;
    box-sizing: content-box;
    margin: 0 -15px;
    padding: 0 15px;
    white-space: nowrap
}

.external-providers-list--horizontal .external-provider {
    display: inline-block;
    vertical-align: top
}

.external-providers-list--horizontal .external-provider:not(:last-of-type) {
    margin-right: 15px
}

.external-providers-list--horizontal .external-provider .external-provider__details {
    width: 65px;
    margin-top: 7px;
    margin-left: 0;
    white-space: normal
}

.external-providers-list--horizontal .external-provider .external-provider__details-summary {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #6a6a6a;
    text-align: center
}

.external-providers-list--horizontal.external-providers-list--centered {
    text-align: center
}

.external-providers-list--horizontal.external-providers-list--centered .external-provider:nth-last-of-type(2):first-of-type {
    margin-right: 25px
}

.external-providers-list__disclaimer {
    margin-top: 15px
}

.share-copy-fallback {
    display: block;
    width: 100%;
    text-align: center
}

.features-list {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    max-width: 345px;
    margin: 0 auto
}

.features-list--standalone {
    margin-top: 15px;
    margin-bottom: 15px
}

.features-list__title {
    font-weight: 600;
    margin: 0 0 15px;
    color: #6a6a6a;
    text-align: center
}

body.ios-font-helvetica .features-list__title {
    font-weight: 500
}

body.android-font-system .features-list__title {
    font-weight: 700
}

body.android-font-roboto-new .features-list__title {
    font-weight: 500
}

.features-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px
}

.features-list__item-image {
    position: relative;
    top: -5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 12px 0 0
}

.features-list__item-details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.features-list__item-details-summary {
    font-weight: 600;
    color: #949494
}

body.ios-font-helvetica .features-list__item-details-summary {
    font-weight: 500
}

body.android-font-system .features-list__item-details-summary {
    font-weight: 700
}

body.android-font-roboto-new .features-list__item-details-summary {
    font-weight: 500
}

.features-list__item-details-text {
    margin: 3px 0 0;
    color: #c4c4c4
}

.floating-action {
    position: fixed;
    z-index: 11;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 15px;
    background: #fff;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .1);
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: visibility, -webkit-transform;
    transition-property: visibility, -webkit-transform;
    transition-property: visibility, transform;
    transition-property: visibility, transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s
}

.floating-action:after,
.floating-action:before {
    display: table;
    content: " "
}

.floating-action:after {
    clear: both
}

.has-tabbar .floating-action {
    bottom: 50px
}

.has-tabbar.has-tabbar-banner .floating-action {
    bottom: 100px
}

.floating-action+.fake {
    padding: 12px 15px;
    visibility: hidden
}

.floating-action+.fake:after,
.floating-action+.fake:before {
    display: table;
    content: " "
}

.floating-action+.fake:after {
    clear: both
}

.floating-action.is-inactive {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition-delay: .15s, 0s;
    transition-delay: .15s, 0s
}

.floating-action.is-inactive+.fake {
    display: none
}

.old-android-webkit .floating-action.is-inactive {
    z-index: 12;
    top: 1000%;
    opacity: .99;
    visibility: visible
}

.gallery-vertical-paginator {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 15px;
    width: 10px;
    height: 70px
}

.gallery-vertical-paginator .is-animated {
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.gallery-vertical-paginator .paginator-moving-target {
    will-change: transform
}

.gallery-vertical-paginator__indicator-container {
    width: 10px;
    height: 14px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.gallery-vertical-paginator__indicator {
    position: relative;
    width: 10px;
    height: 10px;
    color: #fff
}

.gallery-paginator-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.gallery-paginator-icon__figure {
    fill: transparent;
    -webkit-transition: fill .2s;
    transition: fill .2s;
    stroke: currentColor
}

.trigger-gallery-paginator-icon.is-active .gallery-paginator-icon__figure {
    fill: currentColor
}

.encounters__hearts-bar-wrapper {
    position: relative;
    width: 100%
}

.encounters__card {
    position: fixed;
    z-index: 9;
    top: 50px;
    right: 15px;
    bottom: 10px;
    left: 15px;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.encounters__card.is-dragged {
    -webkit-transition: none;
    transition: none
}

.has-tabbar .encounters__card {
    bottom: 60px
}

.has-tabbar.has-tabbar-banner .encounters__card {
    bottom: 110px
}

.ios .encounters__card {
    right: 30px;
    left: 30px
}

.encounters__card .multimedia--add-video,
.encounters__card .multimedia--external-photos,
.encounters__card .multimedia--private-photos,
.encounters__card .multimedia--upsell-crush,
.encounters__card .multimedia--upsell-gift {
    padding-right: 45px;
    padding-left: 45px
}

.ios .encounters__card .multimedia--add-video,
.ios .encounters__card .multimedia--external-photos,
.ios .encounters__card .multimedia--private-photos,
.ios .encounters__card .multimedia--upsell-crush,
.ios .encounters__card .multimedia--upsell-gift {
    padding-right: 30px;
    padding-left: 30px
}

@media (max-height:500px) {
    .encounters__card .multimedia--upsell-gift .multimedia__content {
        margin-top: -50px
    }
    .encounters__card .multimedia--upsell-gift .triggered-hide {
        display: none
    }
}

.encounters__profile {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    min-height: 100%;
    background: #fff
}

.encounters.is-expanded .encounters__navigation-bar,
.encounters__zero-case {
    display: none
}

.encounters.is-expanded .encounters__cards {
    visibility: hidden
}

.encounters.is-expanded .encounters__profile {
    display: block
}

.encounters.is-legacy .navigation-bar.is-custom {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
    background: #fff
}

.encounters.is-legacy .encounters__profile {
    position: absolute;
    z-index: 9;
    top: 50px;
    display: block
}

.encounters.is-legacy .encounters__cards,
.encounters.is-legacy .profile-preview__close,
.encounters.is-zero-case .encounters__cards,
.encounters.is-zero-case .encounters__profile {
    display: none
}

.encounters.is-zero-case .encounters__zero-case {
    display: block
}

.encounters.page.is-expanded,
.encounters.page.is-legacy {
    position: absolute;
    overflow: visible
}

.encounters-card {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.encounters-card__photos {
    border-radius: 20px;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    mask-image: radial-gradient(circle, #fff, #000)
}

.encounters-card__content,
.encounters-card__photos {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.encounters-card__content {
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    background: #fff
}

.encounters-card__floating {
    position: absolute;
    right: 7px;
    bottom: 7px;
    left: 7px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.is-below .encounters-card__floating {
    -webkit-transform: none;
    transform: none
}

.encounters-card__info {
    position: relative;
    display: block;
    padding: 10px 15px 9px 12px;
    border-radius: 15px;
    background: #fff
}

@media (orientation:landscape) {
    .encounters-card__info {
        padding-right: 30px;
        padding-left: 27px
    }
}

.encounters-card__name {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #000
}

.encounters-card__crush+.encounters-card__info .encounters-card__name {
    margin-right: 70px
}

@media (orientation:landscape) {
    .encounters-card__crush+.encounters-card__info .encounters-card__name {
        margin-right: 85px
    }
}

.encounters-card__announce {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 40px;
    color: #6a6a6a;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.encounters-card__crush {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.encounters-card__name+.encounters-card__announce {
    margin-top: 2px
}

.encounters-card__name+.encounters-card__announce:empty {
    margin-top: 0
}

.encounters-crush {
    position: relative;
    display: block
}

.encounters-crush__button {
    position: absolute;
    z-index: 10;
    top: -32px;
    right: 15px;
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

@media (orientation:landscape) {
    .encounters-crush__button {
        right: 30px
    }
}

.encounters-crush__tooltip {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    padding: 10px 15px 25px;
    border-radius: 15px 15px 0 0;
    background-color: #7000e3;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s, visibility .3s;
    transition: transform .3s, opacity .3s, visibility .3s, -webkit-transform .3s
}

@media (orientation:landscape) {
    .encounters-crush__tooltip {
        padding-right: 30px;
        padding-left: 30px
    }
}

.encounters-crush__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left
}

.encounters-crush__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 65px;
    height: 65px
}

.encounters-crush__description+.encounters-crush__icon {
    margin-left: 15px
}

.encounters-crush.is-expanded .encounters-crush__button {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .1s .1s, visibility .2s;
    transition: opacity .1s .1s, visibility .2s
}

.encounters-crush.is-expanded .encounters-crush__tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.encounters-crush__tooltip--text-align-left .encounters-crush__description {
    text-align: left
}

@media (max-height:459px) {
    .encounters-crush__tooltip--text-align-left {
        padding-left: 25px
    }
}

.encounters-crush__description-cost {
    font-size: 14px
}

.encounters-crush__button-cost {
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #c4c4c4;
    text-align: center;
    font-size: 11px
}

.inline-coin,
.inline-coins {
    position: relative;
    display: inline-block;
    width: .764em;
    height: .764em;
    margin: 0 .2em;
    fill: currentColor
}

.inline-coin:first-child,
.inline-coins:first-child {
    margin-left: 0
}

.inline-coin>image,
.inline-coin>svg,
.inline-coins>image,
.inline-coins>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: inherit;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.inline-coins {
    width: 1.109em
}

.encounters-buttons {
    position: absolute;
    z-index: 21;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    margin: auto;
    pointer-events: none
}

.encounters-buttons.is-hidden,
.is-expanded .encounters-buttons {
    display: none
}

.encounters-buttons__item {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 65px;
    height: 65px;
    margin: auto;
    pointer-events: all
}

.encounters-buttons__item.encounters-buttons__item--yes {
    right: -5px
}

.encounters-buttons__item.encounters-buttons__item--no {
    left: -5px
}

.encounters-buttons__item.is-hidden {
    display: none
}

.has-tabbar-banner .encounters-buttons__item {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px)
}

.encounters-vote-indicator {
    position: absolute;
    z-index: 21;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: none
}

.encounters-vote-indicator.is-hidden {
    display: none
}

.encounters-vote-indicator .encounters-vote-indicator__icon {
    display: none;
    width: 100%;
    height: 100%
}

.encounters-vote-indicator[data-type=no] .encounters-vote-indicator__icon--no,
.encounters-vote-indicator[data-type=yes] .encounters-vote-indicator__icon--yes {
    display: block
}

.fake-app-banner-container+.fake {
    min-height: 80px
}

.fake-app-banner-container.is-hidden+.fake,
.fake-app-banner-container:empty+.fake {
    display: none
}

.fake-app-banner {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 80px;
    padding: 0 0 0 85px;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
    text-align: left
}

.is-hidden .fake-app-banner {
    display: none
}

.fake-app-banner .fake-app-banner__close {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 5px;
    color: #ccc
}

.fake-app-banner .fake-app-banner__close:after {
    position: absolute;
    top: -5px;
    right: -15px;
    bottom: -15px;
    left: -5px;
    content: ""
}

.fake-app-banner .fake-app-banner__content {
    display: inline-block;
    margin-top: 10px;
    margin-right: 36%
}

.fake-app-banner .fake-app-banner__buttons {
    position: absolute;
    top: 0;
    right: 2px;
    display: inline-block;
    width: 30%;
    height: 100%
}

.fake-app-banner .button-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    margin: auto 10px auto 0;
    text-align: center
}

.fake-app-banner .app-store-button {
    margin: auto;
    padding: 4px 9px;
    border: 1px solid #7000e3;
    border-radius: 5px;
    color: #7000e3;
    line-height: 15px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.fake-app-banner .app-store-button+.app-store-button {
    margin-top: 10px
}

.fake-app-banner .app-store-button.is-pressed {
    opacity: .5
}

.ios .fake-app-banner .app-store-button {
    border-color: #007aff;
    color: #007aff
}

.android .fake-app-banner .app-store-button {
    border-color: #a4c739;
    color: #a4c739
}

.fake-app-banner span {
    display: block;
    margin-bottom: 4px;
    color: #888;
    font-size: 10.5px;
    line-height: 14px
}

.fake-app-banner span,
.fake-app-banner span strong {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.fake-app-banner span.title {
    width: 100%;
    color: #14171b;
    font-size: 13px
}

.fake-app-banner .rating-stars {
    display: inline-block;
    width: 52px;
    height: 9px;
    background: url(../img/no-sprite/fake-rating.png) 50% no-repeat;
    background-size: cover
}

.fake-app-banner__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-top: auto;
    margin-bottom: auto
}

.fake-app-banner__icon svg {
    width: 100%;
    height: 100%
}

.landing__logo {
    position: relative;
    width: 38%;
    margin: auto
}

.landing__logo>svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%
}

.landing__logo-stretcher {
    display: block;
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%
}

.old-android-webkit .landing__logo-stretcher {
    width: 110px;
    height: 40px
}

.landing__decoration-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.landing__decoration {
    position: absolute
}

.landing__decoration--tr {
    top: 10%;
    right: -30px;
    width: 90px;
    height: 90px
}

.landing__decoration--tl {
    top: 16%;
    left: 15px;
    width: 35px;
    height: 35px
}

.landing__decoration--bl {
    top: 70%;
    left: -5px;
    width: 30px;
    height: 30px
}

.landing-links {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.landing-links__item {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494
}

.landing-links__item+.landing-links__item:before {
    content: "\00a0•\00a0"
}

.landing-links__item a {
    color: inherit;
    text-decoration: none
}

.sign-up-steps {
    position: relative
}

.sign-up-steps .sign-up-steps__cta {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.sign-up-steps .sign-up-steps__cta+.fake {
    visibility: hidden
}

.fill-profile-gender .input .input__field {
    height: auto
}

.fill-profile-gender__options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fill-profile-gender__options .checkbox-singular {
    pointer-events: none
}

.fill-profile-gender__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5px
}

.fill-profile-gender__label {
    margin: 0 0 0 10px;
    color: #6a6a6a;
    pointer-events: none
}

.deeplink {
    position: relative;
    max-width: 345px;
    margin: 0 auto
}

.deeplink__photo {
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.deeplink__photo:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.deeplink__fade {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 100px;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .3), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .3) 0, transparent)
}

.deeplink__info {
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 20px;
    color: #fff;
    text-align: left
}

.deeplink__name {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px
}

.deeplink__announce {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    opacity: .7
}

.menu {
    position: absolute;
    z-index: 700;
    display: none
}

.menu,
.menu__fade {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu__fade {
    position: fixed;
    background: rgba(0, 0, 0, .6)
}

.menu__content {
    position: relative;
    display: block;
    background: #fff
}

.menu__close {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 43px;
    height: 43px;
    padding: 10px
}

.menu__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 35px 15px
}

.menu__item,
.old-android-webkit .menu__items,
.old-windows-ie .menu__items {
    display: block
}

.menu__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    padding: 15px 5px
}

.old-android-webkit .menu__item,
.old-windows-ie .menu__item {
    display: inline-block;
    vertical-align: top
}

.menu-item,
.menu.is-active {
    display: block
}

.menu-item__icon {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin: auto
}

.menu-item__icon:after {
    position: absolute;
    top: -1px;
    right: -1px;
    display: none;
    padding: 0 9px 9px 0;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #ff661b
}

.menu-item__name {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 15px;
    line-height: 20px;
    display: block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.menu-item__icon+.menu-item__name {
    margin-top: 8px
}

.menu-item.is-active,
.menu-item.is-pressed .menu-item__icon {
    color: #7000e3
}

.menu-item.has-indicator .menu-item__icon:after {
    display: block;
    content: ""
}

.message-request__button-icon {
    position: relative;
    top: -1px;
    width: 12px;
    height: 12px
}

.message-request__button-icon,
.message-request__button-text {
    display: inline-block;
    vertical-align: middle
}

.message-request__button-icon+.message-request__button-text {
    vertical-align: middle;
    margin-left: 8px
}

.message-request__button--deny .message-request__button-icon {
    color: #ee203c
}

.message-request__button--allow .message-request__button-icon {
    color: #56b647
}

.message-request--outcoming-selfie .message-request__text {
    color: #949494
}

.message-request--outcoming-selfie .message-request__text--header {
    color: #6a6a6a
}

.message-request--outcoming-selfie .message-request__button-icon {
    width: 20px;
    height: 20px;
    color: #256cf5
}

.message-private-granted {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 180px;
    text-align: left
}

.message-private-granted__info {
    padding: 15px 13px;
    border: 1px solid #e6ecf2;
    border-radius: 0 0 20px 20px
}

.chat-message--in .message-private-granted__info {
    border-bottom-left-radius: 3px
}

.chat-message--out .message-private-granted__info {
    border-bottom-right-radius: 3px
}

.message-private-granted__info .message-private-granted-info__icon {
    position: relative;
    top: -1px;
    display: inline-block;
    margin: -5px 5px -5px 0;
    color: #256cf5
}

.message-private-granted__img {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 130px;
    border-radius: 20px 20px 0 0;
    background: #4708b9;
    color: #fff
}

.message-private-granted__img_ {
    width: 20%;
    height: 20%;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(5);
    transform: scale(5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.old-android-webkit .message-private-granted__img_ {
    display: none
}

.message-private-granted__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.message-private-granted__fade {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 20px 20px 0 0;
    background: rgba(71, 8, 185, .75)
}

.chat-message-gif {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 180px;
    text-align: left
}

.chat-message-gif__info {
    padding: 15px 13px;
    border: 1px solid #e6ecf2;
    border-radius: 0 0 20px 20px
}

.chat-message--in .chat-message-gif__info {
    border-bottom-left-radius: 3px
}

.chat-message--out .chat-message-gif__info {
    border-bottom-right-radius: 3px
}

.chat-message-gif__provider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.chat-message-gif__provider-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.chat-message-gif__provider-name {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-overflow: ellipsis
}

.chat-message-gif__provider-icon+.chat-message-gif__provider-name {
    margin-left: 10px
}

.chat-message-gif__img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 180px;
    padding-bottom: 72.222%;
    border-radius: 20px 20px 0 0;
    background: #f6f6f6
}

.chat-message-gif__img .chat-message__loader {
    color: #949494
}

.chat-message-gif__img_ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 0 0
}

.chat-message__status {
    display: none;
    width: 80%;
    margin: 8px auto 5px
}

.chat-message--out:last-child>.chat-message__status,
.chat-message__status.is-shown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat-message--in>.chat-message__status {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0
}

.chat-message--out>.chat-message__status {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 0
}

.chat-message__status-icon {
    margin: 0 5px 0 0;
    color: #c4c4c4
}

.chat-message__status-text {
    color: #949494;
    font-size: 12px;
    line-height: 15px
}

.chat-message--initial .chat-message__tail {
    position: relative;
    display: block;
    width: 21px;
    height: 31px;
    margin: -12px 0 -19px;
    color: #f6f6f6
}

.chat-message--initial .chat-message__tail>svg {
    width: 100%;
    height: 100%
}

.old-android-webkit .chat-message__tail {
    display: none!important
}

.chat-v2__controls {
    position: fixed;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    border-top: 1px solid #e6ecf2;
    border-bottom: 5px solid transparent;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased
}

.windows .chat-v2__controls {
    overflow: hidden
}

.chat-v2__controls.is-disabled {
    opacity: .5
}

.chat-controls {
    position: relative;
    z-index: 1
}

.chat-input {
    position: relative;
    display: none;
    background-color: #fff
}

.is-chat-messaging .chat-input {
    display: block
}

.chat-input__textarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 36px;
    left: 0;
    color: #333844
}

.has-initial .chat-input__textarea::-webkit-input-placeholder {
    color: #000
}

.chat-input__mirror {
    position: static;
    height: auto;
    color: transparent
}

.chat-input__mirror,
.chat-input__textarea {
    overflow: hidden;
    overflow-y: auto;
    min-height: 36px;
    max-height: 100px;
    padding: 8px 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 20px
}

.chat-input__textarea::-webkit-input-placeholder {
    color: #9aa3ab;
    opacity: .4;
    font-size: 16px;
    line-height: 20px
}

.chat-input__textarea:-ms-input-placeholder {
    color: #9aa3ab;
    opacity: .4;
    font-size: 16px;
    line-height: 20px
}

.chat-input__textarea::placeholder {
    color: #9aa3ab;
    opacity: .4;
    font-size: 16px;
    line-height: 20px
}

.chat-input__label {
    display: block;
    width: 100%;
    height: 36px
}

.chat-search {
    position: relative;
    display: none;
    padding: 0 0 36px;
    background-color: #fff
}

.is-chat-searching .chat-search {
    display: block
}

.chat-search__results .chat-search__results-scroller {
    overflow-x: auto;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.chat-search__results .chat-search__results-gallery {
    position: relative;
    padding: 3px 3px 0
}

.chat-search__results .chat-search__no-results {
    margin: 0 auto
}

.chat-search__results .chat-search__loading,
.chat-search__results .chat-search__no-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 90px;
    color: #9aa3ab
}

.chat-search__results .chat-search__loading {
    background-color: #f2f2f2
}

.chat-search__results .chat-search__results-gallery-item {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    height: 90px;
    margin: 0 3px 0 0;
    background-color: #f2f2f2
}

.chat-search__results .chat-search__results-gallery-item .chat-search__results-gallery-image {
    display: block;
    width: auto;
    height: 100%
}

.chat-search__filter {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px
}

.chat-search__filter .chat-search__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #9aa3ab
}

.chat-search__filter .chat-search__input {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 36px;
    margin: 0 0 0 5px;
    background: transparent
}

.chat-switchers {
    position: absolute;
    bottom: 0;
    left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.chat-switchers__item {
    display: block;
    width: 36px;
    height: 36px;
    padding: 5px;
    color: #9aa3ab
}

.chat-switchers__item.is-disabled {
    opacity: .4
}

.chat-send,
.chat-switchers__item.is-active {
    color: #7000e3
}

.chat-send {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    max-width: 200px;
    height: 36px;
    padding: 0 10px;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 36px
}

.chat-send.is-disabled {
    color: #9aa3ab
}

.chat-send__fake {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    text-indent: -9999px
}

.chat-send-heart {
    position: absolute;
    right: 0;
    bottom: 2px;
    display: none;
    padding: 0 10px
}

.chat-send-heart:after {
    position: absolute;
    top: -15px;
    right: 0;
    bottom: -5px;
    left: 0;
    content: ""
}

.chat-controls.abtest-heart-emoji .chat-send.is-disabled {
    display: none
}

.chat-controls.abtest-heart-emoji .chat-send.is-disabled+.chat-send-heart {
    display: block
}

.chat-v2__spacing-stub {
    display: block;
    min-height: 78px
}

.old-android-webkit .chat-v2__controls .chat-input {
    padding-top: 36px
}

.old-android-webkit .chat-v2__controls .chat-input__textarea {
    top: 36px;
    bottom: 0
}

.old-android-webkit .chat-v2__controls .chat-input__label {
    position: absolute;
    top: 0
}

.old-android-webkit .chat-v2__controls .chat-search {
    padding-top: 36px;
    padding-bottom: 0
}

.old-android-webkit .chat-v2__controls .chat-send,
.old-android-webkit .chat-v2__controls .chat-send-heart,
.old-android-webkit .chat-v2__controls .chat-switchers {
    top: 0;
    bottom: auto
}

.ice-breaker {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 15px;
    padding: 15px;
    border-radius: 15px;
    background: #f6f6f6
}

.ice-breaker .ice-breaker__userpic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0
}

.ice-breaker .ice-breaker__text {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    text-overflow: ellipsis
}

.chat-initial {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100%
}

.chat-initial__content {
    max-width: 375px;
    margin: 5px auto;
    padding: 0 15px;
    font-size: 15px;
    line-height: 20px
}

.chat-initial__content--match {
    margin-top: -7px;
    color: #5e6773;
    text-align: center
}

.chat-initial__header {
    margin: 15px 15px 0
}

.chat-initial__user-image {
    margin: 15px 0 10px
}

.chat-initial__invitation-simple {
    margin: 15px
}

.chat-initial-header {
    color: #000;
    text-align: center
}

@media (orientation:portrait) and (min-height:481px) {
    .chat-initial-header {
        font-weight: 400;
        font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
        font-size: 18px;
        line-height: 25px
    }
}

@media (orientation:landscape),
(orientation:portrait) and (max-height:480px) {
    .chat-initial-header {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }
}

.chat-invitation-simple {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6a6a6a;
    text-align: center
}

.initial-chat-screen__username {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    max-width: 290px;
    margin: 0 auto;
    text-align: center
}

.initial-chat-screen__message {
    margin: 20px 0 0
}

.initial-chat-screen__title {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-align: center
}

.initial-chat-screen__subtitle {
    color: #6a6a6a;
    text-align: center
}

.initial-chat-screen__gift-message {
    max-width: 290px;
    margin: 30px auto 0
}

.initial-chat-screen__gift-message-action,
.initial-chat-screen__gift-message-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.initial-chat-screen__gift-message-text+.initial-chat-screen__gift-message-action {
    margin-top: 5px
}

.initial-chat-screen__gifts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.initial-chat-screen__gift {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.initial-chat-screen__gift+.initial-chat-screen__gift {
    margin-left: 10px
}

.initial-chat-screen__title+.initial-chat-screen__subtitle,
.initial-chat-screen__username+.initial-chat-screen__subtitle {
    margin-top: 8px
}

@-webkit-keyframes i {
    0% {
        opacity: 0;
        -webkit-transform: rotate(4deg) scale(.8) translate(-20px, 20px);
        transform: rotate(4deg) scale(.8) translate(-20px, 20px)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotate(4deg) scale(.9) translate(-16px, 16px);
        transform: rotate(4deg) scale(.9) translate(-16px, 16px)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(4deg) scale(1) translate(-12px, 12px);
        transform: rotate(4deg) scale(1) translate(-12px, 12px)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(4deg) scale(1) translate(0);
        transform: rotate(4deg) scale(1) translate(0)
    }
}

@keyframes i {
    0% {
        opacity: 0;
        -webkit-transform: rotate(4deg) scale(.8) translate(-20px, 20px);
        transform: rotate(4deg) scale(.8) translate(-20px, 20px)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotate(4deg) scale(.9) translate(-16px, 16px);
        transform: rotate(4deg) scale(.9) translate(-16px, 16px)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(4deg) scale(1) translate(-12px, 12px);
        transform: rotate(4deg) scale(1) translate(-12px, 12px)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(4deg) scale(1) translate(0);
        transform: rotate(4deg) scale(1) translate(0)
    }
}

@-webkit-keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-16deg) scale(.8) translate(20px, 20px);
        transform: rotate(-16deg) scale(.8) translate(20px, 20px)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotate(-16deg) scale(.9) translate(16px, 16px);
        transform: rotate(-16deg) scale(.9) translate(16px, 16px)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(-16deg) scale(1) translate(12px, 12px);
        transform: rotate(-16deg) scale(1) translate(12px, 12px)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(-16deg) scale(1) translate(0);
        transform: rotate(-16deg) scale(1) translate(0)
    }
}

@keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-16deg) scale(.8) translate(20px, 20px);
        transform: rotate(-16deg) scale(.8) translate(20px, 20px)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotate(-16deg) scale(.9) translate(16px, 16px);
        transform: rotate(-16deg) scale(.9) translate(16px, 16px)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(-16deg) scale(1) translate(12px, 12px);
        transform: rotate(-16deg) scale(1) translate(12px, 12px)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(-16deg) scale(1) translate(0);
        transform: rotate(-16deg) scale(1) translate(0)
    }
}

@-webkit-keyframes k {
    0% {
        opacity: 0;
        -webkit-transform: rotate(10deg) scale(.8) translate(-20px, 20px);
        transform: rotate(10deg) scale(.8) translate(-20px, 20px)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(.9) translate(-16px, 16px);
        transform: rotate(10deg) scale(.9) translate(-16px, 16px)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(1) translate(-12px, 12px);
        transform: rotate(10deg) scale(1) translate(-12px, 12px)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(1) translate(0);
        transform: rotate(10deg) scale(1) translate(0)
    }
}

@keyframes k {
    0% {
        opacity: 0;
        -webkit-transform: rotate(10deg) scale(.8) translate(-20px, 20px);
        transform: rotate(10deg) scale(.8) translate(-20px, 20px)
    }
    10% {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(.9) translate(-16px, 16px);
        transform: rotate(10deg) scale(.9) translate(-16px, 16px)
    }
    20% {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(1) translate(-12px, 12px);
        transform: rotate(10deg) scale(1) translate(-12px, 12px)
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(1) translate(0);
        transform: rotate(10deg) scale(1) translate(0)
    }
}

.initial-chat-screen__userpic-heart {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #ff661b;
    opacity: 0
}

.initial-chat-screen__userpic-heart.initial-chat-screen__userpic-heart--br {
    width: 25px;
    height: 25px;
    margin: 84% auto auto 105%;
    -webkit-transform: rotate(4deg) scale(.8) translate(-20px, 20px);
    transform: rotate(4deg) scale(.8) translate(-20px, 20px);
    -webkit-animation: i 5s linear .1s forwards;
    animation: i 5s linear .1s forwards
}

.mini-game__users-list-item .initial-chat-screen__userpic-heart.initial-chat-screen__userpic-heart--br {
    margin: 91% auto auto 96%
}

.initial-chat-screen__userpic-heart.initial-chat-screen__userpic-heart--bl {
    width: 20px;
    height: 20px;
    margin: 51% auto auto -41%;
    -webkit-transform: rotate(-16deg) scale(.8) translate(20px, 20px);
    transform: rotate(-16deg) scale(.8) translate(20px, 20px);
    -webkit-animation: j 5s linear .2s forwards;
    animation: j 5s linear .2s forwards
}

.mini-game__users-list-item .initial-chat-screen__userpic-heart.initial-chat-screen__userpic-heart--bl {
    margin: 3% auto auto -14%
}

.initial-chat-screen__userpic-heart.initial-chat-screen__userpic-heart--tr {
    width: 14px;
    height: 14px;
    margin: 22% auto auto 123%;
    -webkit-transform: rotate(10deg) scale(.8) translate(-20px, 20px);
    transform: rotate(10deg) scale(.8) translate(-20px, 20px);
    -webkit-animation: k 5s linear .3s forwards;
    animation: k 5s linear .3s forwards
}

.mini-game__users-list-item .initial-chat-screen__userpic-heart.initial-chat-screen__userpic-heart--tr {
    margin: 0 auto auto 104%
}

.old-android-webkit .initial-chat-screen__userpic-heart,
.old-windows-ie .initial-chat-screen__userpic-heart {
    opacity: 1!important;
    -webkit-transform: translate(0)!important;
    transform: translate(0)!important;
    -webkit-animation: initial!important;
    animation: initial!important
}

.chat-invitation-simple {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #949494;
    text-align: center
}

.initial-chat-blocker {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: #fff
}

.initial-chat-blocker .cta-box__header:empty {
    display: none
}

.initial-chat-blocker+.fake {
    height: 150px
}

.layout__footer .initial-chat-blocker {
    position: static;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    background: none
}

.layout__footer .initial-chat-blocker+.fake {
    display: none
}

.initial-chat-blocker--no-border {
    border-top: 0
}

.initial-chat-blocker__lookalikes-placard-chevron {
    color: #c4c4c4
}

.chat-mini-controls {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #fff
}

.chat-mini-controls__input {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.chat-mini-controls__input-text {
    width: 100%;
    height: 36px;
    padding: 7px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    line-height: 20px
}

.chat-mini-controls__input-textarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: #e0e0e0;
    background-color: #fff;
    color: #000
}

.chat-mini-controls__input-mirror {
    position: static;
    height: auto;
    border-color: transparent;
    color: transparent
}

.chat-mini-controls__input-mirror,
.chat-mini-controls__input-textarea {
    overflow: hidden;
    overflow-y: auto;
    min-height: 36px;
    max-height: 100px;
    padding: 7px 15px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 20px
}

.chat-mini-controls__input-text::-webkit-input-placeholder,
.chat-mini-controls__input-textarea::-webkit-input-placeholder {
    color: #949494;
    opacity: .4;
    font-size: 16px;
    line-height: 20px
}

.chat-mini-controls__input-text:-ms-input-placeholder,
.chat-mini-controls__input-textarea:-ms-input-placeholder {
    color: #949494;
    opacity: .4;
    font-size: 16px;
    line-height: 20px
}

.chat-mini-controls__input-text::placeholder,
.chat-mini-controls__input-textarea::placeholder {
    color: #949494;
    opacity: .4;
    font-size: 16px;
    line-height: 20px
}

.chat-mini-controls__send {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin-left: 5px;
    border-radius: 10px;
    background-color: #7000e3;
    color: #fff
}

.chat-mini-controls__send.is-disabled {
    background-color: #9aa3ab
}

.chat-new-message-notification-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.chat-new-message-notification-container.is-active {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.chat-new-message-notification {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 50%;
    height: 33px;
    padding: 0 20px;
    border-radius: 10px 10px 0 0;
    background-color: rgba(0, 0, 0, .8);
    color: #fff
}

.chat-new-message-notification__text {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chat-new-message-notification__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0
}

.chat-new-message-notification__text+.chat-new-message-notification__icon {
    margin-left: 4px
}

.chat-report {
    margin: 10px 15px
}

.chat-report__button {
    font-size: 13px;
    line-height: 17px;
    padding: 7px 15px;
    border-radius: 16px;
    background: #c4c4c4
}

.chat-report__button,
.deleted-member-notice {
    font-weight: 400;
    color: #fff;
    text-align: center
}

.deleted-member-notice {
    font-size: 15px;
    line-height: 20px;
    position: fixed;
    z-index: 1;
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 10px;
    background-color: #ee203c
}

@-webkit-keyframes l {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes l {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes m {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    6.66% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    10%,
    93.33% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

@keyframes m {
    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    6.66% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    10%,
    93.33% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
}

.emoji-heart {
    display: block;
    color: #ff661b
}

.emoji-heart.is-injected {
    -webkit-animation: l .3s;
    animation: l .3s
}

.emoji-heart.is-ready {
    -webkit-animation: m 3s infinite;
    animation: m 3s infinite
}

#multimedia {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #000
}

#multimedia .preview {
    display: block;
    max-width: 100%;
    width: 100px;
    max-height: 100%;
    height: 100px;
    margin: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

#multimedia .gradient {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), transparent 14%, transparent 86%, rgba(0, 0, 0, .3));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, transparent 14%, transparent 86%, rgba(0, 0, 0, .3));
    pointer-events: none
}

#multimedia .multimedia__icon-delete,
#multimedia .multimedia__icon-flag,
#multimedia .multimedia__icon-timer {
    position: absolute;
    bottom: 20px;
    display: none;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: hsla(0, 0%, 50%, .3);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 35px
}

#multimedia .multimedia__icon-flag {
    left: 20px;
    background-image: url(../img/no-sprite/multimedia-icon-flag.png)
}

#multimedia .multimedia__icon-delete {
    right: 20px;
    background-image: url(../img/no-sprite/multimedia-icon-delete.png)
}

#multimedia .multimedia__icon-timer {
    right: 20px;
    padding-top: 1px;
    background-image: url(../img/no-sprite/multimedia-icon-timer.png);
    line-height: 50px
}

#multimedia.initial .gradient {
    background: rgba(0, 0, 0, .5)
}

#multimedia.initial .multimedia__icon-timer {
    right: 50%;
    bottom: 20%;
    margin-right: -16px
}

#multimedia.view .multimedia__icon-timer {
    display: none
}

#multimedia.view.ours.type-4 .multimedia__icon-delete,
#multimedia.view.theirs .multimedia__icon-delete,
#multimedia.view.theirs .multimedia__icon-flag {
    display: block
}

#multimedia.fullscreen-view {
    top: 48px;
    bottom: 0;
    min-height: 0
}

#multimedia.share .multimedia__icon-timer {
    display: block
}

@-webkit-keyframes n {
    0% {
        -webkit-transform: translate3d(0, 999px, 0);
        transform: translate3d(0, 999px, 0)
    }
    40% {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    70% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes n {
    0% {
        -webkit-transform: translate3d(0, 999px, 0);
        transform: translate3d(0, 999px, 0)
    }
    40% {
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    70% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.flag-multimedia li {
    padding: 15px
}

.initial {
    -webkit-transform: none;
    transform: none
}

.users-folder {
    min-width: 270px;
    max-width: 640px;
    margin: 0 auto
}

.users-folder+.users-folder {
    margin-top: 20px
}

.users-folder__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px
}

body.ios-font-helvetica .users-folder__title {
    font-weight: 500
}

body.android-font-system .users-folder__title {
    font-weight: 700
}

body.android-font-roboto-new .users-folder__title {
    font-weight: 500
}

.users-folder__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.users-folder__title+.users-folder__list {
    margin-top: 10px
}

.users-folder__item {
    margin: 0;
    text-align: center
}

@media (max-width:450px) {
    .users-folder__item {
        width: 33.33%;
        margin-top: 0
    }
    .users-folder__item:nth-of-type(n+4) {
        margin-top: 20px
    }
}

@media (min-width:449px) and (max-width:560px) {
    .users-folder__item {
        width: 25%;
        margin-top: 0
    }
    .users-folder__item:nth-of-type(n+5) {
        margin-top: 20px
    }
}

@media (min-width:559px) and (max-width:670px) {
    .users-folder__item {
        width: 20%;
        margin-top: 0
    }
    .users-folder__item:nth-of-type(n+6) {
        margin-top: 20px
    }
}

@media (min-width:669px) {
    .users-folder__item {
        width: 16.66%;
        margin-top: 0
    }
    .users-folder__item:nth-of-type(n+7) {
        margin-top: 20px
    }
}

.users-folder--chess .users-folder__list {
    margin-right: -5px;
    margin-left: -5px;
    padding-bottom: 65px
}

@media (max-width:559px) {
    .users-folder--chess .users-folder__list.has-placeholder {
        padding-bottom: 0
    }
}

.users-folder--chess .users-folder__item {
    margin-top: 0;
    padding-right: 5px;
    padding-left: 5px
}

@media (max-width:559px) {
    .users-folder--chess .users-folder__item {
        width: 33.33%
    }
    .users-folder--chess .users-folder__item:nth-of-type(n+4) {
        margin-top: 18px
    }
    .users-folder--chess .users-folder__item:nth-of-type(3n+2) {
        -webkit-transform: translateY(65px);
        transform: translateY(65px)
    }
}

@media (min-width:560px) {
    .users-folder--chess .users-folder__item {
        width: 20%
    }
    .users-folder--chess .users-folder__item:nth-of-type(n+6) {
        margin-top: 18px
    }
    .users-folder--chess .users-folder__item:nth-of-type(5n+1),
    .users-folder--chess .users-folder__item:nth-of-type(5n+3),
    .users-folder--chess .users-folder__item:nth-of-type(5n+5) {
        -webkit-transform: translateY(65px);
        transform: translateY(65px)
    }
}

@media (max-width:559px) {
    .users-folder--chess+.users-folder--chess {
        margin-top: 40px
    }
}

@media (min-width:560px) {
    .users-folder--chess+.users-folder--chess {
        margin-top: -15px
    }
}

.users-folder__user {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 65px;
    max-width: 130px;
    margin: 0 auto
}

.old-android-webkit .users-folder+.users-folder,
.old-android-webkit .users-folder--chess+.users-folder--chess {
    margin-top: 0;
    margin-bottom: 0
}

.old-android-webkit .users-folder--chess .users-folder__list,
.old-android-webkit .users-folder__list {
    display: block;
    padding-bottom: 0
}

.old-android-webkit .users-folder--chess .users-folder__item,
.old-android-webkit .users-folder__item {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    -webkit-transform: none;
    transform: none
}

.payment-carousel-wrapper {
    margin: 0 0 15px
}

.payment-packages-wrapper {
    position: relative
}

.payment-packages-wrapper:after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    content: "";
    background: #fff;
    opacity: .8
}

.payment-packages,
.payment-packages-wrapper.is-blocked:after {
    display: block
}

.payment-packages__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 75px;
    padding: 5px 15px
}

.payment-packages__item:after {
    position: absolute;
    right: 15px;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: "";
    background: #f6f6f6
}

.payment-packages__item--popular {
    background: #fff9e5
}

.payment-packages__item--popular:after {
    display: none
}

.payment-packages__radio {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.payment-packages__radio:before {
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #949494;
    border-radius: 50%;
    background: #fff
}

.is-selected .payment-packages__radio:before {
    border: 6px solid #6a6a6a
}

.payment-packages__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.payment-packages__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-packages__title-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    display: block
}

body.ios-font-helvetica .payment-packages__title-text {
    font-weight: 500
}

body.android-font-system .payment-packages__title-text {
    font-weight: 700
}

body.android-font-roboto-new .payment-packages__title-text {
    font-weight: 500
}

.payment-packages__title-icon {
    display: block
}

.payment-packages__title-text+.payment-packages__title-icon {
    margin-left: 5px
}

.payment-packages__subtitle {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494
}

.payment-packages__popular {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #fb0
}

.payment-packages__price {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #17d417;
    text-align: right
}

.payment-packages__amount {
    font-weight: 600
}

body.ios-font-helvetica .payment-packages__amount {
    font-weight: 500
}

body.android-font-system .payment-packages__amount {
    font-weight: 700
}

body.android-font-roboto-new .payment-packages__amount {
    font-weight: 500
}

.payment-packages__units {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px
}

.payment-packages__amount+.payment-packages__units {
    margin-top: 2px
}

.payment-packages__item--lifetime .payment-packages__amount {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494
}

.payment-packages__item--lifetime .payment-packages__units {
    font-weight: 600
}

body.ios-font-helvetica .payment-packages__item--lifetime .payment-packages__units {
    font-weight: 500
}

body.android-font-system .payment-packages__item--lifetime .payment-packages__units {
    font-weight: 700
}

body.android-font-roboto-new .payment-packages__item--lifetime .payment-packages__units {
    font-weight: 500
}

.payment-packages__description+.payment-packages__price,
.payment-packages__radio+.payment-packages__description {
    margin-left: 10px
}

.payment-package {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 88px;
    margin: 15px 15px 0;
    padding: 10px 20px
}

.payment-package:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    -webkit-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 195ms;
    transition-duration: 195ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    pointer-events: none
}

.payment-package+.payment-package {
    margin-top: 8px
}

.payment-package.is-selected:before {
    border: 2px solid #17d417
}

.payment-package__name .payment-package__name-previous {
    color: #949494;
    text-decoration: line-through
}

.payment-package__name .payment-package__name-normal,
.payment-package__name .payment-package__name-previous {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 25px
}

.payment-package__name .payment-package__name-normal {
    color: #000
}

@media (orientation:portrait) and (max-width:321px) {
    .payment-package__name .payment-package__name-normal,
    .payment-package__name .payment-package__name-previous {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }
}

.payment-package__price {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #949494
}

.payment-package__icon {
    position: relative;
    width: 60px;
    height: 60px
}

.payment-package__icon .payment-package__badge {
    position: absolute;
    top: 0;
    right: -8px;
    padding: 0 6px;
    border-radius: 5px;
    background-color: #17d417;
    color: #fff;
    white-space: nowrap;
    font-size: 10px;
    line-height: 18px;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.payment-package__discount {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #17d417;
    text-align: right
}

@media (orientation:portrait) and (max-width:321px) {
    .payment-package__discount {
        font-weight: 400;
        font-size: 16px;
        line-height: 22px
    }
}

.payment-package__unit-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #17d417;
    text-align: right
}

.payment-package__unit-price {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #17d417;
    text-align: right
}

.payment-package--lifetime .payment-package__unit-price {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494
}

.payment-package--lifetime .payment-package__unit-name {
    font-weight: 600
}

body.ios-font-helvetica .payment-package--lifetime .payment-package__unit-name {
    font-weight: 500
}

body.android-font-system .payment-package--lifetime .payment-package__unit-name {
    font-weight: 700
}

body.android-font-roboto-new .payment-package--lifetime .payment-package__unit-name {
    font-weight: 500
}

.payment-package__name-previous+.payment-package__name-normal {
    margin-left: 3px
}

.payment-topup-wrapper {
    margin: 15px 0;
    padding: 0 15px
}

.payment-topup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 15px
}

.payment-topup .payment-topup__checkbox {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px
}

.payment-topup .payment-topup__checkbox--active {
    display: none
}

.payment-topup .payment-topup__checkbox--inactive {
    border: 1px solid #949494;
    border-radius: 50%;
    background: #fff
}

.payment-topup .payment-topup__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #6a6a6a
}

.payment-topup .payment-topup__checkbox+.payment-topup__text {
    margin-left: 10px
}

.payment-topup.is-selected .payment-topup__checkbox--active {
    display: block
}

.payment-topup.is-selected .payment-topup__checkbox--inactive {
    display: none
}

.payment-topup.is-disabled .payment-topup__checkbox--inactive {
    border-color: #e0e0e0
}

.payment-topup.is-disabled .payment-topup__text {
    color: #e0e0e0
}

.discover-tabs-header {
    display: block
}

.discover-tabs-header__navigation {
    height: 50px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.discover-tabs-header__icon-friends {
    display: block;
    width: 35px;
    height: 25px
}

.discover-tabs-header .shall-transform {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.discover-tabs-header.is-collapsed .shall-transform {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0)
}

.old-android-webkit .discover-tabs-header.is-collapsed .shall-transform {
    -webkit-transform: none;
    transform: none
}

.discover-tabs-header.is-collapsed .discover-tabs__content .discover-tab__image {
    margin-bottom: 5px
}

.discover-tabs-header.is-collapsed .discover-tabs__content .discover-tab__label {
    display: none
}

.discover-tabs {
    display: block
}

.discover-tabs__content {
    position: fixed;
    z-index: 10;
    top: 49px;
    left: 0;
    width: 100%;
    width: 100vw;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.old-android-webkit .discover-tabs__content {
    position: absolute;
    right: 0;
    width: 100%
}

@media (orientation:landscape) {
    .discover-tabs__content {
        z-index: 11
    }
}

.discover-tabs__fake {
    visibility: hidden
}

.discover-tabs__zero {
    position: fixed;
    z-index: 10;
    top: 49px;
    left: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    width: 100vw;
    min-height: 130px;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.old-android-webkit .discover-tabs__zero {
    position: absolute;
    right: 0;
    width: 100%
}

.discover-tabs__zero.is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.discover-tabs__zero.is-active~.discover-tabs__content {
    display: none
}

@media (orientation:landscape) {
    .discover-tabs__zero {
        z-index: 16
    }
}

.discover-tabs__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 0 15px;
    -webkit-overflow-scrolling: touch
}

.discover-tabs__tabs:after {
    display: block;
    width: 15px;
    height: 70px;
    content: ""
}

.discover-tabs__tab,
.discover-tabs__tabs:after {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.discover-tabs__tab {
    position: relative;
    width: 70px;
    padding: 10px 0
}

.ios .discover-tabs__tab {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.discover-tabs__tab:first-child {
    margin-left: auto
}

.old-android-webkit .discover-tabs__tab:first-child,
.old-windows-ie .discover-tabs__tab:first-child {
    margin-left: 0
}

.discover-tabs__tab:last-child {
    margin-right: auto
}

.old-android-webkit .discover-tabs__tab:last-child,
.old-windows-ie .discover-tabs__tab:last-child {
    margin-right: 0
}

.discover-tabs__tab.discover-tabs__tab--stretch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.discover-tabs__tab:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 2px;
    background: #000
}

.discover-tabs__tab.needsclick:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: ""
}

.discover-tabs__tab+.discover-tabs__tab {
    margin-left: 10px
}

@media (min-width:375px) {
    .discover-tabs__tab+.discover-tabs__tab {
        margin-left: 15px
    }
}

.discover-tabs__tab.is-stacked+.discover-tabs__tab {
    margin-left: 24px
}

@media (min-width:375px) {
    .discover-tabs__tab.is-stacked+.discover-tabs__tab {
        margin-left: 29px
    }
}

.discover-tabs__tab.discover-tabs__tab--flexible {
    max-width: 120px;
    width: auto
}

.discover-tabs__tab.discover-tabs__tab--flexible+.discover-tabs__tab.discover-tabs__tab--flexible {
    margin-left: 30px
}

.discover-tabs__tab.is-active:before {
    content: ""
}

.discover-tabs__tab.is-hidden {
    display: none
}

.discover-tabs__extra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.discover-tabs__extra.is-hidden {
    overflow: hidden;
    width: 0
}

.discover-tabs__extra:last-child {
    margin-right: auto
}

.discover-tabs__extra .discover-tabs__tab:first-child {
    margin-left: 10px
}

@media (min-width:375px) {
    .discover-tabs__extra .discover-tabs__tab:first-child {
        margin-left: 15px
    }
}

.discover-tabs__extra:first-child .discover-tabs__tab:first-child,
.is-hidden+.discover-tabs__extra .discover-tabs__tab:first-child {
    margin-left: 0
}

.discover-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: 0
}

.discover-tab__image {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 10px;
    border-radius: 50%
}

.discover-tabs__tab.is-active .discover-tab__image {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.discover-tab__stack {
    display: none
}

.is-stacked .discover-tab__stack {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 50%
}

.discover-tab__stack:first-child {
    -webkit-transform: translate(14px);
    transform: translate(14px)
}

.discover-tab__stack:nth-child(2) {
    -webkit-transform: translate(7px);
    transform: translate(7px)
}

.discover-tab__label {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    display: block;
    overflow: hidden;
    min-width: 0;
    margin-top: auto;
    margin-bottom: auto;
    padding: 2px 0 0;
    opacity: .5;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 14px
}

.discover-tabs__tab.is-placeholder .discover-tab__label {
    opacity: .3
}

.discover-tabs__tab.is-active .discover-tab__label {
    opacity: 1
}

@media (orientation:landscape) and (max-height:600px) {
    .discover-tab__label {
        display: none
    }
}

.discover-tab--user .discover-tab__label {
    max-height: 34px
}

.friends-tabs-switcher {
    display: block
}

.friends-tabs-switcher__active {
    display: none
}

.friends-tabs-switcher.is-active .friends-tabs-switcher__active,
.friends-tabs-switcher__inactive {
    display: block
}

.friends-tabs-switcher.is-active .friends-tabs-switcher__inactive {
    display: none
}

.people-nearby {
    display: block
}

.old-android-webkit .page.people-nearby .layout {
    z-index: 1
}

.people-nearby__search {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 345px;
    margin: 0 auto 15px
}

.people-nearby__search-field {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.people-nearby__search-cancel {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #000;
    white-space: nowrap
}

.people-nearby__search-cancel.is-hidden {
    display: none
}

.people-nearby__search-field+.people-nearby__search-cancel {
    margin-left: 10px
}

.people-nearby__counter {
    display: block;
    min-width: 100px;
    max-width: 200px;
    width: 37.5%;
    margin: 0 auto
}

.people-nearby__content,
.people-nearby__divider,
.people-nearby__loader {
    display: block
}

.people-nearby__zero {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    min-height: 100%
}

.people-nearby__search~.people-nearby__zero {
    border-top: 68px solid transparent
}

.people-nearby__zero.is-active {
    display: block
}

.people-nearby__counter:not(:empty)+.people-nearby__content {
    margin-top: -25px
}

.old-android-webkit .people-nearby__counter:not(:empty)+.people-nearby__content {
    margin-top: 15px
}

.people-nearby-banner {
    position: relative;
    overflow: hidden;
    margin: 10px auto 25px;
    padding: 0
}

.people-nearby-banner--google {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px auto 20px
}

.people-nearby-counter {
    display: block
}

.people-nearby-counter__title {
    overflow: hidden;
    text-overflow: ellipsis
}

.people-nearby-counter__counter,
.people-nearby-counter__title {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    min-height: 20px;
    text-align: center
}

.people-nearby-counter__counter {
    font-weight: 600
}

body.ios-font-helvetica .people-nearby-counter__counter {
    font-weight: 500
}

body.android-font-system .people-nearby-counter__counter {
    font-weight: 700
}

body.android-font-roboto-new .people-nearby-counter__counter {
    font-weight: 500
}

.people-nearby-divider {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    display: block;
    max-width: 260px;
    margin: 30px auto;
    text-align: center
}

.people-nearby-divider a {
    color: #7000e3
}

.people-nearby-divider--compact {
    margin-top: 10px;
    margin-bottom: 10px
}

.people-nearby-filter,
.people-nearby-filter__filter,
.people-nearby-filter__filters {
    display: block
}

.people-nearby-filter__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.people-nearby-filter__name {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 25px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-overflow: ellipsis
}

.people-nearby-filter__extra {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    max-width: 50%
}

.people-nearby-filter__extra:before {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -20px;
    display: block;
    content: "";
    cursor: pointer
}

.people-nearby-filter__extra.is-hidden {
    display: none
}

.people-nearby-filter__extra-text {
    display: block;
    overflow: hidden;
    color: #7000e3;
    text-align: right;
    text-overflow: ellipsis
}

.people-nearby-filter__range {
    padding-right: 30px;
    color: #7000e3
}

.people-nearby-filter__range .input-slider__meter {
    width: auto;
    margin-right: -30px
}

.people-nearby-filter__filter+.people-nearby-filter__filter {
    margin-top: 25px
}

.people-nearby-filter__name+.people-nearby-filter__extra {
    margin-left: 15px
}

.people-nearby-filter__title+.people-nearby-filter__controls {
    margin-top: 5px
}

.people-nearby-filter .location-select input {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    padding: 13px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    text-overflow: ellipsis
}

.people-nearby-filter .location-select li:first-child {
    border-top: 0
}

.people-nearby-filter .location-select .loader {
    margin-top: 10px
}

.people-nearby-filter .people-nearby-filter__brief a {
    color: #7000e3
}

.folder-share {
    display: block
}

.folder-share__real {
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #fff;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .15)
}

.folder-share__stub {
    display: block;
    opacity: 0;
    visibility: hidden
}

.folder-share__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 414px;
    margin: auto;
    padding: 10px 15px
}

.folder-share__label {
    display: block;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    text-overflow: ellipsis
}

.folder-share__providers {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.folder-share__label+.folder-share__providers {
    margin-left: 15px
}

.simple-share {
    display: block;
    text-align: inherit
}

.simple-share__provider {
    display: inline-block;
    vertical-align: top
}

.simple-share__provider+.simple-share__provider {
    margin-left: 15px
}

.education-search-results {
    display: block
}

.education-search-results__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.education-search-results__item+.education-search-results__item {
    margin-top: 10px
}

.education-search-results__image {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70px
}

.education-search-results__info {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    padding: 5px 0
}

.education-search-results__image+.education-search-results__info {
    margin-left: 15px
}

.education-search-results__data {
    display: block;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis
}

.education-search-results__data--secondary {
    color: #949494
}

.education-search-results__data+.education-search-results__data--secondary {
    margin-top: 3px
}

.extended-search-filter {
    margin: 0 0 0 60px;
    padding: 12px 0
}

.extended-search-filter+.extended-search-filter {
    border-top: 1px solid #e0e0e0
}

.extended-search-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px
}

.extended-search-info__promo {
    position: absolute;
    top: auto;
    bottom: auto;
    left: -60px;
    width: 50px;
    height: 50px
}

.extended-search-info__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.extended-search-info__text {
    color: #000
}

.extended-search-info__value {
    overflow: hidden;
    color: #c4c4c4;
    white-space: nowrap;
    text-overflow: ellipsis
}

.extended-search-info__extra {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.extended-search-info__indicator:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    margin: auto;
    content: ""
}

.extended-search-info__chevron {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto 0;
    color: #c4c4c4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.extended-search-info__clear {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #7000e3;
    visibility: hidden
}

.extended-search-info__clear:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    margin: auto;
    content: ""
}

.extended-search-info__content+.extended-search-info__extra {
    margin-left: 10px
}

.extended-search-additional-options,
.extended-search-additional-options.is-hidden,
.extended-search-options {
    display: none
}

.extended-search-additional-options-switcher {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: none;
    color: #7000e3
}

.extended-search-options~.extended-search-additional-options-switcher {
    margin-top: 20px
}

.extended-search-additional-options-switcher~.extended-search-additional-options {
    margin-top: 10px
}

.extended-search-filter.is-expanded .extended-search-info__chevron {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.extended-search-filter.is-expanded .extended-search-additional-options,
.extended-search-filter.is-expanded .extended-search-additional-options-switcher,
.extended-search-filter.is-expanded .extended-search-options {
    display: block
}

.extended-search-filter.is-selected .extended-search-info__value {
    color: #000
}

.extended-search-filter.is-selected .extended-search-info__indicator {
    visibility: hidden
}

.extended-search-filter.is-selected .extended-search-info__clear {
    visibility: visible
}

.extended-search-filter.is-disabled .extended-search-info__chevron,
.extended-search-filter.is-disabled .extended-search-info__promo {
    opacity: .5
}

.extended-search-filter.is-disabled .extended-search-info__text {
    color: #c4c4c4
}

.search-filter-range {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search-filter-range__value {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 44px;
    white-space: nowrap
}

.search-filter-range__slider {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.search-filter-range__slider+.search-filter-range__value,
.search-filter-range__value+.search-filter-range__slider {
    margin-left: 10px
}

.extended-search-icon {
    display: block
}

.extended-search-icon .extended-search-icon__item--active,
.extended-search-icon.is-active .extended-search-icon__item--inactive {
    display: none
}

.extended-search-icon.is-active .extended-search-icon__item--active {
    display: block
}

.extended-search-entry-point {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 99px;
    background-color: #7000e3;
    color: #fff
}

.add-photos-intro {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    margin: 0 auto 15px;
    color: #6a6a6a;
    text-align: center
}

.add-photos-banner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px -15px;
    padding: 18px 20px;
    background: #f6f6f6
}

.add-photos-banner:after {
    position: absolute;
    bottom: 100%;
    left: 48px;
    width: 20px;
    height: 20px;
    content: "";
    background: #f6f6f6;
    -webkit-transform: rotate(45deg) translate(50%, 50%);
    transform: rotate(45deg) translate(50%, 50%);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.add-photos-banner .add-photos-banner__image {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #6a6a6a
}

.add-photos-banner .add-photos-banner__details {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #6a6a6a
}

.add-photos-banner .add-photos-banner__image+.add-photos-banner__details {
    margin-left: 10px
}

.page.external-provider-albums,
.page.external-provider-import {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.page.external-provider-albums .navigation-bar__secondary,
.page.external-provider-import .navigation-bar__secondary {
    padding-right: 10px
}

.page.external-provider-albums .navigation-bar__secondary .checkbox-singular:after,
.page.external-provider-import .navigation-bar__secondary .checkbox-singular:after {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px
}

.photo-albums-list {
    margin: 20px 0
}

.photo-album {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photo-album:not(:first-of-type) {
    margin: 10px 0 0
}

.photo-album__image {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 82px;
    -ms-flex: 0 0 82px;
    flex: 0 0 82px;
    width: 82px;
    height: 90px
}

.photo-album__cover {
    position: absolute;
    z-index: 3;
    top: 6px;
    right: 0;
    left: 0;
    width: 82px;
    height: 82px;
    margin: auto;
    border: 1px solid #fff;
    background-position: 50% 50%;
    background-size: cover
}

.photo-album__cover:nth-of-type(2) {
    z-index: 2;
    top: 3px;
    width: 72px;
    height: 72px
}

.photo-album__cover:nth-of-type(3) {
    z-index: 1;
    top: 0;
    width: 62px;
    height: 62px
}

.photo-album__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 0 15px
}

.photo-album__details-summary {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 5px;
    color: #5e6773
}

.photo-album__details-text {
    color: #9aa3ab;
    font-size: 13px;
    line-height: 16px
}

.photo-albums-empty {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    padding-top: 193px;
    color: #5e6773;
    text-align: center
}

.photo-albums-empty:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 163px;
    height: 163px;
    margin: auto;
    content: "";
    background-image: url(/img/no-sprite/photo-import-empty.png);
    background-size: cover
}

.calendar-stats {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    display: block;
    text-align: center
}

.calendar-stats__item {
    display: inline-block;
    vertical-align: top;
    padding: 0 4px;
    color: #949494
}

.popularity .navigation-bar .navigation-bar__title {
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.popularity .navigation-bar.is-custom {
    background: transparent;
    box-shadow: none
}

.popularity .navigation-bar.is-custom .navigation-bar__title {
    opacity: 0
}

.popularity__status {
    display: block;
    max-width: 414px;
    margin: 0 auto;
    padding: 10px 15px 0
}

.popularity__counters {
    display: block;
    margin: 20px auto;
    padding: 0 15px 20px;
    border-bottom: 10px solid #f6f6f6
}

.popularity__chart,
.popularity__features {
    display: block
}

.popularity__feature {
    display: block;
    max-width: 414px;
    margin: 0 auto;
    padding: 0 15px
}

.popularity__feature+.popularity__feature {
    margin-top: 10px
}

.popularity__chart+.popularity__features,
.popularity__status+.popularity__chart {
    margin-top: 15px
}

.popularity-chart,
.popularity-chart__graph svg {
    display: block
}

.popularity-chart__graph .js-click-target {
    opacity: 0
}

.popularity-chart__graph .graph_line path {
    fill: none;
    stroke: #7000e3;
    stroke-width: 1
}

.popularity-chart__graph .graph_line polygon {
    display: none
}

.popularity-chart__graph .graph_circle circle {
    fill: #fff;
    stroke: #7000e3;
    stroke-width: 1
}

.popularity-chart__graph .graph_circle .selected circle {
    fill: #ff661b;
    stroke: #ff661b
}

.popularity-chart__graph .graph_days text {
    font-size: 12px;
    line-height: 17px;
    text-anchor: middle
}

.popularity-chart__graph .days {
    position: relative;
    fill: #000
}

.popularity-chart__graph .graph_grid_vertical {
    stroke: #e0e0e0;
    stroke-width: 1
}

.popularity-chart__graph .graph_grid_vertical .selected {
    stroke: #ff661b
}

.popularity-chart__hint {
    display: none;
    padding: 0 15px
}

.popularity-chart__stats {
    display: block;
    padding: 0 15px
}

.popularity-chart__stats:empty+.popularity-chart__hint {
    display: block
}

.popularity-feature {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fff
}

.popularity-feature__image {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45px;
    height: 45px
}

.popularity-feature__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.popularity-feature__title {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600
}

body.ios-font-helvetica .popularity-feature__title {
    font-weight: 500
}

body.android-font-system .popularity-feature__title {
    font-weight: 700
}

body.android-font-roboto-new .popularity-feature__title {
    font-weight: 500
}

.popularity-feature__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6a6a6a
}

.popularity-feature__image+.popularity-feature__info {
    margin-left: 15px
}

.popularity-feature__title+.popularity-feature__description {
    margin-top: 2px
}

.popularity-status {
    position: relative
}

[data-popularity-level=low],
[data-popularity-level=verylow] {
    color: #ff4000
}

[data-popularity-level=average] {
    color: #fdae00
}

[data-popularity-level=high],
[data-popularity-level=veryhigh] {
    color: #27cc33
}

.popularity-multilevel-icon #average,
.popularity-multilevel-icon #high,
.popularity-multilevel-icon #low,
.popularity-multilevel-icon #veryhigh,
.popularity-multilevel-icon #verylow {
    display: none
}

[data-popularity-level=average] .popularity-multilevel-icon #average,
[data-popularity-level=high] .popularity-multilevel-icon #high,
[data-popularity-level=low] .popularity-multilevel-icon #low,
[data-popularity-level=veryhigh] .popularity-multilevel-icon #veryhigh,
[data-popularity-level=verylow] .popularity-multilevel-icon #verylow {
    display: block
}

.popularity-status__simple-battery {
    display: block;
    width: 30px;
    height: 30px;
    margin: 20px auto 5px
}

.popularity-status__icon-battery {
    display: block;
    width: 75px;
    height: 41px;
    margin: 25px auto 10px
}

.popularity-status__icon-gauge {
    display: block;
    width: 115px;
    height: 95px;
    margin: 15px auto 10px
}

.popularity-status__icon-speedometer {
    display: block;
    width: 130px;
    height: 110px;
    margin: 15px auto 0
}

.popularity-status__title {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    display: block;
    text-align: center
}

.popularity-status__subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: block;
    color: #6a6a6a;
    text-align: center
}

.popularity-counters {
    position: relative;
    max-width: 414px;
    margin: 0 auto;
    text-align: center
}

.popularity-counters__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.popularity-counters__value {
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 25px;
    line-height: 1
}

.popularity-counters__label,
.popularity-counters__value {
    font-weight: 400;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    width: 0
}

.popularity-counters__label {
    font-size: 14px;
    line-height: 17px;
    color: #6a6a6a;
    line-height: 1
}

.profile-about {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border: 0
}

.profile-about__name,
.profile-about__value {
    vertical-align: top;
    padding: 5px 0
}

.profile-about__name {
    width: 1%;
    padding-right: 15px;
    white-space: nowrap
}

.profile-awards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-award {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 15px 0 0
}

.profile-friends {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 0 0
}

.profile-friends:after {
    display: block;
    width: 15px;
    content: ""
}

.profile-friend,
.profile-friends:after {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-friend {
    position: relative;
    min-width: 0
}

.profile-friend+.profile-friend {
    margin-left: 10px
}

.profile-friend--unregistered:before {
    position: absolute;
    z-index: 2;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    content: "";
    background: hsla(0, 0%, 100%, .6);
    pointer-events: none
}

.profile-gifts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.profile-gifts.is-editing .gift:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 1px solid #c4c4c4;
    border-radius: 50%
}

.profile-gifts.is-editing .gift__icon {
    display: block
}

.profile-gifts.is-editing .gift.is-active .gift__image {
    opacity: .4
}

.profile-gift {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 15px 0 0
}

.profile-gift:empty {
    padding-right: 0
}

.profile-gifts-action {
    margin: 8px 0 0;
    color: #7000e3
}

.profile-no-gifts__info {
    color: #7000e3
}

.profile-interests {
    display: block
}

.profile-interests__ellipsis {
    display: inline
}

.profile-interests__more {
    display: inline;
    color: #7000e3
}

.profile-interest {
    display: inline
}

.profile-interest:after {
    content: ","
}

.profile-interest.profile-interest--additional,
.profile-interest:last-of-type:after {
    display: none
}

.profile-interest.is-expanded .profile-interest--additional {
    display: inline
}

.profile-interest.is-expanded .profile-interests__ellipsis,
.profile-interest.is-expanded .profile-interests__more {
    display: none
}

.profile-questions-results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.profile-questions-results .profile-questions-results__count {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 35px;
    line-height: 36px
}

.profile-questions-results .profile-questions-results__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 80px;
    max-width: 150px;
    margin: 0 12px 0 8px;
    padding: 2px 0;
    font-size: 13px;
    line-height: 16px
}

.profile-questions-results .is-own-answered {
    color: #1ac313
}

.profile-questions-results .is-own-unanswered {
    color: #156ef6
}

.profile-questions-results .is-other-matched {
    color: #1ac313
}

.profile-questions-results .is-other-nonmatched {
    color: #ffa400
}

.profile-questions-results .is-other-unanswered {
    color: #156ef6
}

.profile-questions-action {
    color: #7000e3
}

.profile-actions {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.profile-actions__item {
    position: relative;
    margin: 0 5px;
    -webkit-transition: margin .2s, opacity .2s;
    transition: margin .2s, opacity .2s
}

.profile-actions__item.is-disabled {
    visibility: hidden
}

.profile-actions__item--prev {
    margin-right: auto;
    margin-left: 0;
    padding-right: 5px
}

.old-android-webkit .profile-actions__item--prev,
.old-windows-ie .profile-actions__item--prev {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.profile-actions__item--next {
    margin-right: 0;
    margin-left: auto;
    padding-left: 5px
}

.old-android-webkit .profile-actions__item--next,
.old-windows-ie .profile-actions__item--next {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.profile-action-button {
    display: block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .06);
    -webkit-transition: width .2s, height .2s;
    transition: width .2s, height .2s
}

.profile-action-button.is-pressed {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.profile-action-button.is-disabled {
    visibility: hidden
}

.profile-action-button--xxsm {
    width: 34px;
    height: 34px
}

.profile-action-button--xsm {
    width: 40px;
    height: 40px
}

.profile-action-button--sm {
    width: 50px;
    height: 50px
}

.profile-action-button--lg {
    width: 80px;
    height: 80px
}

.profile-action-button--with-border {
    border: 1px solid #f6f6f6
}

.profile-actions__item.is-hidden {
    margin-right: -5px;
    opacity: 0
}

.profile-actions__item.is-hidden .profile-action-button {
    width: 0;
    height: 0
}

.profile-info,
.profile-info__section {
    display: block
}

.profile-info__section:empty {
    display: none
}

.profile-info__title {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    display: block;
    padding: 0 15px;
    color: #000
}

.profile-info__title-additional {
    color: #949494
}

.profile-info__content {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    padding: 0 15px;
    padding-bottom: 10px;
    color: #6a6a6a
}

.profile-info__content:empty {
    display: none
}

.profile-info__content.profile-info__content--scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.profile-info__content p {
    margin: 0;
    padding: 0
}

.profile-info__content p+p,
.profile-info__section~.profile-info__section {
    margin-top: 10px
}

.profile-info__title+.profile-info__content {
    margin-top: 5px
}

.profile-info__content+.profile-info__content {
    margin-top: 0
}

.profile-info__message {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    padding: 0 15px;
    color: #6a6a6a
}

.profile-info-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0 0
}

.profile-info-message:first-child {
    margin-top: 0
}

.profile-info-message__icon {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-info-message__text {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.profile-info-message__icon+.profile-info-message__text {
    margin-left: 10px
}

.profile-preview {
    display: block
}

.profile-preview__photos {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 450px;
    height: 250px;
    height: 110vw
}

@media (orientation:portrait) and (max-height:480px) {
    .profile-preview__photos {
        height: 100vw
    }
}

@media (orientation:portrait) and (max-height:450px) {
    .profile-preview__photos {
        height: 250px
    }
}

.profile-preview__meta {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 15px;
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .2));
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .2));
    pointer-events: none
}

.profile-preview__meta:empty {
    display: none
}

.profile-preview__info {
    position: relative;
    display: block;
    padding: 15px 0 5px;
    border-radius: 15px 15px 0 0;
    background: #fff;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .1)
}

.profile-preview__close {
    position: fixed;
    z-index: 21;
    top: 15px;
    left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.profile-preview__close:after {
    position: absolute;
    top: -15px;
    right: -5px;
    bottom: -5px;
    left: -15px;
    content: ""
}

.profile-preview__actions {
    position: fixed;
    z-index: 610;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff 25%, hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(0deg, #fff 0, #fff 25%, hsla(0, 0%, 100%, 0))
}

.profile-preview__actions-stub {
    display: block;
    visibility: hidden
}

.profile-preview__actions,
.profile-preview__actions-stub {
    padding: 5px 15px 12px
}

.profile-preview__actions:empty,
.profile-preview__actions:empty+.profile-preview__actions-stub {
    display: none
}

.ios .profile-preview__actions,
.ios .profile-preview__actions-stub {
    padding-bottom: 24px
}

.profile-preview__photos~.profile-preview__info {
    margin-top: -15px
}

.profile-title {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.profile-title,
.profile-title__user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-title__user {
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap
}

.profile-title__username {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-overflow: ellipsis
}

.profile-title__age {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-title__statuses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 5px
}

.profile-title__statuses:first-child {
    margin-right: 5px;
    margin-left: 0
}

.profile-title__statuses:empty {
    display: none;
    margin-right: 0;
    margin-left: 0
}

.profile-title__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-title__icon .online-status,
.profile-title__icon .verify-status {
    display: block
}

.profile-title__icon:empty {
    display: none
}

.profile-title__icon--dynamic {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transition: width .2s, height .2s, opacity .2s;
    transition: width .2s, height .2s, opacity .2s
}

.profile-title__icon--dynamic.is-hidden {
    width: 0;
    height: 0;
    opacity: 0
}

.profile-title__icon:not(.is-hidden)+.profile-title__icon {
    margin-left: 5px
}

.profile-title__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-title__actions:not(:empty) {
    margin-left: 5px
}

.profile-title__actions-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-title__actions-item.is-active {
    color: #7000e3
}

.profile-title__actions-item+.profile-title__actions-item {
    margin-left: 20px
}

.visiting-source {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 15px;
    pointer-events: all
}

.visiting-source__icon {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 35px;
    height: 35px
}

.visiting-source__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 50%;
    will-change: transform, opacity
}

@-webkit-keyframes o {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20%,
    to {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@keyframes o {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    20%,
    to {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

.visiting-source--spotlight .visiting-source__icon:before {
    background-color: #2b8cfc
}

.visiting-source--extra-shows .visiting-source__icon:before {
    background-color: #00caa8
}

.visiting-source--riseup .visiting-source__icon:before {
    background-color: #17d417
}

.visiting-source--attention-boost .visiting-source__icon:before {
    background-color: #ff661b
}

.visiting-source__icon.is-glowing:before {
    -webkit-animation-name: o;
    animation-name: o;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.visiting-source__content-wrapper {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 35px;
    margin: 0 0 0 10px;
    color: #fff
}

.visiting-source__content {
    position: absolute;
    top: -1em;
    bottom: -1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    will-change: transform, opacity
}

.visiting-source__content.is-above {
    opacity: 0;
    -webkit-transform: translateY(-.5em);
    transform: translateY(-.5em)
}

.visiting-source__content.is-below {
    opacity: 0;
    -webkit-transform: translateY(.5em);
    transform: translateY(.5em)
}

.page.mutual-attraction {
    background: #7000e3;
    color: #fff
}

.page.mutual-attraction .page-promo-match {
    background: inherit
}

.page.mutual-attraction .promo-match-photos {
    position: relative;
    width: 130px;
    height: 130px;
    margin: 30px auto 32px
}

.page.mutual-attraction .promo-match-photos .promo-match-photos__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 130px;
    height: 130px;
    border-radius: 26px;
    background-size: cover
}

.page.mutual-attraction .promo-match-photos .promo-match-photos__image--left {
    z-index: 2;
    -webkit-transform: translate(-60px) rotate(-10deg);
    transform: translate(-60px) rotate(-10deg)
}

.page.mutual-attraction .promo-match-photos .promo-match-photos__image--right {
    z-index: 1;
    -webkit-transform: translate(60px, 15px) rotate(10deg);
    transform: translate(60px, 15px) rotate(10deg)
}

.page.mutual-attraction .promo-match-photos .promo-match-photos__icon {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 50%;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .22);
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.page.mutual-attraction .promo-match-close {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 5px auto 15px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

@media (orientation:portrait) and (min-height:460px) {
    .page.mutual-attraction .promo-match-close {
        width: 50px;
        height: 50px
    }
}

.promo-upload-video {
    max-width: 414px;
    margin: 0 auto
}

@media (orientation:landscape) and (max-width:768px) {
    .promo-upload-video {
        max-width: 280px
    }
}

.promo-upload-video__media {
    position: relative;
    overflow: hidden
}

.promo-upload-video__media:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

@media (orientation:landscape) and (max-width:768px) {
    .promo-upload-video__media:after {
        padding-bottom: 50%
    }
}

@media (orientation:portrait) and (max-height:500px) {
    .promo-upload-video__media:after {
        padding-bottom: 66.666%
    }
}

@media (min-width:415px) {
    .promo-upload-video__media {
        margin-top: 10px;
        border-radius: 5px;
        -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
        mask-image: radial-gradient(circle, #fff, #000)
    }
}

.promo-upload-video__icon {
    position: relative;
    z-index: 1;
    width: 65px;
    margin: -33px auto 0
}

.upsell {
    max-width: 375px;
    width: 100%;
    margin: auto;
    padding: 20px 30px;
    text-align: center
}

.upsell__title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    padding: 0;
    color: #fff
}

body.ios-font-helvetica .upsell__title {
    font-weight: 500
}

body.android-font-system .upsell__title {
    font-weight: 700
}

body.android-font-roboto-new .upsell__title {
    font-weight: 500
}

.upsell__message {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    padding: 0;
    color: #fff
}

.upsell-promotion {
    position: relative;
    margin: 20px 0 10px;
    padding: 25px 15px 20px;
    border-radius: 6px;
    background: #fff
}

.upsell-promotion .ribbon {
    top: 15px;
    left: 0
}

.upsell-promotion .hint:last-child {
    padding-bottom: 0
}

.upsell-promotion__brick {
    margin: -15px auto
}

.upsell-promotion__brick .upsell-promotion__brick-badge {
    margin-top: -10px
}

.upsell__close {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: 20px 0;
    color: #fff;
    text-align: center
}

.page.cross-sell {
    background: #12a612
}

.page.cross-sell:before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    top: auto;
    bottom: 0
}

.ios .page.cross-sell:before {
    content: ""
}

.page.cross-sell .upsell__footer .hint {
    color: #fff;
    opacity: .5
}

.viral-video {
    position: relative;
    overflow: hidden;
    max-width: 414px;
    margin: 0 auto
}

.viral-video:before {
    display: block;
    padding-bottom: 100%;
    content: ""
}

@media (orientation:landscape) and (max-width:640px) {
    .viral-video {
        max-width: 320px
    }
}

@media (min-width:415px) {
    .viral-video {
        margin-top: 10px;
        border-radius: 5px;
        -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
        mask-image: radial-gradient(circle, #fff, #000)
    }
}

.viral-video-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.viral-video-share__option {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.viral-video-share__option+.viral-video-share__option {
    margin-left: 15px
}

.slider-gallery {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6
}

.slider-gallery__pages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%
}

.slider-gallery__pages.is-animated {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1)
}

.slider-gallery__page {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    height: 100%
}

.slider-gallery__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-position: 50% 50%;
    background-size: cover
}

.slider-gallery__pager {
    position: absolute;
    top: 15px;
    right: 15px
}

.slider-gallery-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    color: #fff;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    pointer-events: none
}

.encounters__card .slider-gallery-overlay {
    margin-right: 25px;
    margin-left: 25px
}

.slider-gallery-overlay.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.spotlight-sharing__badge {
    position: relative
}

.spotlight-sharing__badge:before {
    display: block;
    padding-top: 100%;
    content: ""
}

.spotlight-sharing__providers_ {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: auto;
    white-space: nowrap
}

.spotlight-sharing__provider {
    margin: 0 10px
}

.spotlight-sharing__provider:first-child {
    margin-left: 25px
}

.spotlight-sharing__provider:last-child {
    margin-right: 25px
}

.whats-new-image {
    margin: 0 0 25px;
    background-color: #e0e0e0;
    background-position: 50% 100%;
    background-size: cover
}

.whats-new-image:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

.whats-new-plain {
    margin: 75px 0 15px
}

@media (orientation:landscape) and (max-height:600px) {
    .whats-new-plain {
        margin-top: 50px
    }
}

.whats-new-users {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.whats-new-users .users-folder__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card__content {
    display: block;
    margin-left: 15px
}

.card__summary {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.card__details {
    display: block
}

.card__hint {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494
}

.fade-overlay {
    position: absolute;
    z-index: 1100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none
}

.fade-overlay__fade {
    position: fixed;
    z-index: 1101;
    top: 0;
    right: 0;
    bottom: -100%;
    left: 0;
    background: rgba(0, 0, 0, .6)
}

.fade-overlay__overscroll {
    background: #fff
}

.fade-overlay__overscroll:before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 50vh;
    background: inherit;
    z-index: 1102;
    height: 200px
}

.ios .fade-overlay__overscroll:before {
    content: ""
}

.fade-overlay__header {
    z-index: 1104
}

.fade-overlay__content,
.fade-overlay__header {
    position: relative;
    display: block;
    background: #fff
}

.fade-overlay__content {
    z-index: 1103;
    min-height: 50px;
    border-radius: 0 0 5px 5px
}

.fade-overlay__content.fade-overlay__content--vpadded {
    padding-top: 15px;
    padding-bottom: 15px
}

.fade-overlay__content.fade-overlay__content--hpadded {
    padding-right: 15px;
    padding-left: 15px
}

.fade-overlay__loader {
    position: absolute;
    z-index: 1103;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: 5px;
    background: hsla(0, 0%, 100%, .6)
}

.fade-overlay__loader-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    color: #6a6a6a
}

.fade-overlay.is-active,
.fade-overlay.is-loading .fade-overlay__loader {
    display: block
}

.fade-overlay.is-loading .fade-overlay__overscroll {
    display: none
}

.icons-carousel {
    position: relative;
    max-width: 400px;
    width: auto;
    margin: 0 auto
}

.icons-carousel:after {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 20%;
    content: ""
}

.icons-carousel .icons-carousel__unit {
    position: absolute;
    top: 0;
    left: 40%;
    display: block;
    width: 20%;
    height: 100%
}

.icons-carousel .icons-carousel__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
    transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
    transition: transform .2s ease-in, opacity .2s ease-in;
    transition: transform .2s ease-in, opacity .2s ease-in, -webkit-transform .2s ease-in
}

.icons-carousel .icons-carousel__item.is-pprev {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(-200%) scale(.3906);
    transform: translateX(-200%) scale(.3906)
}

.icons-carousel .icons-carousel__item.is-prev {
    display: block;
    opacity: .5;
    -webkit-transform: translateX(-125%) scale(.625);
    transform: translateX(-125%) scale(.625)
}

.icons-carousel .icons-carousel__item.is-current {
    display: block;
    opacity: 1;
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1)
}

.icons-carousel .icons-carousel__item.is-next {
    display: block;
    opacity: .5;
    -webkit-transform: translateX(125%) scale(.625);
    transform: translateX(125%) scale(.625)
}

.icons-carousel .icons-carousel__item.is-nnext {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(200%) scale(.3906);
    transform: translateX(200%) scale(.3906)
}

.inapp-notification-wrapper {
    position: fixed;
    z-index: 901;
    top: -5px !important;
    width: 100%;
    min-height: 125px;
    opacity: .5;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.inapp-notification-wrapper.is-visible {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, transparent);
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.inapp-notification-wrapper.is-sliding-right {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.inapp-notification-wrapper.is-sliding-left {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.inapp-notification {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px;
    margin: 8px;
    padding: 10px 7px 10px 12px;
    border-radius: 10px;
    background: #fff;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    mask-image: radial-gradient(circle, #fff, #000);
    color: #6a6a6a
}

.inapp-notification,
.inapp-notification__promo {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.inapp-notification__promo {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: -10px 0 -10px -12px
}

.inapp-notification__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #000
}

.inapp-notification__chevron {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    color: #949494
}

.inapp-notification__images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.inapp-notification__images>img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 12px
}

.inapp-notification__images .inapp-notification__user {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 60px;
    height: 60px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.inapp-notification__images .inapp-notification__badge {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.inapp-notification__icon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px
}

.inapp-notification__icon.inapp-notification__icon--tick {
    background: #17d417
}

.inapp-notification__icon.inapp-notification__icon--cross {
    background: #8a9abb
}

.inapp-notification__promo+.inapp-notification__content {
    margin-left: 17px
}

.inapp-notification__content+.inapp-notification__chevron {
    margin-left: 3px
}

.inmoji {
    position: relative;
    display: block;
    overflow: hidden;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #f2f2f2
}

.inmoji.inmoji--sm {
    width: 20px;
    height: 20px
}

.inmoji:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 50%
}

.inmoji .inmoji__image {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.interests {
    margin: 0 -8px 0 0
}

.interests .interest {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    max-width: 100%;
    height: 44px;
    margin: 0 8px 8px 0;
    padding: 12px 15px;
    border-radius: 10px;
    background: #f6f6f6;
    color: #949494;
    white-space: nowrap;
    text-overflow: ellipsis
}

.interests .interest--additional {
    display: none
}

.interests .interest--matched {
    background-color: #c4c4c4;
    color: #fff
}

.interests.is-expanded .interest--additional {
    display: inline-block
}

.interests.is-expanded .interest--more {
    display: none
}

.invite-sources-list {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    margin: 10px 0
}

.invite-sources-list .invite-sources-list__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0
}

.invite-sources-list .invite-sources-list__item:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 80px;
    height: 1px;
    content: "";
    background: #f2f2f2
}

.invite-sources-list .invite-sources-list__icon {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 65px;
    height: 65px;
    margin: 0 15px 0 0
}

.invite-sources-list .invite-sources-list__icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto
}

.invite-sources-list .invite-sources-list__details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.invite-sources-list .invite-sources-list__name {
    font-weight: 600
}

body.ios-font-helvetica .invite-sources-list .invite-sources-list__name {
    font-weight: 500
}

body.android-font-system .invite-sources-list .invite-sources-list__name {
    font-weight: 700
}

body.android-font-roboto-new .invite-sources-list .invite-sources-list__name {
    font-weight: 500
}

.invite-sources-list .invite-sources-list__description {
    margin: 2px 0 0;
    color: #5e6773
}

.invite-contacts-loading {
    margin: 30px 0;
    color: #9aa3ab;
    text-align: center
}

.invite-contacts-list {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    margin: 15px 0
}

.invite-contacts-list .invite-contacts-list__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0
}

.invite-contacts-list .invite-contacts-list__item:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 80px;
    height: 1px;
    content: "";
    background: #f2f2f2
}

.invite-contacts-list .invite-contacts-list__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 15px 0 0
}

.invite-contacts-list .invite-contacts-list__details {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.invite-contacts-list .invite-contacts-list__name {
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.ios-font-helvetica .invite-contacts-list .invite-contacts-list__name {
    font-weight: 500
}

body.android-font-system .invite-contacts-list .invite-contacts-list__name {
    font-weight: 700
}

body.android-font-roboto-new .invite-contacts-list .invite-contacts-list__name {
    font-weight: 500
}

.invite-contacts-list .invite-contacts-list__description {
    overflow: hidden;
    margin: 2px 0 0;
    color: #5e6773;
    text-overflow: ellipsis
}

.invite-contacts-list .invite-contacts-list__checkbox {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px
}

.invite-contacts-list .invite-contacts-list__clickable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.invite-contacts-empty {
    margin: 15px;
    color: #5e6773;
    text-align: center
}

.invite-sources-line {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.invite-sources-line:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: "";
    background: #e6ecf2
}

.invite-sources-line .invite-sources-line__item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 22%;
    -ms-flex: 1 0 22%;
    flex: 1 0 22%;
    min-width: 75px;
    padding: 10px 5px;
    text-align: center
}

.invite-sources-line .invite-sources-line__icon {
    position: relative;
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto 10px
}

.invite-sources-line .invite-sources-line__icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto
}

.invite-sources-line .invite-sources-line__icon--active {
    display: none
}

.invite-sources-line .invite-sources-line__label {
    overflow: hidden;
    color: #333844;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
    line-height: 15px
}

.invite-sources-line .invite-sources-line__item.is-selected:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: "";
    background: #256cf5
}

.invite-sources-line .invite-sources-line__item.is-selected .invite-sources-line__icon--inactive {
    display: none
}

.invite-sources-line .invite-sources-line__item.is-selected .invite-sources-line__icon--active {
    display: block
}

.invite-sources-line {
    position: fixed;
    z-index: 9;
    top: 41px;
    right: 0;
    left: 0;
    background: #fff;
    -webkit-transform: none;
    transform: none
}

.invite-sources-line+.fake {
    height: 110px
}

.invite-sources-line.is-static {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.invite-sources-line .invite-sources-line__icons {
    display: none
}

.invite-sources-line.is-static .invite-sources-line__icons {
    display: block
}

.invite-progress {
    padding: 20px 0 15px;
    border-bottom: 1px solid #f2f2f2
}

.invite-progress .invite-progress__title {
    font-weight: 600;
    margin: 0 0 15px;
    text-align: center
}

body.ios-font-helvetica .invite-progress .invite-progress__title {
    font-weight: 500
}

body.android-font-system .invite-progress .invite-progress__title {
    font-weight: 700
}

body.android-font-roboto-new .invite-progress .invite-progress__title {
    font-weight: 500
}

.invite-progress .invite-progress__description {
    margin: 5px 0 0;
    color: #9aa3ab;
    text-align: center;
    font-size: 12px;
    line-height: 15px
}

.invite-progress .invite-progress__progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.invite-progress .invite-progress__bar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 180px
}

.invite-progress .invite-progress__initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 0
}

.invite-progress .invite-progress__maximum {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 10px
}

.dot {
    display: inline-block;
    margin: 1px;
    border-radius: 50%
}

.small .dot {
    width: 10px;
    height: 10px
}

.large .dot {
    width: 20px;
    height: 20px
}

.dark .dot {
    background-color: #5e6773
}

.grey .dot {
    background-color: #c8cfd6
}

.light .dot {
    background-color: #fff
}

.loader {
    height: 25px;
    text-align: center
}

@-webkit-keyframes p {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes p {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    75% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.loader .first {
    -webkit-animation-name: p;
    animation-name: p;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.loader .second {
    -webkit-animation-name: p;
    animation-name: p;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}

.loader .third {
    -webkit-animation-name: p;
    animation-name: p;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: .53s;
    animation-delay: .53s
}

.loader.loader--centered {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.animate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.animate.instant {
    -webkit-transition: none;
    transition: none
}

.fadeOut {
    opacity: 0
}

.location-select {
    position: relative
}

.location-select input {
    width: 100%
}

.location-select ul {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff
}

.location-select ul.loading {
    height: 2em
}

.location-select li {
    display: block;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e6ecf2
}

.location-select li:first-child {
    border-top: 1px solid #e6ecf2
}

.location-select li:active,
.location-select li:hover {
    background: #e6ecf2
}

.location-select.location-select--modal ul {
    position: absolute;
    z-index: 9
}

.map {
    position: relative;
    max-width: 100%;
    width: 245px;
    height: 125px;
    border: 1px solid #ceccc5;
    border-radius: 5px;
    background: url(../img/no-sprite/staticmap.jpg) 100% 100% no-repeat;
    background-size: cover
}

.map:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    content: "";
    border: 1px solid rgba(153, 69, 230, .5);
    border-radius: 50%;
    background: rgba(153, 69, 230, .1)
}

.mini-game {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    min-height: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.mini-game.is-hidden {
    display: none
}

.mini-game.is-fade-down {
    z-index: -1;
    opacity: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}

.mini-game.is-fade-up {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mini-game__pagination {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    color: #7000e3;
    pointer-events: none
}

.mini-game__pagination.is-hidden {
    display: none
}

.mini-game__progress {
    color: #949494
}

.mini-game__progress.is-hidden {
    display: none
}

.mini-game__user {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.mini-game__user.is-hidden {
    display: none
}

.mini-game__user.is-fade-down {
    opacity: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}

.mini-game__user.is-fade-up {
    opacity: 0;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.mini-game__users-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-game__users-list-item--next,
.mini-game__users-list-item--previous {
    width: 60px;
    color: #6a6a6a
}

.mini-game__users-list-item--current {
    margin: 0 20px
}

.mini-game__grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 280px;
    margin: -5px
}

.mini-game__grid .mini-game__grid-item {
    width: 60px;
    height: 60px;
    margin: 5px;
    color: #6a6a6a
}

.old-android-webkit .mini-game__grid {
    text-align: left;
    line-height: 0
}

.old-android-webkit .mini-game__grid .mini-game__grid-item {
    display: inline-block
}

.mini-game__chat {
    display: block
}

.mini-game__chat.is-hidden {
    display: none
}

.mini-game__chat-fade {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    content: "";
    background: rgba(0, 0, 0, .6)
}

.is-keyboard-active .mini-game__chat-fade {
    display: block
}

.mini-game__chat-controls {
    position: relative;
    z-index: 1;
    border-top: 1px solid #e6ecf2;
    background: #fff
}

.modal--bottom-drawer .modal__close {
    display: none
}

.moderated-photos__intro {
    color: #6a6a6a;
    text-align: center
}

.moderated-photos__intro+.moderated-photos__list {
    margin-top: 20px
}

.progress-bar {
    position: relative;
    height: 14px;
    border-radius: 7px;
    background: #f6f6f6
}

.progress-bar .progress-bar__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0 7px;
    border-radius: inherit;
    background: #7000e3;
    color: #fff;
    text-align: right;
    font-size: 9px;
    line-height: 14px;
    -webkit-transition: min-width .5s linear;
    transition: min-width .5s linear
}

.progress-bar .progress-bar__fill:empty {
    padding-right: 0;
    padding-left: 0
}

.progress-bar--tiny {
    height: 6px;
    border-radius: 3px
}

.progress-bar--tiny .progress-bar__fill {
    padding-right: 3px;
    padding-left: 3px;
    color: transparent;
    font-size: 0;
    line-height: 0
}

.progress-bar--tiny .progress-bar__fill:empty {
    padding-right: 0;
    padding-left: 0
}

.progress-bar--inherited .progress-bar__fill {
    background-color: currentColor;
    color: currentColor
}

.gift {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.gift__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-size: contain
}

.gift__image-loader,
.gift__image>.img,
.gift__image>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    background-size: contain;
    -webkit-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.gift__private {
    position: absolute;
    right: 10px;
    bottom: 12px;
    padding: 1px 3px;
    background: #6a6a6a;
    color: #fff;
    font-size: 6px;
    line-height: 6px;
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.gift {
    width: 65px;
    height: 65px
}

.gift--lg {
    width: 90px;
    height: 90px
}

.gift--fullsize {
    width: 200px;
    height: 200px
}

.gift--fullsize .gift__image-loader {
    width: 75%;
    height: 75%
}

.gift--fullsize .gift__private {
    right: 30px;
    bottom: 45px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 20px;
    -webkit-transform: none;
    transform: none
}

.gift__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.gift__icon.is-shown {
    display: block
}

.gift__icon--br {
    position: absolute;
    top: auto;
    right: -2px;
    bottom: -2px
}

.gift__image-loader {
    opacity: 0;
    visibility: hidden
}

.gift.is-loading .gift__image>.img,
.gift.is-loading .gift__image>img {
    opacity: 0
}

.gift.is-loading .gift__image-loader {
    opacity: 1;
    visibility: visible
}

.page.page-gift .gift-fullsize-wrapper,
.page.send-gift .gift-fullsize-wrapper {
    position: relative;
    margin: 5px 0;
    text-align: center
}

@media (orientation:landscape) and (min-width:480px) and (max-height:375px) {
    .page.page-gift .gift-fullsize-wrapper .gift--fullsize,
    .page.send-gift .gift-fullsize-wrapper .gift--fullsize {
        width: 150px;
        height: 150px
    }
}

.page.page-gift .gift-tag-wrapper,
.page.send-gift .gift-tag-wrapper {
    position: relative;
    margin: 0 0 20px
}

.page.page-gift .gift-tag-wrapper:after,
.page.page-gift .gift-tag-wrapper:before,
.page.send-gift .gift-tag-wrapper:after,
.page.send-gift .gift-tag-wrapper:before {
    position: absolute;
    top: 49px;
    right: 100%;
    width: 340px;
    height: 4px;
    margin: 0 -19px 0 0;
    content: "";
    border-radius: 2px;
    background: #f6f6f6;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.page.page-gift .gift-tag-wrapper:after,
.page.send-gift .gift-tag-wrapper:after {
    z-index: 1;
    top: 38px
}

.gift-private-notification {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 7px
}

.gift-private-notification__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin: 0 0 0 20px;
    color: #c4c4c4;
    text-overflow: ellipsis
}

.gift-private-notification__mark {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px;
    padding: 2px 8px;
    border-radius: 2px;
    background: #6a6a6a;
    color: #fff;
    font-size: 10px;
    line-height: 15px
}

.gift-private-message {
    width: 290px;
    margin: 0 auto 10px;
    padding: 0 30px;
    color: #949494;
    text-align: center
}

.gift-private-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 7px
}

.gift-private-switcher__control {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px 0 20px
}

.gift-private-switcher__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    color: #c4c4c4;
    text-overflow: ellipsis
}

.gift-private-switcher__mark {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px;
    padding: 2px 8px;
    border-radius: 2px;
    background: #6a6a6a;
    color: #fff;
    font-size: 10px;
    line-height: 15px
}

.gift-private-switcher.is-private .gift-private-switcher__text {
    color: inherit
}

.gift-private-switcher.is-private .gift-private-switcher__mark {
    display: block
}

.gift-preview {
    position: relative;
    height: 200px;
    margin: 5px -15px;
    text-align: center
}

.gift-preview .sticky-scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gift-preview .sticky-scroll_ {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.gift-preview .sticky-scroll_,
.gift-preview__page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.gift-preview__page {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%
}

@media (orientation:landscape) and (min-width:480px) and (max-height:375px) {
    .gift-preview {
        height: 150px
    }
    .gift-preview .gift--fullsize {
        width: 150px;
        height: 150px
    }
}

.gift-preview__control {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
    color: #c4c4c4
}

.gift-preview__control--prev {
    left: 10px
}

.gift-preview__control--next {
    right: 10px
}

.gift-preview.is-first .gift-preview__control--prev,
.gift-preview.is-last .gift-preview__control--next {
    display: none
}

.gift-action {
    margin-right: 10px;
    margin-left: 20px
}

.gift-showcase {
    margin: 0 0 15px
}

.gift-showcase__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 10px
}

.gift-showcase__title {
    font-weight: 600;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

body.ios-font-helvetica .gift-showcase__title {
    font-weight: 500
}

body.android-font-system .gift-showcase__title {
    font-weight: 700
}

body.android-font-roboto-new .gift-showcase__title {
    font-weight: 500
}

.gift-showcase__price {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 0 0 15px;
    color: #949494;
    text-align: right
}

.gift-showcase__items {
    margin: 10px 0 0
}

.gift-showcase__item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
    height: 65px;
    margin: 0 0 10px;
    text-align: center
}

.gift-showcase--premium .gift-showcase__item {
    width: 33.3333%;
    height: 90px
}

@media (min-width:720px),
(orientation:landscape) and (min-width:360px) {
    .gift-showcase__item {
        width: 20%
    }
    .gift-showcase--premium .gift-showcase__item {
        width: 25%
    }
}

.gift-showcase__item--additional {
    display: none
}

.gift-showcase__items.is-expanded .gift-showcase__item--additional {
    display: inline-block
}

.gift-showcase__items.is-expanded .gift-showcase__item--more {
    display: none
}

.gift-tag {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 100%;
    max-height: 80px;
    margin: 0;
    padding: 0 0 0 21px
}

.gift-tag .gift-tag__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    margin: 0;
    padding: 9px 15px;
    border: 1px solid #d3dee7;
    border-left: none;
    border-radius: 0 5px 5px 0;
    background-color: #fff
}

.gift-tag .gift-tag__text {
    overflow: hidden;
    width: 100%;
    max-height: 60px;
    word-wrap: break-word;
    text-align: center;
    text-overflow: ellipsis;
    font-size: inherit;
    line-height: 20px
}

.gift-tag .gift-tag__input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.gift-tag .gift-tag__input-label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gift-tag .gift-tag__input-clamp {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: 60px
}

.gift-tag .gift-tag__input-textarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gift-tag .gift-tag__input-mirror {
    position: static;
    color: transparent
}

.gift-tag .gift-tag__input-mirror,
.gift-tag .gift-tag__input-textarea {
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    min-height: 20px;
    max-height: 100%;
    margin: auto;
    padding: 0;
    border: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 20px
}

.gift-tag .gift-tag__input-textarea:focus::-webkit-input-placeholder {
    color: transparent
}

.gift-tag .gift-tag__input-textarea:focus:-ms-input-placeholder {
    color: transparent
}

.gift-tag .gift-tag__input-textarea:focus::placeholder {
    color: transparent
}

.gift-tag .gift-tag__input-counter {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    position: absolute;
    right: 7px;
    bottom: 4px;
    color: #c4c4c4
}

.gift-tag .gift-tag__corner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.gift-tag .gift-tag__corner .gift-tag__corner-decoration {
    position: absolute;
    width: 21px
}

.gift-tag .gift-tag__corner .gift-tag__corner-decoration--below {
    top: 0;
    bottom: 0;
    left: 0
}

.gift-tag .gift-tag__corner .gift-tag__corner-decoration--above {
    top: 1px;
    bottom: 1px;
    left: 1px
}

.gift-tag .gift-tag__corner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gift-tag .gift-tag__corner .gift-tag__corner-hole {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 15px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border: 1px solid #d3dee7;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .05)
}

.gift-tag.gift-tag--reverse {
    padding-right: 21px;
    padding-left: 0
}

.gift-tag.gift-tag--reverse .gift-tag__main {
    border-right: none;
    border-left: 1px solid #d3dee7;
    border-radius: 5px 0 0 5px
}

.gift-tag.gift-tag--reverse .gift-tag__corner {
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.gift-tag.gift-tag--maximised {
    display: block
}

.gift-tag.gift-tag--maximised .gift-tag__main {
    height: 80px
}

.heart-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff661b
}

.heart-bar .heart-bar__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 8px
}

.heart-bar .heart-bar__progress {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}

.multimedia-upsell__icon {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto
}

@media (orientation:landscape),
(orientation:portrait) and (max-height:460px) {
    .multimedia-upsell__icon {
        width: 50px;
        height: 50px
    }
}

@media (orientation:portrait) and (min-height:628px) {
    .multimedia-upsell__icon {
        width: 90px;
        height: 90px
    }
}

.multimedia-upsell__icon>image,
.multimedia-upsell__icon>img,
.multimedia-upsell__icon>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: currentColor
}

.multimedia-upsell__crush-pointer {
    position: relative;
    width: 100px;
    height: 100px;
    margin: -15px auto 0
}

@media (orientation:landscape),
(orientation:portrait) and (max-height:460px) {
    .multimedia-upsell__crush-pointer {
        width: 80px;
        height: 80px;
        margin-top: -35px
    }
}

@media (orientation:portrait) and (min-height:628px) {
    .multimedia-upsell__crush-pointer {
        width: 120px;
        height: 120px
    }
}

.multimedia-upsell__crush-pointer>image,
.multimedia-upsell__crush-pointer>svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: currentColor
}

.multimedia {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-color: #f6f6f6
}

.fullscreenView .multimedia,
.is-fullscreen .multimedia {
    background-color: #1d1d1d
}

.multimedia.multimedia--dark {
    background-color: #e0e0e0
}

.multimedia .multimedia__image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fullscreenView .multimedia .multimedia__image,
.is-fullscreen .multimedia .multimedia__image,
.multimedia .multimedia__image.multimedia__image--contain {
    background-size: contain
}

.multimedia .multimedia__video {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover
}

.multimedia .multimedia__video::-webkit-media-controls {
    display: none!important
}

.fullscreenView .multimedia .multimedia__video,
.is-fullscreen .multimedia .multimedia__video {
    right: 0;
    bottom: 0;
    max-width: 100%;
    height: auto;
    margin: auto
}

.multimedia .multimedia__play {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 70px;
    margin: auto
}

.multimedia .multimedia__play>svg {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.multimedia .multimedia__play.is-loading {
    display: none
}

.multimedia .multimedia__icon {
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.profile-preview__photos .multimedia .multimedia__icon {
    bottom: 30px
}

.encounters-card__photos .multimedia .multimedia__icon {
    top: 15px;
    bottom: auto
}

.multimedia .multimedia__icon .multimedia__icon-loader {
    display: none
}

.multimedia .multimedia__icon.is-loading .multimedia__icon-loader {
    display: block
}

.multimedia .multimedia__icon.is-loading .multimedia__icon-content {
    display: none
}

.multimedia .multimedia__icon--br {
    right: 15px;
    left: auto
}

.multimedia .multimedia__content {
    position: relative;
    z-index: 3;
    max-width: 100%;
    color: #fff
}

.multimedia .multimedia__loader {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.multimedia .multimedia__loader.is-hidden {
    display: none
}

.multimedia.multimedia--private-photos:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #1d1d1d
}

.multimedia.multimedia--private-photos .multimedia__image {
    opacity: .15;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.old-android-webkit .multimedia.multimedia--private-photos .multimedia__image,
.windows .multimedia.multimedia--private-photos .multimedia__image {
    display: none
}

.fullscreenView .galleryView .multimedia.multimedia--private-photos .multimedia__content {
    padding-top: 0;
    padding-bottom: 0
}

@media (orientation:landscape) {
    .galleryView .multimedia.multimedia--private-photos .multimedia__content {
        padding-top: 0;
        padding-bottom: 0
    }
}

.multimedia.multimedia--external-photos:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #0070e2
}

.multimedia.multimedia--external-photos .multimedia__image {
    opacity: .15
}

.multimedia.multimedia--add-video .multimedia__content {
    display: none
}

.multimedia.multimedia--add-video.is-blocked:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #0070e2
}

.multimedia.multimedia--add-video.is-blocked .multimedia__image {
    opacity: .15
}

.multimedia.multimedia--add-video.is-blocked .multimedia__icon,
.multimedia.multimedia--add-video.is-blocked .multimedia__play {
    display: none
}

.multimedia.multimedia--add-video.is-blocked .multimedia__content {
    display: block
}

.multimedia.multimedia--more:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #0070e2
}

.multimedia.multimedia--more .multimedia__image {
    opacity: .15
}

.multimedia.multimedia--upsell-crush,
.multimedia.multimedia--upsell-gift {
    background-color: #7000e3
}

.multimedia.multimedia--placeholder-image {
    color: #c4c4c4
}

.multimedia.is-restricted:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #0070e2
}

.multimedia.is-restricted .multimedia__image {
    opacity: .15;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.multimedia.is-restricted .multimedia__icon,
.multimedia.is-restricted .multimedia__play,
.old-android-webkit .multimedia.is-restricted .multimedia__image,
.windows .multimedia.is-restricted .multimedia__image {
    display: none
}

.multimedia.is-processing .multimedia__image {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.is-playback .multimedia .multimedia__image,
.old-android-webkit .multimedia.is-processing .multimedia__image,
.windows .multimedia.is-processing .multimedia__image {
    display: none
}

.is-playback .multimedia .multimedia__video {
    display: block
}

.is-playback .multimedia .multimedia__play {
    display: none
}

.multimedia-blocker-icon {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto
}

.page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.page.visible {
    -webkit-transform: none;
    transform: none
}

.page.page-animation {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.no-page-transitions .page {
    -webkit-transition: none;
    transition: none
}

.page>.fullscreen-view {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-height: 100%
}

.page>.dark {
    background-color: #21262e
}

.page.overlay-page {
    z-index: 999;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.page.overlay-page.visible {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.page.overlay-page:not(.page-animation) {
    -webkit-transform: none;
    transform: none
}

.page.visitors {
    position: static
}

.pagination-bar {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pagination-bar,
.pagination-bar__steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination-bar__steps {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 10px;
    text-align: center
}

.pagination-bar__steps .pagination-bar__step,
.pagination-bar__steps li {
    width: 8px;
    height: 8px;
    margin: auto 2px;
    border: 2px solid transparent;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #e0e0e0
}

.pagination-bar__steps .pagination-bar__step.is-completed,
.pagination-bar__steps li.is-completed {
    border-color: transparent;
    background-color: currentColor
}

.pagination-bar__steps .pagination-bar__step.is-current,
.pagination-bar__steps li.is-current {
    border-color: currentColor;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.pagination-bar__link {
    vertical-align: middle;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding: 0 10px;
    color: #7000e3;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis
}

.pagination-bar__next,
.pagination-bar__prev {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 7px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background-color: transparent;
    color: #949494;
    line-height: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

@-webkit-keyframes q {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes q {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.pagination-bar__next:after,
.pagination-bar__prev:after {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    content: ""
}

.pagination-bar__next.is-disabled,
.pagination-bar__prev.is-disabled {
    opacity: 0
}

.pagination-bar__next.is-ready,
.pagination-bar__prev.is-ready {
    background-color: currentColor;
    color: inherit;
    -webkit-animation-name: q;
    animation-name: q;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.pagination-bar__next.is-ready .pagination-bar__icon,
.pagination-bar__prev.is-ready .pagination-bar__icon {
    color: #fff
}

.pagination-bar--vertical .pagination-bar__steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 10px 0
}

.pagination-bar--vertical .pagination-bar__steps .pagination-bar__step,
.pagination-bar--vertical .pagination-bar__steps li {
    margin: 2px auto
}

.photo-actions {
    position: absolute;
    z-index: 910;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 15px
}

.photo-action,
.photo-actions,
.photo-actions__section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photo-action {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.photo-action:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: ""
}

.photo-action.photo-action--transparent {
    background: transparent
}

.photo-action .photo-action__loader {
    display: none
}

.photo-action+.photo-action {
    margin-left: 10px
}

.photo-action.is-hidden {
    display: none
}

.photo-action.is-loading .photo-action__loader {
    display: block
}

.photo-action.is-loading .photo-action__content {
    display: none
}

.photo-action__label {
    margin: 0 15px
}

.photo-action__menu {
    margin: 10px 20px 10px 10px
}

.photo-action__menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photo-action__menu-item+.photo-action__menu-item {
    margin-top: 13px
}

.photo-action__menu-item .photo-action__menu-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.photo-action__menu-item .photo-action__menu-label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.photo-action__menu-item .photo-action__menu-icon+.photo-action__menu-label {
    margin-left: 10px
}

.photo-action__menu-item.is-active .photo-action__menu-icon,
.photo-action__menu-item.is-active .photo-action__menu-label {
    color: #7000e3
}

.photo-coaching-explanation {
    padding: 8px 5px
}

.photo-coaching-explanation__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photo-coaching-explanation__item+.photo-coaching-explanation__item {
    margin-top: 6px
}

.photo-coaching-explanation__item-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.photo-coaching-explanation__item-label {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #6a6a6a
}

.photo-coaching-explanation__item-icon+.photo-coaching-explanation__item-label {
    margin-left: 10px
}

.photo-grid-liquid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1px
}

.photo-grid-liquid__item {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333%;
    padding: 1px
}

@media (min-width:376px) {
    .photo-grid-liquid__item {
        width: 25%
    }
}

@media (min-width:568px) {
    .photo-grid-liquid__item {
        width: 20%
    }
}

@media (min-width:736px) {
    .photo-grid-liquid__item {
        width: 16.6666%
    }
}

.photo-grid-liquid__item-image {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #f6f6f6 50% 50% no-repeat;
    background-size: cover
}

.photo-grid-liquid__item-icon {
    position: absolute;
    right: 5px;
    bottom: 5px
}

.photo-grid-liquid--centered .photo-grid-liquid__item:first-child {
    margin-left: auto
}

.photo-grid-liquid--centered .photo-grid-liquid__item:last-child {
    margin-right: auto
}

.photo-grid-liquid--spacious {
    margin: -5px
}

.photo-grid-liquid--spacious .photo-grid-liquid__item {
    padding: 5px
}

.old-android-webkit .photo-grid-liquid {
    display: block
}

.old-android-webkit .photo-grid-liquid:after,
.old-android-webkit .photo-grid-liquid:before {
    display: table;
    content: " "
}

.old-android-webkit .photo-grid-liquid:after {
    clear: both
}

.old-android-webkit .photo-grid-liquid__item {
    display: inline-block;
    vertical-align: top
}

.old-android-webkit .photo-grid-liquid--centered {
    text-align: center
}

.rate-app-stars-container {
    margin: 25px 0 35px
}

.page.rate-app-like-us .rate-app-store-icon {
    width: 105px;
    height: 105px;
    margin: 0 auto
}

.page.rate-app-like-us .rate-app-like-button {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center
}

.ribbon {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    position: absolute;
    z-index: 1;
    padding: 5px 6px;
    border-radius: 0 4px 4px 0;
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px)
}

.ribbon:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    content: "";
    border-width: 3px;
    border-style: solid
}

.ribbon .ribbon__icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 4px
}

.ribbon.ribbon--red {
    background-color: #ff661b;
    color: #fff
}

.ribbon.ribbon--red:after {
    border-color: #b43b00 #b43b00 transparent transparent
}

.tooltip {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 290px;
    margin-bottom: 15px;
    -webkit-transition: margin .2s, visibility .2s, opacity .2s;
    transition: margin .2s, visibility .2s, opacity .2s;
    pointer-events: none
}

.old-android-webkit .tooltip,
.windows .tooltip {
    -webkit-transition: none;
    transition: none
}

.tooltip .tooltip_ {
    position: relative;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
    pointer-events: all
}

.tooltip .tooltip_:before {
    position: absolute;
    top: 100%;
    left: 14px;
    width: 8px;
    height: 8px;
    content: "";
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.tooltip .tooltip__content {
    position: relative;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    color: #333844;
    text-align: left
}

.tooltip .tooltip__content.tooltip__content--centered {
    text-align: center
}

.tooltip.is-invisible {
    margin-bottom: 25px;
    opacity: 0;
    visibility: hidden
}

.tooltip.is-visible {
    z-index: 999
}

.tooltip.tooltip--tc {
    right: 50%;
    left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.tooltip.tooltip--tc .tooltip_:before {
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.tooltip.tooltip--tr {
    right: 0;
    left: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tooltip.tooltip--tr .tooltip_:before {
    right: 14px;
    left: auto;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.tooltip.tooltip--bc {
    top: 100%;
    right: 50%;
    bottom: auto;
    left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.tooltip.tooltip--bc .tooltip_:before {
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.tooltip.tooltip--br {
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 15px;
    margin-bottom: 0
}

.tooltip.tooltip--br .tooltip_:before {
    top: auto;
    right: 14px;
    bottom: 100%;
    left: auto;
    box-shadow: -1px -1px 5px rgba(0, 0, 0, .3);
    -webkit-transform: translate(-50%, 50%) rotate(-135deg);
    transform: translate(-50%, 50%) rotate(-135deg)
}

.tooltip.tooltip--bl {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px;
    margin-bottom: 0
}

.tooltip.tooltip--bl .tooltip_:before {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 14px;
    box-shadow: -1px -1px 5px rgba(0, 0, 0, .3);
    -webkit-transform: translate(-50%, 50%) rotate(-135deg);
    transform: translate(-50%, 50%) rotate(-135deg)
}

.tooltip.tooltip--red .tooltip_:before {
    background: #ff661b
}

.tooltip.tooltip--red .tooltip__content {
    background: #ff661b;
    color: #fff
}

.tooltip.tooltip--small {
    margin-bottom: 10px
}

.tooltip.tooltip--small .tooltip_ {
    border-radius: 6px
}

.tooltip.tooltip--small .tooltip_:before {
    width: 6px;
    height: 6px
}

.tooltip.tooltip--small .tooltip__content {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    padding: 6px 8px;
    border-radius: 6px
}

.tooltip.tooltip--small.tooltip--bc,
.tooltip.tooltip--small.tooltip--br {
    margin-top: 10px
}

.tooltip.tooltip--complex .tooltip_:before {
    background: #fafafa
}

.tooltip.tooltip--complex .tooltip__content:first-of-type {
    border-radius: 10px 10px 0 0
}

.tooltip.tooltip--complex .tooltip__content:last-of-type {
    border-top: 1px solid #e6ecf2;
    border-radius: 0 0 10px 10px;
    background: #fafafa
}

.tooltip.tooltip--with-blocker.is-visible:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

@media (orientation:portrait) and (min-device-width:320px) {
    .tooltip {
        min-width: 240px
    }
}

@media (orientation:portrait) and (min-device-width:375px) {
    .tooltip {
        min-width: 280px
    }
}

@media (orientation:portrait) and (min-device-width:414px) {
    .tooltip {
        min-width: 310px
    }
}

.translucent-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    padding: 7px 15px;
    border-radius: 16px;
    background: rgba(0, 0, 0, .6);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    color: #fff;
    pointer-events: all
}

.translucent-button.is-hidden {
    display: none
}

.translucent-button__icon {
    margin-left: -2px
}

.translucent-button__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px
}

.translucent-button__icon+.translucent-button__text {
    margin-left: 5px
}

.selector {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    height: 45px;
    padding: 5px 0;
    /*border-bottom: 1px solid #e0e0e0 */
}

.selector.selector--no-shadow {
    border-bottom-color: transparent
}

.selector .truncated-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.selector .truncated-text__trim {
    padding-left: 10px;
    text-align: right
}

.selector__label {
    display: block;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.selector__label--secondary {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #949494
}

.selector__icon {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 auto 10px
}

.selector__icon--chevron-righ {
    margin-right: -3px;
    color: #949494
}

.selector__icon--accordion {
    margin-right: 5px;
    color: #949494;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.selector__icon--accordion.is-opened {
    color: #6a6a6a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.selector--multiline {
    min-height: 45px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px
}

.selector--multiline .selector__label {
    white-space: normal
}

.sharing-media {
    position: relative;
    max-width: 414px;
    width: 75%;
    margin: 0 auto
}

.sharing-media:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

@media (orientation:landscape) and (max-width:768px) {
    .sharing-media {
        max-width: 280px
    }
}

.sharing-media__blur {
    display: none
}

@supports ((-webkit-filter:blur(2px)) or (filter:blur(2px))) {
    .sharing-media__blur {
        position: absolute;
        top: 45%;
        right: 45%;
        bottom: 45%;
        left: 45%;
        display: block;
        opacity: .7;
        -webkit-filter: blur(2px);
        filter: blur(2px);
        -webkit-transform: translate3d(0, 80%, 0) scale(9);
        transform: translate3d(0, 80%, 0) scale(9)
    }
}

.sharing-media__multimedia {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 5px;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    mask-image: radial-gradient(circle, #fff, #000)
}

.verification-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.verification-option,
.verification-options {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.verification-option {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0
}

.verification-option__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.verification-option__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0 0 15px
}

.verification-option__name {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #000
}

.verification-option__message {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #949494
}

.verification-option__chevron {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px 0 15px;
    color: #949494;
    line-height: 0
}

.verification-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 65px;
    margin: 7px 0
}

.verification-divider:last-child {
    display: none
}

.verification-option.is-inactive .verification-option__message {
    color: #7000e3
}

@media (min-width:500px),
(orientation:landscape) {
    .verification-options--vertical {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .verification-options--vertical .verification-option {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50%;
        padding-right: 10px
    }
    .verification-options--vertical .verification-divider {
        display: none
    }
}

.verification-options-parent-horizontal {
    position: relative;
    overflow-x: scroll;
    width: 100%;
    margin: 0;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.verification-options-parent-horizontal .verification-options {
    margin: 0 10px
}

.verification-options--horizontal {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.verification-options--horizontal .verification-option {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 81px;
    -ms-flex: 0 0 81px;
    flex: 0 0 81px;
    width: 81px;
    padding: 0 0 20px;
    text-align: center
}

.verification-options--horizontal .verification-option__description {
    margin: 8px 0 0
}

.verification-options--horizontal .verification-option__name {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #7000e3
}

.verification-options--horizontal .verification-option__message {
    display: none
}

.verification-options--horizontal .verification-divider {
    width: auto;
    height: 65px;
    margin: 0 7px
}

.old-android-webkit .verification-options--horizontal {
    display: block
}

.old-android-webkit .verification-options--horizontal .verification-option {
    display: inline-block;
    vertical-align: top;
    width: 33%
}

.old-android-webkit .verification-options--horizontal .verification-option__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.old-android-webkit .verification-options--horizontal .verification-divider {
    position: absolute;
    top: 0;
    left: 33%;
    margin: auto -5px
}

.verification-options--grid {
    display: block
}

.verification-options--grid .verification-option {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 0 0 20px;
    text-align: center
}

.verification-options--grid .verification-option__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.verification-options--grid .verification-option__description {
    margin: 8px 0 0
}

.verification-options--grid .verification-option__message,
.verification-options--grid .verification-option__name {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px
}

.verification-options--grid .verification-divider {
    position: absolute;
    top: 0;
    left: 33%;
    width: auto;
    height: 65px;
    margin: auto -5px
}

.verify-photo .verify-photo__photo-wrapper {
    position: relative;
    display: inline-block;
    background-color: #e0e0e0
}

.verify-photo .verify-photo__sample-gesture {
    position: relative;
    padding: 10px 0 0;
    text-align: center
}

.verify-photo .verify-photo__sample-gesture .verify-photo__photo-wrapper {
    margin-left: -20px
}

.verify-photo .verify-photo__compare-gesture {
    position: relative;
    padding: 10px 0 0;
    text-align: center
}

.verify-photo .verify-photo__compare-gesture .verify-photo__photo-wrapper {
    margin: 0 3px
}

.verify-photo .verify-photo__photo-loader {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: none;
    color: #949494;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.verify-photo .verify-photo__photo-frame {
    position: relative;
    z-index: 1;
    display: block;
    border: 3px solid #fff;
    background-color: #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12)
}

.verify-photo .verify-photo__photo-image {
    position: relative;
    z-index: 1;
    width: 130px;
    height: 170px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.verify-photo .verify-photo__status-icon {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    box-sizing: content-box;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fff
}

.verify-photo .verify-photo__photo-dash {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 149.5px;
    height: 170px;
    -webkit-transform: rotate(8deg) translate(15px);
    transform: rotate(8deg) translate(15px)
}

.verify-photo .verify-photo__photo-dash rect {
    width: 100%;
    height: 100%;
    fill: #fff;
    stroke: #ebebeb;
    stroke-dasharray: 4;
    stroke-width: 3
}

.verify-photo .verify-photo__icon {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -30px auto 0
}

.verify-photo .verify-photo__photo-wrapper.is-loading .verify-photo__photo-loader {
    display: block
}

.verify-photo .verify-photo__photo-wrapper.is-loading .verify-photo__photo-image {
    opacity: 0
}

.verify-social-picture {
    width: 228px;
    height: 187px;
    background: url(/img/photos/verify-social-picture.jpg);
    background-size: cover
}

.poll {
    position: relative
}

.poll__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #e0e0e0
}

.poll__item:last-child {
    border-bottom-color: transparent
}

.poll__option {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    padding: 15px 0
}

.poll--compact .poll__option {
    padding: 7px 0
}

.poll__input {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background-color: transparent;
    color: transparent;
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: default
}

.poll__icon {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    border: 2px solid #c4c4c4;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #fff;
    color: #7000e3
}

.poll__input[type=radio]:checked+.poll__icon {
    border-width: 6px;
    border-color: currentColor
}

.poll__input[type=checkbox]:checked+.poll__icon {
    border-width: 0;
    background: currentColor url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAAQJJREFUWAntlT0KwkAQRqOFjZYWHkT0DBY5juChrOysLKytrcRC7LW0kPUFdmANhoxm8wPOwMdsksnMy5ewSRILc8AcMAfMAXPAHDAHuuSAc26BLuiEpl1iSwBK0QNJbMoA+2UFsa5DlNJrjQZBz3OwrrZkwBD99EAZHAqd49Dt0agalb+bRkv0RFc0+6Yp9fXCZTAMuSOJG4u5BpK6+uE84E7ofC6FbAzOA04YeNRCNgonr5KhKshW4LSQrcIpIFcA1reVCIAmF7xuTr9FvH1OA5WvAeXTNymE7cIJbAFkN+BykAdv3ZYc5/clA2JkoHpoHKOX9TAHzAFzwBwwB/7MgRfNOhXOE3zZdgAAAABJRU5ErkJggg==") no-repeat;
    background-size: cover
}

.poll--inherited .poll__icon {
    border-color: currentColor;
    color: currentColor
}

.poll__label {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    color: #000;
    text-align: left
}

.poll__label a {
    color: inherit;
    text-decoration: none
}

.poll__sub-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    display: block;
    color: #6a6a6a;
    text-align: left
}

.poll__extra {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 15px 0
}

.poll--no-options .poll__icon {
    display: none
}

.profile-quality .profile-quality__step {
    max-width: 395px;
    margin: 0 auto;
    padding: 15px 25px;
    text-align: center
}

.profile-quality .profile-quality__step-title {
    display: block;
    margin: 0;
    padding: 0;
    color: #6a6a6a;
    font-size: 17px;
    line-height: 20px
}

@media (orientation:portrait) and (min-height:558px) {
    .profile-quality .profile-quality__step-title {
        margin-top: 10px
    }
}

.profile-quality .profile-quality__step-subtitle {
    margin: 10px 0 0;
    color: #949494;
    font-size: 13px;
    line-height: 16px
}

.profile-quality .profile-quality__step-main {
    margin: 15px 0 0
}

@media (orientation:portrait) and (min-height:558px) {
    .profile-quality .profile-quality__step-main {
        margin-top: 25px
    }
}

.profile-quality .profile-quality__step-link {
    margin: 15px auto;
    color: #c4c4c4
}

.profile-quality .profile-quality__step-link .step-link__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.profile-quality .profile-quality__step-link .step-link__text {
    font-size: 13px;
    line-height: 16px
}

.profile-quality .photo-boot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 200px;
    margin: 15px auto;
    color: currentColor
}

.profile-quality .photo-boot .photo-boot__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 90px;
    -ms-flex: 1 0 90px;
    flex: 1 0 90px;
    margin: 0 5px
}

.profile-quality .photo-boot .photo-boot__preview {
    position: relative;
    width: 90px;
    height: 90px
}

.profile-quality .photo-boot .photo-boot__preview .photo-boot__preview-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 90px;
    height: 90px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover
}

.profile-quality .photo-boot .photo-boot__preview .photo-boot__preview-loader {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #c4c4c4
}

.profile-quality .photo-boot .photo-boot__preview:after,
.profile-quality .photo-boot .photo-boot__preview:before {
    position: absolute;
    z-index: 1;
    content: "";
    outline: 1px solid #e0e0e0;
    background: #fff
}

.profile-quality .photo-boot .photo-boot__preview:before {
    top: 10%;
    left: -10%;
    width: 80%;
    height: 80%
}

.profile-quality .photo-boot .photo-boot__preview:after {
    top: 5%;
    left: -5%;
    width: 90%;
    height: 90%
}

.profile-quality .photo-boot .photo-boot__add {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto
}

.profile-quality .photo-boot .photo-boot__add .photo-boot__add-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.profile-quality .photo-boot .photo-boot__add:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: 1px dashed currentColor;
    opacity: .3
}

.profile-quality .photo-boot .photo-boot__link {
    margin: 10px auto;
    font-size: 13px
}

.profile-quality .appearance-measure {
    margin: 20px auto;
    color: #6a6a6a
}

.profile-quality .appearance-measure .appearance-measure__value {
    vertical-align: baseline;
    min-height: 44px;
    font-size: 44px;
    line-height: 1em
}

.profile-quality .appearance-measure .appearance-measure__extra {
    display: block;
    margin: 5px auto 0;
    color: #c4c4c4;
    font-size: 13px;
    line-height: 16px
}

.profile-quality .input-slider {
    margin: 25px 20px
}

.profile-quality .language-level {
    position: relative;
    min-width: 70px;
    color: #c4c4c4;
    text-align: right
}

.profile-quality .language-level .language-level__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    vertical-align: middle;
    line-height: 20px
}

.profile-quality .language-level .language-level__icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.profile-quality .language-level:after {
    position: absolute;
    top: -15px;
    right: 0;
    bottom: -15px;
    left: 0;
    content: ""
}

.profile-quality .button-wrapper {
    margin: 0 -10px;
    padding: 0
}

.profile-quality.profile-quality--profile_photo {
    color: #1f65f4
}

.profile-quality.profile-quality--relationship {
    color: #ff5a27
}

.profile-quality.profile-quality--sexuality {
    color: #f04a6d
}

.profile-quality.profile-quality--appearance_height {
    color: #42a5f5
}

.profile-quality.profile-quality--appearance_weight {
    color: #ffa912
}

.profile-quality.profile-quality--appearance_body_type {
    color: #7fc01a
}

.profile-quality.profile-quality--appearance_hair_color {
    color: #42bff5
}

.profile-quality.profile-quality--appearance_eye_color {
    color: #3cad41
}

.profile-quality.profile-quality--living {
    color: #2b65db
}

.profile-quality.profile-quality--children {
    color: #ff599c
}

.profile-quality.profile-quality--smoking {
    color: #b1b3cc
}

.profile-quality.profile-quality--drinking {
    color: #532bd5
}

.profile-quality.profile-quality--languages {
    color: #ffa200
}

.profile-quality.profile-quality--interests {
    color: #ff6f41
}

.profile-quality.profile-quality--interests .interest.interest--matched {
    background-color: #ff6f41;
    color: #fff
}

.profile-quality.profile-quality--interests .profile-quality__step-link {
    color: #ff6f41
}

.profile-quality.profile-quality--about_you {
    color: #6524ce
}

.profile-quality.profile-quality--about_you .form-uniform .textarea__field.is-focused,
.profile-quality.profile-quality--about_you .form-uniform .textarea__field:focus {
    border-color: #6524ce
}

.profile-quality.profile-quality--verification {
    color: #25b4f6
}

.profile-quality.profile-quality--work_and_education {
    color: #256cf5
}

.profile-quality.profile-quality--work_and_education .button-wrapper {
    margin-top: 20px
}

.profile-quality.profile-quality--work_and_education .button {
    background-color: #256cf5
}

.profile-quality.profile-quality--work_and_education .form-uniform .select__field.is-focused,
.profile-quality.profile-quality--work_and_education .form-uniform .select__field:focus {
    border-color: #256cf5
}

.profile-quality.profile-quality--end {
    color: #4d83f7
}

.profile-quality.profile-quality--end .walkthrough__top .icons-carousel__item {
    opacity: 0
}

.profile-quality.profile-quality--end .progress-bar {
    margin: 40px auto 20px
}

.profile-quality.profile-quality--end .button {
    background-color: #4d83f7
}

.old-android-webkit .profile-quality.profile-quality--end .brick-wrapper {
    position: absolute;
    top: -33px;
    right: 0;
    left: 0
}

.old-android-webkit .profile-quality.profile-quality--end .walkthrough__pagination {
    display: none
}

@media (max-height:480px),
(orientation:landscape) {
    .profile-quality.profile-quality--end .brick-wrapper {
        position: absolute;
        top: -33px;
        right: 0;
        left: 0
    }
    .profile-quality.profile-quality--end .walkthrough__pagination {
        display: none
    }
}

.profile-smart-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-smart-block .profile-smart-block__main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.profile-smart-block .profile-smart-block__extra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px
}

.profile-smart-block .profile-smart-block__extra:empty {
    display: none
}

.profile-user-info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%
}

.profile-user-info .profile-user-info__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.profile-user-info .profile-user-info__text .profile-user-info__name {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.profile-user-info .profile-user-info__statuses {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 0 0 5px
}

.profile-user-info .profile-user-info__statuses:first-child {
    margin-right: 5px;
    margin-left: 0
}

.profile-user-info .profile-user-info__statuses:empty {
    display: none;
    margin-right: 0;
    margin-left: 0
}

.profile-user-info .profile-user-info__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.profile-user-info .profile-user-info__icon .online-status,
.profile-user-info .profile-user-info__icon .verify-status {
    display: block
}

.profile-user-info .profile-user-info__icon:empty {
    display: none
}

.profile-user-info .profile-user-info__icon+.profile-user-info__icon {
    margin-left: 5px
}

.profile-user-info .profile-user-info__meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.profile-user-info .profile-user-info__meta .profile-user-info__age {
    padding-left: 1px
}

.profile-user-info .profile-user-info__meta .profile-user-info__status {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    margin: auto 2px
}

.profile-user-info .profile-user-info__meta .profile-user-info__status:empty {
    display: none
}

.profile-user-info .profile-user-info__meta .profile-user-info__status .online-status,
.profile-user-info .profile-user-info__meta .profile-user-info__status .verify-status {
    margin: auto 2px
}

.profile-user-info .profile-user-info__meta .profile-user-info__status .mega-boost-status {
    margin: auto 0
}

.windows .profile-user-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 0
}

.windows .profile-user-info .profile-user-info__text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 99%
}

.page.stickers .stickers-tabs {
    position: fixed;
    z-index: 2;
    top: 50px;
    right: 0;
    left: 0;
    height: 45px;
    background: #fff
}

.old-android-webkit .page.stickers .stickers-tabs {
    position: absolute
}

@media (max-height:459px),
(orientation:landscape) {
    .page.stickers .stickers-tabs {
        position: absolute
    }
}

.page.stickers .stickers-tabs__image {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 26px 26px
}

.page.stickers .stickers-tabs__image.is-new:before {
    position: absolute;
    top: 0;
    right: -2px;
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    background: #ff661b;
    box-shadow: 0 0 0 1px #fff
}

.page.stickers .stickers-tabs__image.is-loading {
    background-color: #f6f6f6
}

.page.stickers .stickers-tabs__icon {
    display: block;
    width: 25px;
    height: 25px
}

.page.stickers .stickers-showcase {
    margin: 0;
    padding: 55px 0 10px
}

.page.stickers .stickers-showcase:after,
.page.stickers .stickers-showcase:before {
    display: table;
    content: " "
}

.page.stickers .stickers-showcase:after {
    clear: both
}

.ios .page.stickers .stickers-showcase {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.page.stickers .stickers-showcase__item {
    position: relative;
    display: block;
    float: left;
    width: 33.3333%;
    padding: 10px 15px
}

@media (min-width:720px),
(orientation:landscape) and (min-width:360px) {
    .page.stickers .stickers-showcase__item {
        width: 20%
    }
}

.page.stickers .stickers-showcase__item_ {
    position: relative;
    display: block;
    padding-bottom: 100%
}

.page.stickers .stickers-showcase__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.page.stickers .stickers-showcase__loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 40px;
    height: 40px;
    margin: auto;
    color: #c4c4c4
}

.page.stickers .stickers-showcase__item.is-loading .stickers-showcase__image {
    display: none
}

.page.stickers .stickers-showcase__item.is-loading .stickers-showcase__loader {
    display: block
}

.switcher {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.switcher input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.switcher label {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    height: 20px;
    border-radius: 10px;
    background: #cdd7de;
    -webkit-transition: background .2s;
    transition: background .2s
}

.switcher label:before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 50%;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.switcher label:after {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    content: "";
    cursor: pointer
}

.switcher input:checked+label {
    background: #7000e3
}

.switcher input:checked+label:before {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

.tabs {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}

.old-android-webkit .tabs {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.tab {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    min-height: 32px;
    padding: 6px 5px
}

.old-android-webkit .tab:nth-last-of-type(2):first-of-type,
.old-android-webkit .tab:nth-last-of-type(2):first-of-type~.tab {
    width: 50%
}

.old-android-webkit .tab:nth-last-of-type(3):first-of-type,
.old-android-webkit .tab:nth-last-of-type(3):first-of-type~.tab {
    width: 33.33%
}

.old-android-webkit .tab:nth-last-of-type(4):first-of-type,
.old-android-webkit .tab:nth-last-of-type(4):first-of-type~.tab {
    width: 25%
}

.tab .tab__icon {
    margin: 0 10px
}

.tab .tab__icon.tab__icon--active {
    display: none;
    color: #7000e3
}

.tab .tab__label {
    overflow: hidden;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 20px
}

.android .tab .tab__label {
    position: relative;
    top: 1px
}

.tab .tab__icon+.tab__label {
    margin-top: 4px
}

.tab.is-active {
    color: #FF6606
}

.tab.is-active:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: "";
    background: currentColor
}

.tab.is-active .tab__icon--inactive {
    display: none
}

.tab.is-active .tab__icon--active {
    display: block
}

.tab.is-active .tab__label {
    color: #000!important
}

.tab--fit {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.old-android-webkit .tab--fit {
    width: auto!important
}

.tabs--scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.tabs--scrollable .tab {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.old-android-webkit .tabs--scrollable .tab {
    width: auto!important
}

.tabs--mops .tab .tab__label {
    color: #c4c4c4
}

.tabs--mops .mops-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-size: cover
}

.tabs--mops-test .mops-icon {
    position: relative;
    color: #c4c4c4
}

.tabs--mops-test .mops-icon>.icon {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    margin: auto
}

.tabs--mops-test .tab.is-active.is-active {
    color: #FF6606
}

.tabs--mops-test .tab.is-active .mops-icon {
    color: #000!important
}

.encounters-card .encounters-card__info-skeleton {
    display: none
}

.encounters-card.is-skeleton {
    border-radius: 20px;
    background-color: #f6f6f6
}

.encounters-card.is-skeleton .encounters-card__crush,
.encounters-card.is-skeleton .encounters-card__photos,
.encounters-card.is-skeleton .encounters-crush__button {
    visibility: hidden
}

.encounters-card.is-skeleton .encounters-card__announce,
.encounters-card.is-skeleton .encounters-card__name {
    display: none
}

.encounters-card.is-skeleton .encounters-card__info-skeleton {
    display: block;
    max-width: 100%;
    width: 220px;
    height: 50px;
    margin-top: 5px;
    fill: #f6f6f6
}

.profile-preview .profile-preview__info-skeleton,
.profile-preview .profile-preview__photos-skeleton {
    display: none
}

.profile-preview.is-skeleton .profile-info,
.profile-preview.is-skeleton .profile-preview__photos .multimedia {
    visibility: hidden
}

.profile-preview.is-skeleton .profile-preview__photos-skeleton {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto auto 0;
    color: #c4c4c4
}

.profile-preview.is-skeleton .profile-preview__info-skeleton {
    position: absolute;
    display: block;
    max-width: 100%;
    width: 275px;
    height: 140px;
    margin: 10px 15px;
    fill: #f6f6f6
}

.connections-item .connections-item-preview__skeleton {
    display: none
}

.connections-item.is-skeleton .connections-item-preview__skeleton {
    display: block;
    max-width: 100%;
    width: 180px;
    height: 35px;
    fill: #f6f6f6
}

.connections-item.is-skeleton .connections-item__image .brick {
    border-radius: 50%;
    background-color: #f6f6f6
}

.connections-item.is-skeleton .connections-item__image .brick.brick--squared .connections-item.is-skeleton .connections-item__image .brick {
    border-radius: 11.4%
}

.connections-item.is-skeleton .connections-item-preview__info,
.connections-item.is-skeleton .connections-item-preview__title,
.connections-item.is-skeleton .connections-item__extra,
.connections-item.is-skeleton .connections-item__image .brick__icon,
.connections-item.is-skeleton .connections-item__image .brick__image,
.connections-item.is-skeleton .connections-item__image .icon,
.connections-item.is-skeleton .connections-item__image .mark {
    display: none
}

.form-uniform {
    position: relative;
    max-width: 345px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.form-uniform.is-blocked:after {
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.form-uniform .form__intro {
    margin: 10px 0;
    padding: 0;
    color: #6a6a6a
}

.form-uniform .control-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.form-uniform .control-row .control {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-uniform .control-row .control+.control {
    margin-left: 20px
}

.form-uniform .control {
    position: relative;
    text-align: left
}

.form-uniform .control:after,
.form-uniform .control:before {
    display: table;
    content: " "
}

.form-uniform .control:after {
    clear: both
}

.form-uniform .control--centered .input__field {
    text-align: center
}

.form-uniform .control--centered .control__label {
    width: 100%;
    text-align: center
}

.form-uniform .control--centered .control__error {
    text-align: center
}

.form-uniform .control--narrow {
    max-width: 70%;
    margin: 0 auto
}

.form-uniform .control__inputs {
    position: relative
}

.form-uniform .control__inputs--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.form-uniform .control__label {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    z-index: 5;
    top: 24px;
    left: 0;
    display: block;
    color: #949494;
    -webkit-transition: all .2s;
    transition: all .2s
}

.form-uniform .has-value .control__label,
.form-uniform .is-focused~.control__label,
.form-uniform .select__field~.control__label,
.form-uniform:focus~.control__label {
    font-size: 11px;
    line-height: 14px;
    top: 6px
}

.form-uniform .is-invalid .control__label {
    display: none
}

.form-uniform .control__error {
    font-size: 11px;
    line-height: 14px;
    position: relative;
    z-index: 7;
    display: none;
    width: 100%;
    margin: 6px auto -20px;
    color: #ff661b
}

.form-uniform .control__error.show-error {
    display: block
}

.form-uniform .control__inputs+.control__error {
    margin: 0;
    opacity: 0;
    text-align: center;
    -webkit-transition: margin .2s, opacity .2s;
    transition: margin .2s, opacity .2s
}

.form-uniform .control__inputs+.control__error.show-error {
    margin-top: 10px;
    margin-bottom: -10px;
    opacity: 1
}

.form-uniform .input {
    position: relative
}

.form-uniform .input__field {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    z-index: 6;
    width: 100%;
    height: 53px;
    margin: 0;
    padding: 24px 0 8px;
    outline: none;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    background: transparent;
    color: #000;
    -webkit-appearance: none;
    appearance: none
}

.form-uniform .input__field.input__field--secure {
    -webkit-text-security: disc
}

.form-uniform .input__field.input__field--digit {
    border: 1px solid #e0e0e0;
    border-radius: 3px
}

.form-uniform .input__field.input__field--border-hidden {
    border-color: transparent
}

.form-uniform .input__field.is-focused,
.form-uniform .input__field:focus {
    border-color: #7000e3
}

.form-uniform .is-invalid .input__field {
    border-color: #ff661b
}

.form-uniform .input__field.is-disabled,
.form-uniform .input__field:disabled {
    background-color: rgba(0, 0, 0, .02);
    color: #949494
}

.old-android-webkit .form-uniform .input__field {
    display: inline-block;
    height: 37px;
    margin-top: 16px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 36px
}

.old-android-webkit .form-uniform input.input__field {
    line-height: normal
}

.form-uniform .input__mask {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 24px;
    left: 0;
    display: none
}

.form-uniform .input__mask .input__mask-data {
    visibility: hidden
}

.form-uniform .input__mask .input__mask-stub {
    color: #d2d9de
}

.form-uniform .input__field.is-focused~.input__mask,
.form-uniform .input__field:focus~.input__mask,
.form-uniform .is-invalid .input__mask {
    display: block
}

.form-uniform .textarea {
    position: relative
}

.form-uniform .textarea__field,
.form-uniform .textarea__mirror {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    min-height: 53px;
    margin: 0;
    padding: 24px 0 8px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.form-uniform .textarea__field {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    outline: none;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    background: transparent;
    color: #000;
    -webkit-appearance: none;
    appearance: none
}

.form-uniform .textarea__mirror {
    position: static;
    height: auto;
    color: transparent
}

.form-uniform .textarea__field.is-focused,
.form-uniform .textarea__field:focus {
    border-color: #7000e3
}

.form-uniform .is-invalid .textarea__field {
    border-color: #ff661b
}

.form-uniform .textarea__field.is-disabled,
.form-uniform .textarea__field:disabled {
    background-color: rgba(0, 0, 0, .02);
    color: #949494
}

.form-uniform .textarea__counter {
    font-size: 11px;
    line-height: 14px;
    position: relative;
    display: block;
    width: 100%;
    margin: 10px auto;
    color: #949494;
    text-align: right
}

.form-uniform .textarea__counter.is-overflow {
    color: #ff661b
}

.form-uniform .select {
    position: relative;
    overflow: hidden
}

.form-uniform .select__field {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    outline: none;
    border: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    background: transparent;
    color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.form-uniform .select__field::-ms-value {
    visibility: hidden
}

.form-uniform .select__field.is-focused,
.form-uniform .select__field:focus {
    border-color: #7000e3
}

.form-uniform .is-invalid .select__field {
    border-color: #ff661b
}

.form-uniform .select__arrow {
    position: absolute;
    top: 30px;
    right: 0;
    width: 8px;
    height: 8px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURcnR10xpccjQ1n3bek4AAAACdFJOU4AATRBVcwAAAD5JREFUCNdNyzERADAIQ9GYwEMPF10ZOSIJIWzILJ3aDG/KB2d4bHJjkQsq0bD0gpclolVA7flZDZ5DyN9eDlzJFb4SzVRwAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: cover
}

.form-uniform .select__surrogate {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    height: 53px;
    margin: 0;
    padding: 24px 0 8px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

.form-uniform .select__arrow+.select__surrogate {
    padding-right: 15px
}

.form-uniform .select__field.is-disabled~.select__surrogate,
.form-uniform .select__field:disabled~.select__surrogate {
    background-color: rgba(0, 0, 0, .02);
    color: #949494
}

.form-uniform .control--tel {
    direction: ltr
}

.form-uniform .control--tel .field--tel-national {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-uniform .control--tel .field--tel-country-code+.field--tel-national {
    margin-left: 15px
}

.form-uniform .control--digits {
    direction: ltr
}

.form-uniform .control--digits .input__field {
    width: auto;
    height: 40px;
    margin: 0 3px;
    padding: 7px 0;
    white-space: nowrap;
    text-align: center;
    font-size: 20px;
    line-height: 24px
}

.form-uniform .control--digits .input__field--digit {
    width: 30px
}

.form-uniform .form__intro+.control--digits {
    margin-top: 20px
}

.form-uniform .control--captcha .captcha {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 200px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #bfc9d4;
    border-radius: 4px
}

.form-uniform .control--captcha .captcha__image {
    width: 173px;
    height: 46px
}

.form-uniform .control--captcha .captcha__reload {
    position: absolute;
    top: 50%;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid #bfc9d4;
    border-radius: 50%;
    background: #fff;
    color: #7000e3;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.form-uniform .control--captcha .input {
    width: 70%;
    margin: auto
}

.form-uniform .control--captcha .input__field {
    text-transform: lowercase;
    text-align: center
}

.form-uniform .form__intro+.control--captcha {
    margin-top: 20px
}

.form-uniform .control--location .input__field {
    padding-right: 30px
}

.form-uniform .control--location .input__icon {
    position: absolute;
    z-index: 9;
    top: 24px;
    right: 0;
    bottom: 8px;
    width: 20px
}

.form-uniform .control--location .input__icon-pointer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #c4c4c4
}

.form-uniform .control--location .input__icon-cancel,
.form-uniform .control--location .input__icon-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    margin: auto
}

.form-uniform .control--location .input__icon-loader {
    color: #c4c4c4
}

.form-uniform .control--location .has-value .input__icon-pointer {
    display: none
}

.form-uniform .control--location .has-value .input__icon-cancel {
    display: block
}

.form-uniform .control--location .is-loading .input__icon-cancel,
.form-uniform .control--location .is-loading .input__icon-pointer {
    display: none
}

.form-uniform .control--location .is-loading .input__icon-loader {
    display: block
}

.form-uniform .control--location .control__extra li {
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0
}

.form-uniform .form__buttons {
    margin: 20px 0 0
}

.form-uniform .form__buttons+.hint {
    margin-top: 15px
}

.form-uniform .control--buttons {
    margin: 20px 0 0;
    color: #949494
}

.form-uniform .control--buttons .control__label {
    position: static;
    padding: 0 0 8px
}

.form-uniform input:-webkit-autofill {
    z-index: 0;
    box-shadow: inset 0 0 0 1000px #fff!important
}

.form-uniform .date-select-singular select {
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    appearance: none
}

.form-uniform--contrast .form__intro {
    color: #fff
}

.form-uniform--contrast .control__label {
    color: hsla(0, 0%, 100%, .75)
}

.form-uniform--contrast .input__field {
    border-color: hsla(0, 0%, 100%, .75);
    color: #fff
}

.form-uniform--contrast .input__field.is-focused,
.form-uniform--contrast .input__field:focus {
    border-color: #fff
}

.form-uniform--contrast .input__field::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.form-uniform--contrast .input__field::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.form-uniform--contrast .input__mask .input__mask-stub {
    color: hsla(0, 0%, 100%, .5)
}

.form-uniform--contrast .select__surrogate {
    color: #fff
}

.form-uniform--contrast .date-select-singular input::-webkit-calendar-picker-indicator {
    color: #fff
}

.form-uniform--contrast .date-select-singular input.has-date {
    color: #fff
}

.form-uniform--contrast .control--location .input__icon-pointer,
.form-uniform--contrast .date-select-singular .placeholder {
    color: hsla(0, 0%, 100%, .75)
}

.form-uniform--contrast .control--location .input__field:focus~.input__icon .input__icon-pointer,
.form-uniform--contrast .control--location .input__icon-loader {
    color: #fff
}

.form-uniform--contrast input:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #7000e3!important;
    -webkit-text-fill-color: #fff
}

.checkbox-singular {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-height: 22px;
    padding: 0 0 0 22px
}

.checkbox-singular:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.checkbox-singular>input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0
}

.old-android-webkit .checkbox-singular>input {
    opacity: 1
}

.checkbox-singular svg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    pointer-events: none
}

.old-android-webkit .checkbox-singular svg {
    display: none!important
}

.checkbox-singular .checkbox__active,
.checkbox-singular>input:checked~.checkbox__inactive {
    display: none
}

.checkbox-singular>input:checked~.checkbox__inactive svg {
    pointer-events: none
}

.checkbox-singular>input:checked~.checkbox__active {
    display: block;
    color: #7000e3
}

.checkbox-singular>input:checked~.checkbox__active svg {
    pointer-events: none
}

.date-select-singular {
    position: relative;
    width: 100%;
    text-align: left
}

.date-select-singular input {
    width: 100%;
    min-height: 20px;
    background: transparent;
    color: transparent
}

.date-select-singular input::-webkit-calendar-picker-indicator {
    color: #000
}

.date-select-singular input.has-date {
    color: #000
}

.date-select-singular input.has-date+span {
    display: none
}

.date-select-singular input:disabled {
    color: #949494
}

.date-select-singular input,
.date-select-singular select {
    position: relative;
    z-index: 2
}

.date-select-singular select:first-child {
    width: 20%
}

.date-select-singular select:nth-child(2) {
    width: 50%
}

.date-select-singular select:nth-child(3) {
    width: 30%
}

.date-select-singular .placeholder {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #949494;
    pointer-events: none
}

.display-email-address {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    display: block;
    color: #000;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: center
}

body.ios-font-helvetica .display-email-address {
    font-weight: 500
}

body.android-font-system .display-email-address {
    font-weight: 700
}

body.android-font-roboto-new .display-email-address {
    font-weight: 500
}

.stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stars .star {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32px;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    margin: 0 0 0 10px
}

.stars .star:last-child {
    margin-left: 0
}

.stars .star__icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.stars .star__icon--inactive {
    color: #c4c4c4
}

.stars .star__icon--active {
    display: none;
    color: #ffc831
}

.stars .star__action {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.stars input[type=radio],
.stars input[type=radio]:checked~.star .star__icon--inactive {
    display: none
}

.stars input[type=radio]:checked~.star .star__icon--active {
    display: block
}

.page.unsubscribe-spp-promo .prevent-unsubscription__brick {
    margin: -15px auto
}

.page.unsubscribe-spp-promo .prevent-unsubscription__brick .prevent-unsubscription__brick-badge {
    margin-top: -10px
}

.page.unsubscribe-spp-promo .prevent-unsubscription__timer {
    color: #000;
    text-align: center
}

.page.unsubscribe-spp-promo .prevent-unsubscription__timer .timer-time {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.page.unsubscribe-spp-promo .prevent-unsubscription__timer .timer-time__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    text-align: center;
    font-size: 40px;
    line-height: 50px
}

.page.unsubscribe-spp-promo .prevent-unsubscription__timer .timer-time__item--delimeter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 10px;
    margin-left: 10px
}

.page.unsubscribe-spp-promo .prevent-unsubscription__timer .timer-time__label {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494;
    white-space: nowrap
}

@-webkit-keyframes r {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes r {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes s {
    0% {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes s {
    0% {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes t {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0);
        transform: translate3d(0, -25%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes t {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0);
        transform: translate3d(0, -25%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes u {
    0% {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes u {
    0% {
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.questions .questions__section {
    max-width: 395px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 25px;
    text-align: center;
    -webkit-animation: r .5s ease-in-out;
    animation: r .5s ease-in-out
}

.questions .questions__section-title {
    display: block;
    margin: 0;
    padding: 0;
    color: #6a6a6a;
    font-size: 17px;
    line-height: 20px
}

@media (orientation:portrait) and (min-height:558px) {
    .questions .questions__section-title {
        margin-top: 10px
    }
}

.questions .questions__section-subtitle {
    margin: 10px 0 0;
    color: #949494;
    font-size: 13px;
    line-height: 16px
}

.questions .questions__section-main {
    margin: 15px 0 0
}

@media (orientation:portrait) and (min-height:558px) {
    .questions .questions__section-main {
        margin-top: 25px
    }
}

.questions .questions__results {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    width: 100%;
    min-height: 100%
}

.windows .questions .questions__results {
    height: 100%
}

.questions .questions__results .questions__section {
    margin-top: auto;
    margin-bottom: auto
}

.questions .questions__results .results-userpics {
    margin: 0 auto 20px
}

.questions .questions__results .questions__section-title {
    font-weight: 600
}

body.ios-font-helvetica .questions .questions__results .questions__section-title {
    font-weight: 500
}

body.android-font-system .questions .questions__results .questions__section-title {
    font-weight: 700
}

body.android-font-roboto-new .questions .questions__results .questions__section-title {
    font-weight: 500
}

.questions .questions__results .results-numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
}

.questions .questions__results .results-numbers .results-numbers__item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    max-width: 33.333%
}

.questions .questions__results .results-numbers .results-numbers__item+.questions .questions__results .results-numbers .results-numbers__item {
    margin-left: 10px
}

.questions .questions__results .results-numbers .results-numbers__count {
    font-size: 35px;
    line-height: 1
}

.questions .questions__results .results-numbers .results-numbers__text {
    margin: 5px auto 0;
    font-size: 13px;
    line-height: 16px
}

.questions .questions__results .results-numbers .is-other-matched {
    color: #1ac313
}

.questions .questions__results .results-numbers .is-other-nonmatched {
    color: #ffa400
}

.questions .questions__results .results-numbers .is-other-unanswered {
    color: #156ef6
}

.questions .questions__results .button-wrapper {
    margin: 0 -10px;
    padding: 0
}

.questions .questions__results .questions__circle {
    position: absolute;
    z-index: -1;
    border-radius: 50%
}

.questions .questions__results .questions__circle--lg {
    top: -95px;
    left: -60px;
    width: 164px;
    height: 164px;
    border: 12px solid #42a5f5;
    -webkit-animation: t .4s;
    animation: t .4s
}

.questions .questions__results .questions__circle--md {
    top: 55px;
    right: -50px;
    width: 70px;
    height: 70px;
    border: 8px solid #f04a6d;
    -webkit-animation: s .4s;
    animation: s .4s
}

.questions .questions__results .questions__circle--sm {
    bottom: -60px;
    left: 70px;
    width: 90px;
    height: 90px;
    border: 9px solid #ffb900;
    -webkit-animation: u .4s;
    animation: u .4s
}

.questions.questions--travel {
    color: #ffa200
}

.questions.questions--dating {
    color: #f04a6d
}

.questions.questions--food-drink {
    color: #7fc01a
}

.questions.questions--lifestyle {
    color: #42bff5
}

.questions.questions--entertainment {
    color: #6524ce
}

.questions.questions--end .navigation-bar__icon {
    color: #c4c4c4
}

.question-status .question-status__message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.question-status .question-status__message--centered {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.question-status .question-status__message--centered .chat-message__text {
    max-width: none
}

.question-status .question-status__message-userpic {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 10px
}

.question-status .question-status__message-answer {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.question-status .question-status__message-answer:after,
.question-status .question-status__message-answer:before {
    display: table;
    content: " "
}

.question-status .question-status__message-answer:after {
    clear: both
}

.question-status .question-status__message-answer+.question-status__message-userpic,
.question-status .question-status__message-userpic+.question-status__message-answer {
    margin-left: 10px
}

.hearts-circle {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    color: #ff661b
}

.hearts-circle__text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 80px;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 80px
}

.scrolling-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.scrolling-list .scrolling-list__item {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px
}

.scrolling-list .scrolling-list__item:last-child {
    padding-right: 0
}

.scrolling-list.scrolling-list--hpadded {
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px
}

.scrolling-list.scrolling-list--hpadded .scrolling-list__item:last-child {
    padding-right: 15px
}

.placard {
    position: relative;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    background: #fff;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: left
}

.phone-call-timer {
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    color: #00d600
}

.phone-call-timer .phone-call-timer__icon {
    position: absolute
}

.phone-call-timer .phone-call-timer__icon .phone-call-timer__icon-c2 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: v 30s infinite linear;
    animation: v 30s infinite linear;
    stroke-dasharray: 194.7787;
    stroke-dashoffset: 0
}

@-webkit-keyframes v {
    0% {
        opacity: 1;
        stroke-dashoffset: 194.7787
    }
    99% {
        opacity: 1;
        stroke-dashoffset: 0
    }
    to {
        opacity: 0;
        stroke-dashoffset: 0
    }
}

@keyframes v {
    0% {
        opacity: 1;
        stroke-dashoffset: 194.7787
    }
    99% {
        opacity: 1;
        stroke-dashoffset: 0
    }
    to {
        opacity: 0;
        stroke-dashoffset: 0
    }
}

.phone-call-timer .phone-call-timer__progress-bar {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    display: none
}

.phone-call-timer .phone-call-timer__progress-bar .phone-call-timer__progress-bar-fill {
    -webkit-animation: w 30s infinite linear;
    animation: w 30s infinite linear
}

@-webkit-keyframes w {
    0% {
        min-width: 0;
        opacity: 1
    }
    99% {
        min-width: 100%;
        opacity: 1
    }
    to {
        min-width: 100%;
        opacity: 0
    }
}

@keyframes w {
    0% {
        min-width: 0;
        opacity: 1
    }
    99% {
        min-width: 100%;
        opacity: 1
    }
    to {
        min-width: 100%;
        opacity: 0
    }
}

.old-android-webkit .phone-call-timer .phone-call-timer__icon,
.windows .phone-call-timer .phone-call-timer__icon {
    display: none
}

.old-android-webkit .phone-call-timer .phone-call-timer__progress-bar,
.windows .phone-call-timer .phone-call-timer__progress-bar {
    display: block
}

.boost-timer {
    overflow: visible!important;
    width: 100%;
    height: 100%
}

.boost-timer__bar {
    r: 50%;
    stroke: #c4c4c4;
    stroke-width: 1px
}

.boost-timer__progress {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: stroke-dashoffset .2s ease-out;
    transition: stroke-dashoffset .2s ease-out;
    r: 50%;
    stroke: #17d417;
    stroke-dasharray: 314.15%;
    stroke-width: 4px
}

@media (orientation:landscape) {
    .boost-timer__progress {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.boost-timer--sm .boost-timer__progress {
    stroke-width: 2px
}

.boost-timer--plain .boost-timer__bar {
    opacity: .2;
    stroke-width: 2px;
    stroke: currentColor
}

.boost-timer--plain .boost-timer__progress {
    opacity: 1;
    stroke-width: 2px;
    stroke: currentColor
}

.boost-animation {
    display: block
}

.boost-animation__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 45px;
    margin: auto
}

@-webkit-keyframes x {
    0% {
        opacity: 1;
        -webkit-transform: rotate(14deg) scale(.3) translate(50%);
        transform: rotate(14deg) scale(.3) translate(50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(21deg) scale(1) translate(100%, -300%);
        transform: rotate(21deg) scale(1) translate(100%, -300%)
    }
}

@keyframes x {
    0% {
        opacity: 1;
        -webkit-transform: rotate(14deg) scale(.3) translate(50%);
        transform: rotate(14deg) scale(.3) translate(50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(21deg) scale(1) translate(100%, -300%);
        transform: rotate(21deg) scale(1) translate(100%, -300%)
    }
}

.boost-animation__item:nth-child(4n+1) {
    -webkit-animation: x .8s 0s ease-in forwards;
    animation: x .8s 0s ease-in forwards
}

@-webkit-keyframes y {
    0% {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(.3) translate(50%);
        transform: rotate(10deg) scale(.3) translate(50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(15deg) scale(1) translate(50%, -350%);
        transform: rotate(15deg) scale(1) translate(50%, -350%)
    }
}

@keyframes y {
    0% {
        opacity: 1;
        -webkit-transform: rotate(10deg) scale(.3) translate(50%);
        transform: rotate(10deg) scale(.3) translate(50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(15deg) scale(1) translate(50%, -350%);
        transform: rotate(15deg) scale(1) translate(50%, -350%)
    }
}

.boost-animation__item:nth-child(4n+2) {
    -webkit-animation: y .8s 0s ease-in forwards;
    animation: y .8s 0s ease-in forwards
}

@-webkit-keyframes z {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-14deg) scale(.3) translate(-50%);
        transform: rotate(-14deg) scale(.3) translate(-50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-21deg) scale(1) translate(-50%, -290%);
        transform: rotate(-21deg) scale(1) translate(-50%, -290%)
    }
}

@keyframes z {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-14deg) scale(.3) translate(-50%);
        transform: rotate(-14deg) scale(.3) translate(-50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-21deg) scale(1) translate(-50%, -290%);
        transform: rotate(-21deg) scale(1) translate(-50%, -290%)
    }
}

.boost-animation__item:nth-child(4n+3) {
    -webkit-animation: z .8s 0s ease-in forwards;
    animation: z .8s 0s ease-in forwards
}

@-webkit-keyframes A {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-10deg) scale(.3) translate(-50%);
        transform: rotate(-10deg) scale(.3) translate(-50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-15deg) scale(1) translateY(-400%);
        transform: rotate(-15deg) scale(1) translateY(-400%)
    }
}

@keyframes A {
    0% {
        opacity: 1;
        -webkit-transform: rotate(-10deg) scale(.3) translate(-50%);
        transform: rotate(-10deg) scale(.3) translate(-50%)
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotate(-15deg) scale(1) translateY(-400%);
        transform: rotate(-15deg) scale(1) translateY(-400%)
    }
}

.boost-animation__item:nth-child(4n+4) {
    -webkit-animation: A .8s 0s ease-in forwards;
    animation: A .8s 0s ease-in forwards
}

.boost-animation--sm .boost-animation__item {
    width: 20px;
    height: 20px
}

.badge-appstore {
    text-align: center
}

.badge-appstore.is-hidden {
    display: none
}

.badge-appstore>img {
    display: block;
    max-width: 100%;
    max-height: 40px;
    margin: 0 auto
}

.own-profile-abtest-control .own-profile__userpic {
    position: relative;
    display: block;
    width: 175px;
    height: 175px;
    margin: 0 auto
}

.own-profile-abtest-control .own-profile__userpic.own-profile__userpic--boosted {
    padding: 10px
}

@media (max-height:480px) {
    .own-profile-abtest-control .own-profile__userpic {
        width: 130px;
        height: 130px
    }
}

.own-profile-abtest-control .own-profile__boost {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px
}

.own-profile-abtest-control .own-profile__username {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    text-align: center
}

.own-profile-abtest-control .own-profile__boost-timer {
    display: inline-block;
    width: 57px;
    white-space: nowrap;
    text-align: left
}

.own-profile-abtest-control .own-profile__progress {
    max-width: 370px;
    margin: 0 auto;
    padding: 0 35px;
    text-align: center
}

.own-profile-abtest-control .own-profile__progress-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.own-profile-abtest-control .own-profile__progress-bar {
    display: block
}

.own-profile-abtest-control .own-profile__progress-text+.own-profile__progress-bar {
    margin-top: 10px
}

.own-profile-abtest-control .own-profile__payments {
    margin: 0 10px
}

.own-profile-abtest-control .own-profile__payments-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.own-profile-abtest-control .own-profile__payments-row:empty {
    display: none
}

.own-profile-abtest-control .own-profile__payments-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    width: 0;
    word-break: break-word;
    text-align: center
}

.own-profile-abtest-control .own-profile__payments-item+.own-profile__payments-item {
    margin-left: 10px
}

.own-profile-abtest-control .own-profile__payments-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: auto auto 5px
}

.own-profile-abtest-control .own-profile__payments-value {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: auto
}

.own-profile-abtest-control .own-profile__payments-icon-battery,
.own-profile-abtest-control .own-profile__payments-simple-battery {
    width: 43px;
    height: 24px;
    margin: 0 auto
}

.own-profile-abtest-control .own-profile__payments-icon-gauge {
    width: 38px;
    height: 32px;
    margin: 0 auto
}

.own-profile-abtest-control .own-profile__payments-icon-speedometer {
    width: 42px;
    height: 36px;
    margin: 0 auto
}

.own-profile-abtest-control .own-profile__username+.own-profile__progress,
.own-profile-abtest-control .own-profile__userpic+.own-profile__username {
    margin-top: 15px
}

.own-profile-abtest-control .own-profile__progress+.own-profile__payments,
.own-profile-abtest-control .own-profile__username+.own-profile__payments {
    margin-top: 20px
}

@media (max-height:460px) {
    .own-profile-abtest-variant-horizontal .navigation-bar+.fake,
    .own-profile-abtest-variant-horizontal .navigation-bar__logo {
        display: none
    }
}

.own-profile-abtest-variant-horizontal .own-profile__userpic {
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto
}

@media (min-height:461px) {
    .own-profile-abtest-variant-horizontal .own-profile__userpic {
        width: 175px;
        height: 175px
    }
}

.own-profile-abtest-variant-horizontal .own-profile__username {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: 15px auto 2px;
    padding: 0 15px;
    text-align: center
}

.own-profile-abtest-variant-horizontal .own-profile__tap2see {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: 0 auto;
    padding: 0 15px;
    color: #949494;
    text-align: center
}

.own-profile-abtest-variant-horizontal .own-profile__payments {
    margin: 10px 10px 0
}

.own-profile-abtest-variant-horizontal .own-profile__payments-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.own-profile-abtest-variant-horizontal .own-profile__payments-row:empty {
    display: none
}

.own-profile-abtest-variant-horizontal .own-profile__payments-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    width: 0;
    word-break: break-word;
    text-align: center
}

.own-profile-abtest-variant-horizontal .own-profile__payments-item+.own-profile-abtest-variant-horizontal .own-profile__payments-item {
    margin-left: 10px
}

.own-profile-abtest-variant-horizontal .own-profile__payments-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px
}

.own-profile-abtest-variant-horizontal .own-profile__payments-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    margin: auto auto 2px;
    color: #949494
}

.own-profile-abtest-variant-horizontal .own-profile__payments-value {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin: auto
}

.own-profile-abtest-variant-horizontal .own-profile__payments-value.branded {
    color: #7000e3
}

.own-profile-abtest-variant-horizontal .own-profile__payments-value.popularity-high,
.own-profile-abtest-variant-horizontal .own-profile__payments-value.popularity-veryhigh {
    color: #27cc33
}

.own-profile-abtest-variant-horizontal .own-profile__payments-value.popularity-average {
    color: #fdae00
}

.own-profile-abtest-variant-horizontal .own-profile__payments-value.popularity-low,
.own-profile-abtest-variant-horizontal .own-profile__payments-value.popularity-verylow {
    color: #ff4000
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-floating {
    position: fixed;
    z-index: 899;
    bottom: 0;
    left: 0;
    width: 100%
}

.has-tabbar .own-profile-abtest-variant-horizontal .own-profile__flat-banner-floating {
    bottom: 50px
}

.has-tabbar.has-tabbar-banner .own-profile-abtest-variant-horizontal .own-profile__flat-banner-floating {
    bottom: 100px
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-fake {
    visibility: hidden
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner {
    width: 100%;
    margin: 0;
    padding: 10px 15px
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner--verification {
    background-color: #1ab0ff;
    color: #fff
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner--profile-completeness {
    background-color: #7000e3;
    color: #fff
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-progress {
    position: relative;
    width: 30px;
    height: 30px
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-progress-circle .boost-timer__bar {
    stroke: hsla(0, 0%, 100%, .2);
    stroke-width: 2px
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-progress-circle .boost-timer__progress {
    stroke: #fff;
    stroke-dasharray: 314.15%;
    stroke-width: 2px
}

.old-android-webkit .own-profile-abtest-variant-horizontal .own-profile__flat-banner-progress-circle,
.old-windows-ie .own-profile-abtest-variant-horizontal .own-profile__flat-banner-progress-circle {
    border: 2px solid #fff;
    border-radius: 50%
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-progress-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font-size: 9px;
    line-height: 30px
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-content {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.own-profile-abtest-variant-horizontal .own-profile__flat-banner-chevron {
    opacity: .5
}

@media (max-height:460px) {
    .own-profile-abtest-variant-vertical .navigation-bar+.fake,
    .own-profile-abtest-variant-vertical .navigation-bar__logo {
        display: none
    }
}

.own-profile-abtest-variant-vertical .own-profile__userpic {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto
}

@media (min-height:461px) {
    .own-profile-abtest-variant-vertical .own-profile__userpic {
        width: 130px;
        height: 130px
    }
}

@media (min-height:554px) {
    .own-profile-abtest-variant-vertical .own-profile__userpic {
        width: 175px;
        height: 175px
    }
}

.own-profile-abtest-variant-vertical .own-profile__username {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: 15px auto 2px;
    padding: 0 15px;
    text-align: center
}

.own-profile-abtest-variant-vertical .own-profile__tap2see {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    display: none;
    margin: 0 auto;
    padding: 0 15px;
    color: #949494;
    text-align: center
}

@media (min-height:461px) {
    .own-profile-abtest-variant-vertical .own-profile__tap2see {
        display: block
    }
}

.own-profile-abtest-variant-vertical .own-profile__payments-list {
    max-width: 450px;
    margin: 0 auto;
    padding: 0 50px
}

.own-profile-abtest-variant-vertical .own-profile__payments-list-item {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.own-profile-abtest-variant-vertical .own-profile__payments-list-item,
.own-profile-abtest-variant-vertical .own-profile__payments-list-item-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.own-profile-abtest-variant-vertical .own-profile__payments-list-item-heading {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 2px 12px 2px 0;
    text-align: left
}

@media (min-height:461px) {
    .own-profile-abtest-variant-vertical .own-profile__payments-list-item-heading {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (min-height:554px) {
    .own-profile-abtest-variant-vertical .own-profile__payments-list-item-heading {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.own-profile-abtest-variant-vertical .own-profile__payments-list-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0;
    padding: 2px 0;
    text-align: left
}

@media (min-height:461px) {
    .own-profile-abtest-variant-vertical .own-profile__payments-list-item-content {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (min-height:554px) {
    .own-profile-abtest-variant-vertical .own-profile__payments-list-item-content {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.own-profile-abtest-variant-vertical .own-profile__payments-list-item-extra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 2px 0 2px 12px
}

@media (min-height:461px) {
    .own-profile-abtest-variant-vertical .own-profile__payments-list-item-extra {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (min-height:554px) {
    .own-profile-abtest-variant-vertical .own-profile__payments-list-item-extra {
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.own-profile-abtest-variant-vertical .own-profile__payments-list-item:nth-child(n+2) .own-profile__payments-list-item-heading {
    border-top: 1px solid transparent
}

.own-profile-abtest-variant-vertical .own-profile__payments-list-item:nth-child(n+2) .own-profile__payments-list-item-content,
.own-profile-abtest-variant-vertical .own-profile__payments-list-item:nth-child(n+2) .own-profile__payments-list-item-extra {
    border-top: 1px solid #ccc
}

.own-profile-abtest-variant-vertical .own-profile__payments-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494
}

.own-profile-abtest-variant-vertical .own-profile__payments-value {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 15px;
    line-height: 20px
}

.own-profile-abtest-variant-vertical .own-profile__payments-value.branded {
    color: #7000e3
}

.own-profile-abtest-variant-vertical .own-profile__payments-value.popularity-high,
.own-profile-abtest-variant-vertical .own-profile__payments-value.popularity-veryhigh {
    color: #27cc33
}

.own-profile-abtest-variant-vertical .own-profile__payments-value.popularity-average {
    color: #fdae00
}

.own-profile-abtest-variant-vertical .own-profile__payments-value.popularity-low,
.own-profile-abtest-variant-vertical .own-profile__payments-value.popularity-verylow {
    color: #ff4000
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-floating {
    position: fixed;
    z-index: 899;
    bottom: 0;
    left: 0;
    width: 100%
}

.has-tabbar .own-profile-abtest-variant-vertical .own-profile__flat-banner-floating {
    bottom: 50px
}

.has-tabbar.has-tabbar-banner .own-profile-abtest-variant-vertical .own-profile__flat-banner-floating {
    bottom: 100px
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-fake {
    visibility: hidden
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner {
    width: 100%;
    margin: 0;
    padding: 10px 15px
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner--verification {
    background-color: #1ab0ff;
    color: #fff
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner--profile-completeness {
    background-color: #7000e3;
    color: #fff
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-progress {
    position: relative;
    width: 30px;
    height: 30px
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-progress-circle .boost-timer__bar {
    stroke: hsla(0, 0%, 100%, .2);
    stroke-width: 2px
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-progress-circle .boost-timer__progress {
    stroke: #fff;
    stroke-dasharray: 314.15%;
    stroke-width: 2px
}

.old-android-webkit .own-profile-abtest-variant-vertical .own-profile__flat-banner-progress-circle,
.old-windows-ie .own-profile-abtest-variant-vertical .own-profile__flat-banner-progress-circle {
    border: 2px solid #fff;
    border-radius: 50%
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-progress-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    font-size: 9px;
    line-height: 30px
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-content {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.own-profile-abtest-variant-vertical .own-profile__flat-banner-chevron {
    opacity: .5
}

.own-profile-abtest-variant-fullscreen .own-profile__navigation-bar {
    position: relative
}

.own-profile-abtest-variant-fullscreen .own-profile__navigation-bar:before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    content: "";
    background: -webkit-linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .185) 19%, rgba(0, 0, 0, .135) 34%, rgba(0, 0, 0, .096) 47%, rgba(0, 0, 0, .07) 56.5%, rgba(0, 0, 0, .048) 65%, rgba(0, 0, 0, .032) 73%, rgba(0, 0, 0, .019) 80.2%, rgba(0, 0, 0, .011) 86.1%, rgba(0, 0, 0, .005) 91%, rgba(0, 0, 0, .002) 95.2%, rgba(0, 0, 0, .001) 98.2%, transparent);
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .185) 19%, rgba(0, 0, 0, .135) 34%, rgba(0, 0, 0, .096) 47%, rgba(0, 0, 0, .07) 56.5%, rgba(0, 0, 0, .048) 65%, rgba(0, 0, 0, .032) 73%, rgba(0, 0, 0, .019) 80.2%, rgba(0, 0, 0, .011) 86.1%, rgba(0, 0, 0, .005) 91%, rgba(0, 0, 0, .002) 95.2%, rgba(0, 0, 0, .001) 98.2%, transparent)
}

.own-profile-abtest-variant-fullscreen .own-profile__navigation-bar .navigation-bar__logo {
    display: none
}

.own-profile-abtest-variant-fullscreen .own-profile__navigation-bar .navigation-bar__logo-alt {
    display: block
}

.own-profile-abtest-variant-fullscreen .own-profile__userpic-wrapper {
    position: relative;
    background: #000
}

.own-profile-abtest-variant-fullscreen .own-profile__userpic-wrapper:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, .15);
    background-image: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, .25));
    background-image: linear-gradient(-180deg, transparent 50%, rgba(0, 0, 0, .25))
}

.own-profile-abtest-variant-fullscreen .own-profile__userpic {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #f6f6f6;
    color: #e0e0e0
}

.own-profile-abtest-variant-fullscreen .own-profile__userpic:after {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 73.5%;
    content: ""
}

@media (min-height:553px) {
    .own-profile-abtest-variant-fullscreen .own-profile__userpic:after {
        padding-bottom: 93%
    }
}

@media (orientation:landscape) {
    .own-profile-abtest-variant-fullscreen .own-profile__userpic {
        max-width: 300px
    }
}

.own-profile-abtest-variant-fullscreen .own-profile__userinfo {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 12px;
    color: #fff;
    text-align: center
}

.own-profile-abtest-variant-fullscreen .own-profile__userinfo.with-placard {
    bottom: 34px
}

.own-profile-abtest-variant-fullscreen .own-profile__username {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    margin: 0 auto 2px
}

.own-profile-abtest-variant-fullscreen .own-profile__tap2see {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    text-align: center
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-grid.with-placard {
    padding: 34px 0 0
}

.old-android-webkit .own-profile-abtest-variant-fullscreen .own-profile__payments-grid,
.old-windows-ie .own-profile-abtest-variant-fullscreen .own-profile__payments-grid {
    display: block
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    margin: 0 0 -1px;
    padding: 10px 5px 10px 15px
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item:nth-child(odd) {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item:nth-child(2n) {
    border-bottom: 1px solid #e0e0e0
}

.old-android-webkit .own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item,
.old-windows-ie .own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100%;
    border-right: none!important
}

@media (min-height:554px) {
    .own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 0;
    text-align: left
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-value {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 15px;
    line-height: 20px;
    word-break: break-word
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-value.branded {
    color: #7000e3
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-value.popularity-high,
.own-profile-abtest-variant-fullscreen .own-profile__payments-value.popularity-veryhigh {
    color: #27cc33
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-value.popularity-average {
    color: #fdae00
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-value.popularity-low,
.own-profile-abtest-variant-fullscreen .own-profile__payments-value.popularity-verylow {
    color: #ff4000
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-grid-item-icon {
    width: 40px;
    height: 40px;
    margin: auto 10px auto 0
}

.own-profile-abtest-variant-fullscreen .own-profile__payments-label {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #949494;
    word-break: break-word
}

.own-profile-abtest-variant-fullscreen .own-profile__placard-banner {
    position: absolute;
    z-index: 4;
    top: -34px;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0 15px
}

.own-profile-abtest-variant-fullscreen .own-profile__placard-banner>.placard {
    border-color: rgba(0, 0, 0, .02);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05)
}

@media (orientation:landscape) {
    .own-profile-abtest-variant-fullscreen .own-profile__placard-banner {
        max-width: 75%
    }
}

.own-profile-abtest-variant-fullscreen .own-profile__placard-banner-media {
    position: relative;
    width: 35px;
    height: 35px
}

.own-profile-abtest-variant-fullscreen .own-profile__placard-banner-progress-circle .boost-timer__bar {
    stroke: rgba(112, 0, 227, .2);
    stroke-width: 3px
}

.own-profile-abtest-variant-fullscreen .own-profile__placard-banner-progress-circle .boost-timer__progress {
    stroke: #7000e3;
    stroke-dasharray: 314.15%;
    stroke-width: 3px
}

.old-android-webkit .own-profile-abtest-variant-fullscreen .own-profile__placard-banner-progress-circle,
.old-windows-ie .own-profile-abtest-variant-fullscreen .own-profile__placard-banner-progress-circle {
    border: 2px solid #7000e3;
    border-radius: 50%
}

.own-profile-abtest-variant-fullscreen .own-profile__placard-banner-progress-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #7000e3;
    text-align: center;
    font-size: 10px;
    line-height: 35px
}

.own-profile-abtest-variant-fullscreen .own-profile__placard-banner-chevron {
    opacity: .3
}

.own-profile-edit {
    display: block
}

.own-profile-edit__block {
    margin: 15px
}

.own-profile-edit__title {
    margin: 30px auto 10px
}

.own-profile-edit__title--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.own-profile-edit__title--flex .own-profile-edit__title-text {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 15px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.old-android-webkit .own-profile-edit__title--flex .own-profile-edit__title-text {
    white-space: normal
}

.own-profile-edit__title--flex .own-profile-edit__title-link {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #7000e3
}

.own-profile-edit__title--flex .own-profile-edit__title-link:after {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    content: ""
}

.own-profile-edit__scroller {
    position: relative;
    z-index: 0;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -15px;
    padding: 0 15px;
    -webkit-overflow-scrolling: touch
}

.own-profile-edit__own-media-gallery {
    margin: 0 auto 10px
}

.own-media-gallery {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-width: 100%
}

.own-media-gallery__no-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 80px
}

.own-media-gallery__item {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 90px;
    height: 125px;
    border-radius: 10px
}

.own-media-gallery__item+.own-media-gallery__item {
    margin-left: 5px
}

.own-media-item__image {
    display: block;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-size: cover
}

.own-media-item__image,
.own-media-item__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.own-media-item__overlay {
    z-index: 1;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center
}

.own-media-item__overlay-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: block;
    max-width: 100%;
    margin: 10px auto 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.own-media-item__loading {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 30px;
    height: 30px;
    margin: auto
}

.own-media-gallery__item--photo .own-media-item__loading {
    color: #c4c4c4
}

.own-media-gallery__item--video .own-media-item__loading {
    color: #fff
}

.is-loading .own-media-item__loading,
.is-processing .own-media-item__loading {
    display: block
}

.own-media-item__icon-coaching {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 5px;
    pointer-events: none
}

.own-media-item__icon-video {
    position: absolute;
    z-index: 3;
    right: 5px;
    bottom: 5px;
    color: #fff
}

.own-media-item--highlight {
    border: 2px solid #7000e3
}

.own-media-item--highlight .own-media-item__image {
    border: 2px solid #fff;
    border-radius: 8px
}

.own-media-item--private .own-media-item__overlay {
    background: rgba(29, 29, 29, .8)
}

.settings {
    display: block
}

.settings-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    margin: 15px auto 5px;
    color: #000
}

body.ios-font-helvetica .settings-title {
    font-weight: 500
}

body.android-font-system .settings-title {
    font-weight: 700
}

body.android-font-roboto-new .settings-title {
    font-weight: 500
}

.settings-interblock-title {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    padding: 15px 15px 10px;
    background: #f6f6f6;
    color: #000
}

.settings-block {
    padding: 0 15px
}

.settings-block .settings-block {
    padding-right: 0
}

.settings-divider {
    display: block;
    height: 8px;
    background: #f6f6f6
}

.settings-actions {
    margin: 20px 0;
    padding: 0 15px
}

.settings-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin: 15px auto;
    padding: 0 15px;
    color: #949494;
    text-align: center
}

.settings-text a {
    color: inherit;
    text-decoration: underline
}

.settings-search {
    margin: 10px auto;
    padding: 0 15px
}

.settings-search .search-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.settings-search .search {
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 44px
}

.settings-search .search__input {
    display: block;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 40px 0 10px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fff;
    color: #000
}

.settings-search .search__icon {
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    width: 20px;
    height: 20px;
    color: #c4c4c4
}

.settings-search .search__cancel {
    display: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 15px;
    color: #7000e3;
    white-space: nowrap
}

.settings-search .search.is-active+.search__cancel {
    display: block
}

.settings-data-entry {
    margin: 10px auto;
    padding: 0 15px
}

.settings-data-entry .appearance-measure {
    margin: 30px auto 20px;
    text-align: center
}

.settings-data-entry .appearance-measure .appearance-measure__value {
    vertical-align: baseline;
    min-height: 44px;
    font-size: 44px;
    line-height: 1em
}

.settings-data-entry .appearance-measure .appearance-measure__extra {
    display: block;
    margin: 5px auto 0;
    color: #949494;
    font-size: 13px;
    line-height: 16px
}

.settings-data-entry .input-slider {
    margin: 25px 20px;
    color: #7000e3
}

.settings-data-entry .language-level {
    position: relative;
    min-width: 70px;
    color: #949494;
    text-align: right
}

.settings-data-entry .language-level .language-level__text {
    vertical-align: middle;
    font-size: 13px
}

.settings-data-entry .language-level .language-level__icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    color: #c4c4c4
}

.settings-data-entry .language-level:after {
    position: absolute;
    top: -15px;
    right: 0;
    bottom: -15px;
    left: 0;
    content: ""
}

.settings-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 45px;
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0
}

.settings-item.settings-item--multi-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.settings-item__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.settings-item__row+.settings-item__row {
    margin-top: 10px
}

.settings-item__label {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    color: #000
}

.settings-item__label--secondary {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: block;
    margin: 5px 0 0;
    color: #949494
}

.settings-item__action {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 0 0 15px
}

.settings-item__action--centered {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.page.settings-about {
    text-align: center
}

.page.settings-about .about-app__logo {
    display: block;
    width: 200px;
    height: 62px;
    margin: 0 auto
}

.page.settings-about .about-app__info-main {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    margin: 5px auto;
    color: #000
}

.page.settings-about .about-app__info-extra {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin: 20px auto;
    color: #949494
}

.page.add-interests .add-interests__import .button {
    margin: 15px auto
}

.page.add-interests .selector:first-of-type {
    border-top-color: transparent
}

.page.add-interests .add-interests__new-interest {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.page.add-interests .add-interests__new-interest-icon {
    padding: 15px 10px 15px 0;
    color: #7000e3
}

.page.settings-help-question .help-center-response {
    margin: 20px 0
}

.page.settings-help-question .help-center-response .help-center-response__title {
    margin: 10px 0;
    color: #000
}

.page.settings-help-question .help-center-response .help-center-response__text {
    margin: 10px 0;
    color: #6a6a6a
}

.page.settings-help-question .help-center-response .help-center-response__text a {
    color: inherit;
    text-decoration: underline
}

.page.settings-help-question .help-center-response .help-center-response__text ol li {
    list-style-type: decimal
}

.page.settings-help-question .help-center-response .help-center-response__text ul li {
    list-style-type: disc
}

.page.settings-msisdn .msisdn-info {
    text-align: center;
    font-size: 20px;
    line-height: 1em
}

.page.settings-msisdn .msisdn-info .msisdn-info__title {
    margin: 30px 0 15px
}

.page.settings-msisdn .msisdn-info .msisdn-info__current {
    margin: 15px 0 30px;
    color: #949494
}

.page.settings-payments .settings-payments__status {
    display: block;
    color: #949494;
    font-size: 14px
}

.page.settings-payments .settings-payments__status.is-active {
    color: #17d417
}

.page.settings-payments .settings-payments__message {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: block;
    color: #949494;
    word-break: break-word;
    word-wrap: break-word
}

.page.verification-settings .verification-settings__method-status {
    margin: 10px 0 25px;
    padding: 15px;
    border-radius: 5px;
    background: #f6f6f6
}

.help_table {
    width: 100%;
    word-break: break-word;
    word-wrap: break-word
}

.carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.carousel-page {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.carousel-page.carousel-page--hpadded {
    padding-right: 15px;
    padding-left: 15px
}

.carousel-page.carousel-page--vpadded {
    padding-top: 15px;
    padding-bottom: 15px
}

.carousel--centered .carousel-page {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.carousel--overlap .carousel-page {
    width: 90%
}

.carousel-index {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.carousel-index__item {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    color: #949494;
    -webkit-transition: background-color .2s cubic-bezier(.39, .575, .565, 1);
    transition: background-color .2s cubic-bezier(.39, .575, .565, 1)
}

.carousel-index__item:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .5
}

.carousel-index__item+.carousel-index__item {
    margin-left: 7px
}

.carousel-index__item.is-active {
    background-color: currentColor
}

.carousel-index--inverted .carousel-index__item {
    color: #fff
}

.sticky-scroll {
    overflow: hidden
}

.sticky-scroll_.is-animated {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: -webkit-transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1);
    transition: transform .2s cubic-bezier(.39, .575, .565, 1), -webkit-transform .2s cubic-bezier(.39, .575, .565, 1)
}

.walkthrough.is-ready:before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: currentColor
}

.ios .walkthrough.is-ready:before {
    content: ""
}

.walkthrough .walkthrough__top {
    padding: 50px 0 0;
    background-color: currentColor;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.walkthrough .walkthrough__top .walkthrough__icons-carousel {
    padding-bottom: 15px;
    color: #fff
}

.walkthrough .walkthrough__top .walkthrough__icons-carousel .icons-carousel {
    max-width: 200px
}

.walkthrough .walkthrough__top .walkthrough__clouds {
    position: relative;
    top: 1px;
    width: 100%;
    height: 0;
    padding-bottom: 25%
}

.walkthrough .walkthrough__top .walkthrough__clouds svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.old-android-webkit .walkthrough .walkthrough__top .walkthrough__clouds {
    display: none
}

@media (max-height:459px),
(orientation:landscape) {
    .walkthrough .walkthrough__top .walkthrough__clouds {
        display: none
    }
}

.walkthrough .walkthrough__top .walkthrough__icons-carousel+.walkthrough__clouds {
    margin-top: -35px
}

.walkthrough .walkthrough__pagination {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 15px;
    background: #fff;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
    color: #17d417
}

.old-android-webkit .walkthrough .walkthrough__pagination {
    position: relative;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.walkthrough .walkthrough__content {
    position: relative;
    padding: 0 0 54px;
    background: #fff
}

.old-android-webkit .walkthrough .walkthrough__content {
    padding-bottom: 0
}

.zero-image {
    display: block;
    width: 150px;
    height: 150px;
    margin: auto
}

.zero-image--sm {
    width: 85px;
    height: 85px
}

.zero-timer {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 20px;
    line-height: 25px;
    padding: 15px 0;
    color: #949494;
    text-align: center
}

.rainbow-quiz,
.zero-timer {
    display: block
}

.rainbow-quiz__top {
    position: relative;
    display: block;
    padding: 30px 15px;
    background-color: currentColor;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.rainbow-quiz__top:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.rainbow-quiz__question-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

.rainbow-quiz__question {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 25px;
    display: -webkit-box;
    overflow: hidden;
    max-height: 50px;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.rainbow-quiz__level {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90px;
    height: 90px;
    margin: auto
}

.rainbow-quiz__value {
    display: block;
    color: #fff
}

.rainbow-quiz__number {
    font-size: 30px;
    line-height: 35px
}

.rainbow-quiz__number,
.rainbow-quiz__percent {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif
}

.rainbow-quiz__percent {
    vertical-align: 9px;
    margin-right: -1ex;
    font-size: 16px;
    line-height: 16px
}

.rainbow-quiz__progress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff
}

.rainbow-quiz__pagination {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.rainbow-quiz__pagination:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 120px;
    content: "";
    background: -webkit-linear-gradient(bottom, #fff, #fff 70px, hsla(0, 0%, 100%, 0));
    background: linear-gradient(0deg, #fff 0, #fff 70px, hsla(0, 0%, 100%, 0));
    pointer-events: none
}

.old-android-webkit .rainbow-quiz__pagination {
    position: relative
}

.old-android-webkit .rainbow-quiz__pagination:before {
    display: none
}

.rainbow-quiz__pagination-next,
.rainbow-quiz__pagination-prev {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .06)
}

.rainbow-quiz__pagination-next.is-pressed,
.rainbow-quiz__pagination-prev.is-pressed {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.rainbow-quiz__pagination-next.is-disabled,
.rainbow-quiz__pagination-prev.is-disabled {
    opacity: 0
}

.rainbow-quiz__pagination-normal,
.rainbow-quiz__pagination-ready {
    width: 100%;
    height: 100%
}

.rainbow-quiz__pagination-ready {
    display: none
}

.rainbow-quiz__pagination-next.is-ready {
    -webkit-animation-name: q;
    animation-name: q;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.rainbow-quiz__pagination-next.is-ready .rainbow-quiz__pagination-normal {
    display: none
}

.rainbow-quiz__pagination-next.is-ready .rainbow-quiz__pagination-ready {
    display: block
}

.rainbow-quiz__pagination-content {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 10px;
    color: #949494;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis
}

.rainbow-quiz__content {
    position: relative;
    min-height: 130px;
    min-height: 50vh;
    padding: 20px 0 80px;
    background: #fff;
    -webkit-transition: margin-top .2s;
    transition: margin-top .2s
}

.rainbow-quiz__close {
    position: fixed;
    z-index: 21;
    top: 15px;
    left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff
}

.rainbow-quiz__close:after {
    position: absolute;
    top: -15px;
    right: -5px;
    bottom: -5px;
    left: -15px;
    content: ""
}

.rainbow-quiz__level+.rainbow-quiz__question-box {
    margin-top: 20px
}

.rainbow-quiz__top~.rainbow-quiz__content {
    margin-top: -15px;
    border-radius: 15px 15px 0 0
}

.spring-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.spring-box__media {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 10px auto 0
}

.spring-box__content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left
}

.spring-box__extra {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: auto 0 auto 10px
}

.list-view {
    font-size: 15px;
    line-height: 20px
}

.list-view>li {
    padding: 10px 15px;
    border-bottom: 1px solid #e6ecf2;
    background-color: #fff
}

.list-view>li.is-touched {
    background-color: #e6ecf2
}

.list-view>li.is-deleted {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.list-view>li.is-prominent {
    font-weight: 600
}

body.ios-font-helvetica .list-view>li.is-prominent {
    font-weight: 500
}

body.android-font-system .list-view>li.is-prominent {
    font-weight: 700
}

body.android-font-roboto-new .list-view>li.is-prominent {
    font-weight: 500
}

.list-view .list-item-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding-top: 25px;
    background-color: transparent
}

body.ios-font-helvetica .list-view .list-item-title {
    font-weight: 500
}

body.android-font-system .list-view .list-item-title {
    font-weight: 700
}

body.android-font-roboto-new .list-view .list-item-title {
    font-weight: 500
}

.list-view .list-view .list-item-title {
    padding-top: 10px
}

.view-loading-mask {
    position: fixed;
    z-index: 700;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .5)
}

.page.people-nearby .view-loading-mask {
    top: 180px
}

.view-loading-centre {
    position: fixed;
    z-index: 501;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px
}

.page.people-nearby .view-loading-centre {
    margin-top: 30px
}

.view-loading-container {
    width: 70px;
    height: 70px
}

.view-loading-container.animate>.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.infinite-scroll-spinner {
    position: relative;
    display: none;
    height: 40px;
    text-align: center
}

.infinite-scroll-spinner>.loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.infinite-scroll-spinner.is-active {
    display: block
}

.generic-popup input[type=radio],
.generic-popup label {
    line-height: 15px
}

.generic-popup>label.gender {
    display: inline-block;
    height: 20px;
    line-height: 20px
}

.generic-popup .radio-group {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 0
}

.generic-popup .radio-group>label[for^=radio] {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    height: 20px;
    margin-left: 14px;
    padding-left: 27px;
    line-height: 20px
}

.generic-popup .radio-group>label[for^=radio] input[type=radio] {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    content: "";
    border: 2px solid #c4c4c4;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none
}

.generic-popup .radio-group>label[for^=radio] input[type=radio]:checked {
    border-width: 6px;
    border-color: #7000e3
}

.generic-popup .error {
    margin: 4px 0 0
}

.generic-popup h3,
.generic-popup span {
    padding: 0;
    text-align: center
}

.generic-popup h3 {
    padding-top: 10px;
    font-size: 22px
}

.generic-popup span {
    display: block;
    margin-bottom: 5px
}

.generic-popup label {
    padding: 10px 0 5px
}

.generic-popup input,
.generic-popup label {
    font-size: 1em;
    line-height: 15px
}

.generic-popup input[type=date],
.generic-popup input[type=text],
.generic-popup select {
    height: 40px;
    margin-bottom: 0;
    padding: 0 10px;
    border: 1px solid #e6ecf2;
    border-radius: 2px;
    line-height: 40px
}

.generic-popup .placeholder {
    margin: 0;
    padding: 0 .5em;
    background: #fff;
    text-align: left;
    line-height: 40px
}

.generic-popup button {
    width: 100%;
    margin-top: 1em
}

#file-picker,
.file-picker {
    position: absolute;
    overflow: hidden;
    width: 0;
    text-indent: 999px;
    -webkit-appearance: none;
    appearance: none
}

.terms-view {
    padding: 10px
}

.terms-view .terms-title {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px
}

.terms-view h1 {
    height: auto;
    padding: 0 0 10px
}

.terms-view a,
.terms-view b {
    font-weight: 600;
    color: #333844
}

body.ios-font-helvetica .terms-view a,
body.ios-font-helvetica .terms-view b {
    font-weight: 500
}

body.android-font-system .terms-view a,
body.android-font-system .terms-view b {
    font-weight: 700
}

body.android-font-roboto-new .terms-view a,
body.android-font-roboto-new .terms-view b {
    font-weight: 500
}

.terms-view b,
.terms-view center,
.terms-view li,
.terms-view p {
    line-height: 1.5em
}

.terms-view li {
    list-style-type: decimal
}

.terms-view ul {
    padding-left: 20px
}

.terms-view ol ul li {
    list-style-type: disc
}

.ios-terms {
    padding: 10px
}

.ios-terms li {
    list-style-type: disc
}

.ios-terms a {
    color: #888;
    text-decoration: underline
}

.fullscreen .page {
    overflow: hidden;
    height: 100%
}

.photo-viewer {
    position: fixed;
    z-index: 900;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.js-fullscreen {
    position: relative;
    z-index: 900;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.js-fullscreen.is-hidden {
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.windows .js-fullscreen {
    -webkit-transition: none;
    transition: none
}

.js-photo-gallery {
    overflow: hidden;
    height: 100%
}

.galleryView {
    height: 100%
}

.page.page-security .security-error {
    max-width: 240px;
    margin: 0 auto;
    padding: 15px 0 0;
    color: #ee203c;
    text-align: center;
    font-size: 13px;
    line-height: 17px
}

.page.security-complete-email .form-uniform .input {
    margin: 0 3px
}

.form-with-list .form,
.form-with-list .form-slider-list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

.form-with-list .form-slider-list {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.form-with-list .form {
    position: absolute;
    top: 48px;
    bottom: 0;
    width: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.form-with-list.show-form .form-slider-list {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.form-with-list.show-form .form {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.form .full-screen-textarea {
    width: 100%;
    height: 100%;
    padding: 15px
}

.promo-match-chat-fader {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, .5)
}

.promo-match-chat-intro {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px;
    padding: 13px 15px 11px;
    border-radius: 10px;
    background: #fff;
    color: #949494
}

.promo-match-chat-intro__label {
    font-weight: 400;
    font-size: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.promo-match-chat-intro__label,
.promo-match-chat-intro__send {
    line-height: 20px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.promo-match-chat-intro__send {
    font-weight: 600;
    font-size: 17px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 140px;
    white-space: nowrap
}

body.ios-font-helvetica .promo-match-chat-intro__send {
    font-weight: 500
}

body.android-font-system .promo-match-chat-intro__send {
    font-weight: 700
}

body.android-font-roboto-new .promo-match-chat-intro__send {
    font-weight: 500
}

.promo-match-chat-intro__label+.promo-match-chat-intro__send {
    margin-left: 15px
}

.promo-match-chat-input {
    position: fixed;
    z-index: 21;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: #fff
}

.promo-match-chat.is-active .promo-match-chat-fader {
    display: block
}

.promo-match-chat.is-active .promo-match-chat-intro {
    visibility: hidden
}

.promo-match-chat.is-active .promo-match-chat-input {
    display: block
}

.lookalikes-header__search-bar {
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    background: #fff
}

.lookalikes-header__return-chevron {
    position: absolute;
    z-index: 11;
    top: 25px;
    left: 10px;
    display: none;
    width: 40px;
    height: 40px
}

.lookalikes-header__return-chevron.is-visible {
    display: block
}

.lookalikes-header__switcher {
    display: inline;
    vertical-align: middle
}

.lookalikes-header__switcher-item {
    display: block
}

.lookalikes-header__switcher-item--active,
.lookalikes-header__switcher.is-active .lookalikes-header__switcher-item {
    display: none
}

.lookalikes-header__switcher.is-active .lookalikes-header__switcher-item--active {
    display: block
}

.lookalikes-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 15px
}

.lookalikes-search__field {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.lookalikes-search__extra {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0
}

.lookalikes-search__field+.lookalikes-search__extra {
    margin-left: 15px
}

.lookalikes-searching {
    position: relative;
    display: block
}

.lookalikes-searching__step {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease
}

.lookalikes-searching__step.is-current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.lookalikes-searching__step.is-next {
    opacity: 0;
    -webkit-transform: translate3d(70%, 0, 0);
    transform: translate3d(70%, 0, 0)
}

.lookalikes-searching__step.is-prev {
    opacity: 0;
    -webkit-transform: translate3d(-70%, 0, 0);
    transform: translate3d(-70%, 0, 0)
}

.lookalikes-hide-me-message {
    position: fixed;
    z-index: 11;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px 10px 0 0;
    background-clip: padding-box;
    background-color: #fff
}

.has-tabbar .lookalikes-hide-me-message {
    bottom: 50px
}

.has-tabbar.has-tabbar-banner .lookalikes-hide-me-message {
    bottom: 100px
}

.lookalikes-hide-me-message__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 5px;
    color: #000
}

.lookalikes-hide-me-message__text a {
    color: #7000e3
}

.lookalikes-hide-me-message__icon {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #c4c4c4
}

.lookalikes-hide-me-message__icon:after {
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
    content: ""
}

.lookalikes-hide-me-message__text+.lookalikes-hide-me-message__icon {
    margin-left: 10px
}

.lookalikes-fb-modal__icon {
    margin-top: 10px
}

.profile-quality-abtest {
    color: #2b8cfc
}

.profile-quality-abtest.is-ready:before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    height: 200px;
    height: 50vh;
    background: inherit;
    background: currentColor
}

.ios .profile-quality-abtest.is-ready:before {
    content: ""
}

.profile-quality-abtest__step {
    max-width: 375px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center
}

.profile-quality-abtest__step--poll {
    max-width: none;
    margin-top: -20px;
    margin-right: -15px;
    margin-left: 0
}

.profile-quality-abtest__step--form {
    margin-top: -10px
}

.profile-quality-abtest__step-link {
    margin: 15px auto;
    color: #c4c4c4;
    text-align: center
}

.profile-quality-abtest__step-link .step-link {
    display: block
}

.profile-quality-abtest__step-link .step-link__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.profile-quality-abtest__step-link .step-link__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle
}

.profile-quality-abtest__slider {
    margin: 10px 0
}

.profile-quality-abtest--profile_photo {
    color: #2b8cfc
}

.profile-quality-abtest--relationship {
    color: #ff661b
}

.profile-quality-abtest--sexuality {
    color: #ff4278
}

.profile-quality-abtest--appearance_height {
    color: #1ab0ff
}

.profile-quality-abtest--appearance_weight {
    color: #ffc831
}

.profile-quality-abtest--appearance_body_type {
    color: #17d417
}

.profile-quality-abtest--appearance_hair_color {
    color: #1ab0ff
}

.profile-quality-abtest--appearance_eye_color {
    color: #00caa8
}

.profile-quality-abtest--living {
    color: #2b8cfc
}

.profile-quality-abtest--children {
    color: #ff4278
}

.profile-quality-abtest--smoking {
    color: #00caa8
}

.profile-quality-abtest--drinking {
    color: #7000e3
}

.profile-quality-abtest--languages {
    color: #17d417
}

.profile-quality-abtest--interests {
    color: #ff661b
}

.profile-quality-abtest--about_you {
    color: #7000e3
}

.profile-quality-abtest--verification {
    color: #1ab0ff
}

.profile-quality-abtest--work_and_education {
    color: #4867aa
}

.profile-quality-abtest--end {
    color: #7000e3
}

.profile-quality-abtest--interests .interest.interest--matched {
    background-color: #ff661b;
    color: #fff
}

.profile-quality-abtest--about_you .form-uniform .textarea__field.is-focused,
.profile-quality-abtest--about_you .form-uniform .textarea__field:focus {
    border-color: #7000e3
}

.profile-quality-abtest--work_and_education .form-uniform .select__field.is-focused,
.profile-quality-abtest--work_and_education .form-uniform .select__field:focus {
    border-color: #4867aa
}

.profile-quality-abtest--end .rainbow-quiz__top:after {
    display: block;
    opacity: 1
}

.profile-quality-abtest--end .rainbow-quiz__top~.rainbow-quiz__content {
    margin-top: -130px
}

.profile-quality-abtest .photo-boot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px auto;
    color: currentColor
}

.profile-quality-abtest .photo-boot__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 5px
}

.profile-quality-abtest .photo-boot__preview {
    position: relative;
    width: 90px;
    height: 125px;
    border-radius: 10px;
    background-color: #f6f6f6
}

.profile-quality-abtest .photo-boot__preview-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover
}

.profile-quality-abtest .photo-boot__preview-loader {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #c4c4c4
}

.profile-quality-abtest .appearance-measure {
    margin: 0 auto 10px;
    color: #6a6a6a
}

.profile-quality-abtest .appearance-measure__value {
    font-weight: 400;
    font-family: Stolzl, -apple-system, San Francisco, Helvetica Neue, Roboto, Segoe WP, Segoe UI, sans-serif;
    font-size: 18px;
    line-height: 25px
}

.profile-quality-abtest .language-level {
    position: relative;
    min-width: 70px;
    color: #c4c4c4;
    text-align: right;
    line-height: 0
}

.profile-quality-abtest .language-level:after {
    position: absolute;
    top: -15px;
    right: 0;
    bottom: -15px;
    left: 0;
    content: ""
}

.profile-quality-abtest .language-level__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    vertical-align: middle;
    line-height: 20px
}

.profile-quality-abtest .language-level__icon {
    display: inline-block;
    vertical-align: middle
}

.profile-quality-abtest .language-level__text+.language-level__icon {
    margin-left: 5px
}

.profile-quality-abtest .poll .poll__item {
    margin-left: 35px;
    padding-right: 15px
}

.profile-quality-abtest .poll .poll__option {
    margin-left: -35px
}

.profile-quality-abtest .poll .poll__icon {
    margin-right: 15px
}

@-webkit-keyframes B {
    0%,
    to {
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
    25% {
        -webkit-transform: translate3d(-300%, 50%, 0) rotate(-20deg);
        transform: translate3d(-300%, 50%, 0) rotate(-20deg)
    }
    50% {
        -webkit-transform: translate3d(-400%, 400%, 0) rotate(20deg);
        transform: translate3d(-400%, 400%, 0) rotate(20deg)
    }
    75% {
        -webkit-transform: translate3d(0, 400%, 0) rotate(-30deg);
        transform: translate3d(0, 400%, 0) rotate(-30deg)
    }
}

@keyframes B {
    0%,
    to {
        -webkit-transform: translateZ(0) rotate(0);
        transform: translateZ(0) rotate(0)
    }
    25% {
        -webkit-transform: translate3d(-300%, 50%, 0) rotate(-20deg);
        transform: translate3d(-300%, 50%, 0) rotate(-20deg)
    }
    50% {
        -webkit-transform: translate3d(-400%, 400%, 0) rotate(20deg);
        transform: translate3d(-400%, 400%, 0) rotate(20deg)
    }
    75% {
        -webkit-transform: translate3d(0, 400%, 0) rotate(-30deg);
        transform: translate3d(0, 400%, 0) rotate(-30deg)
    }
}

.not-found-page .ufo {
    position: absolute;
    z-index: 3;
    top: 16px;
    right: 7px;
    width: 16%;
    -webkit-animation-name: B;
    animation-name: B;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-timing-function: cubic-bezier(1, -.04, .38, 1.35);
    animation-timing-function: cubic-bezier(1, -.04, .38, 1.35);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.not-found-page .header {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 60px 0 0;
    background-image: -webkit-linear-gradient(top, #d0e7fd, #b0d4f6);
    background-image: linear-gradient(180deg, #d0e7fd 0, #b0d4f6)
}

.not-found-page svg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%
}

.not-found-page .middle-cloud {
    position: relative;
    vertical-align: middle;
    width: 110%;
    padding: 0;
    padding-bottom: 37.5%
}

.not-found-page .ufo {
    padding-bottom: 14.3%
}

.not-found-page .front-cloud {
    position: relative;
    vertical-align: middle;
    width: 110%;
    padding: 0;
    padding-bottom: 15.1%
}

.not-found-page .middle-cloud {
    z-index: 2;
    margin-bottom: 10px;
    margin-left: -1%
}

.not-found-page .front-cloud {
    position: absolute;
    z-index: 4;
    bottom: 10px;
    left: -1%
}

.not-found-page .cloud-bottom {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 30px
}

.not-found-page .middle-cloud>.cloud-bottom {
    background-color: #e2edfc
}

.not-found-page .front-cloud>.cloud-bottom {
    background-color: #fff
}

.not-found-page .logo-wrapper {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 18%;
    width: 100%;
    padding: 0
}

.not-found-page .logo {
    position: absolute;
    z-index: 3;
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 65%;
    margin: auto
}

.not-found-page .logo>svg {
    width: 100%;
    height: 100%
}

.debug-page {
    background: #e6ecf2
}

.debug-page .list-view>li.faded {
    opacity: .5
}

.debug-page.debug-cookies-page .empty-msg,
.debug-page.debug-local-storage-page .empty-msg {
    margin-top: 6px;
    color: gray;
    text-align: center;
    font-style: italic
}

.debug-page.debug-encounters-page input {
    display: block;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #999
}

.debug-page.debug-console-page .console-list {
    position: absolute;
    z-index: 8888;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 -1px 5px #888;
    font-size: .7em;
    font-family: monospace
}

.debug-page.debug-console-page .console-list.full {
    top: 0
}

.debug-page.debug-console-page .console-list.invisible {
    display: none
}

.debug-page.debug-console-page .console-list ul {
    position: relative
}

.debug-page.debug-console-page .console-list li {
    padding: 2px 0;
    border-bottom: 1px solid #e6ecf2;
    color: #00f;
    white-space: pre;
    word-wrap: break-word
}

.debug-page.debug-console-page .console-list li.error {
    color: red
}

.debug-page.debug-console-page .console-list li.info {
    color: gray
}

.debug-page.debug-console-page .console-list button {
    position: absolute;
    right: 30px;
    bottom: 0;
    border: 1px solid #e6ecf2;
    border-radius: 1em;
    background: #fff;
    font-size: 1.5em
}

.debug-page.debug-console-page .console-list textarea {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    width: 50%;
    height: 30px;
    opacity: .9;
    font-size: .7em
}

.debug-page.debug-console-page .console-list textarea.visible {
    display: block
}

.debug-page.debug-console-page .console-scroll-bottom {
    position: fixed;
    z-index: 9999;
    right: 3px;
    bottom: 5px;
    width: 29px;
    height: 29px;
    margin: 0;
    padding: 0;
    outline: none;
    border: 1px solid #e6ecf2;
    border-radius: 50%;
    background: #fff;
    color: #333844;
    text-align: center;
    font-size: 15px;
    line-height: 20px
}

.debug-page .click-copy {
    float: right;
    overflow: hidden;
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.debug-page #debug-transfer-area {
    position: absolute;
    bottom: 0
}

ui-multi-range {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 50px;
}
ui-multi-range input[type=range] {
  position: absolute;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 2px;
  overflow: hidden;
  border: 0;
  border-radius: 1px;
  outline: none;
  pointer-events: none;
}
ui-multi-range input[type=range]:active, ui-multi-range input[type=range]:focus {
  outline: none;
}
ui-multi-range input[type=range]::-webkit-slider-thumb {
  position: relative;
  cursor: pointer;
  pointer-events: all;
}
ui-multi-range input[type=range]::-webkit-slider-thumb::before {
  content: ' ';
  display: block;
  position: absolute;
  top: 13px;
  left: 100%;
  width: 2000px;
  height: 2px;
}
ui-multi-range input[type=range]:nth-child(2) {
  background: none;
}
ui-multi-range input[type=range]:nth-child(2)::-webkit-slider-thumb::before {
  background-color: #ccc;
}

.profileEditSelect{
    outline: none !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    background: transparent;
    color:#111 !important;
    color: transparent;
    -webkit-appearance: none;
    appearance: none    
}

.headerGradient{
background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.35) 1%, rgba(0,0,0,0) 100%) !important;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 1%,rgba(0,0,0,0) 100%) !important;
background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.35) 1%,rgba(0,0,0,0) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 ) !important;    
}

.private-blurred-background {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.private-blurred-background .blur-black {
  background-size: cover;
  -webkit-filter: blur(12px);
          filter: blur(12px);
  width: 100%;
  height: 100%;
  margin: 1px;
}
.blur-black-profile {
  background-size: cover;
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.private-container {
  position: relative;
}
.private-container .private-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px;
  font-size: 1.5rem;
  margin-top: 1rem;
}
.private-container .private-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}
.private-container .private-photo > div {
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: 1rem;
}
.private-container .private-photo--name {
  font-family: 'Montserrat';
  color: #fff;  
  font-size: 2rem;
}
.private-container .private-photo--followers {
  font-family: 'Montserrat';    
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #b3b3b3;
}
.private-container .private-photo--button {
  font-family: 'Montserrat';
  font-weight: bold;
  background: #FFF;
  color:#111;
  border-radius: 50px;
  font-size: 1rem;
  padding: 15px;
  text-align: center;
  min-width: 70%;
  cursor: pointer;
  text-transform: uppercase;
}
.private-container .private-list {
  background: #000;
  min-height: 400px;
  position: relative;
  top: -40px;
  z-index: 0;
  border-top: 1px solid #262626;
}
.private-container .private-photo--album {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  margin: 2rem 0 !important;
  background-size: cover;
}
.boostProfile {
background: #fc4a1a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}