@import url(https://fonts.googleapis.com/css?family=Karla:300,400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);
.pac-container {
    z-index: 9999999999 !important;
}
.icon-directive svg,
.icon-directive-img,
meetic-icon-static svg {
    width: 100%;
    height: 100%
}
.grid-debug,
.ps-container.ps-in-scrolling,
.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}
.icon-directive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}
meetic-icon-static {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}
.photos-count {
    position: absolute;
    top: 4%;
    right: 4%;
    width: 40px;
    height: 25px;
    border-radius: 25px;
    background: rgba(0,0,0,.45);
    z-index: 1;
}
.photos-count span {
    position: absolute;
    margin-left: 0;
    top: 7px;
    left: 22px;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    color: #fff;
}
.photos-count i {
    position: absolute;
    margin-left: 0;
    left: 5px;
    margin-top: 2px;
    color: #fff;;
}
#myInterests .container-grid-interest {
  background: #eee;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 60px;
  height: 60px;
  position: relative;
  display: inline-block;
  border-radius: 5px;
  margin-left: 16px;
  margin-top: 0px;
  border-radius: 50%;  
  cursor: pointer;
  overflow: visible;
  margin-bottom: 2rem;
}
#myInterests .interestName {
  border-radius: 3px;
  width: auto;
  height: 20px;
  background: none;
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  z-index: 4;
  opacity: 1;
  text-align: center;
}
#myInterests .interestAdd{
  opacity: 1;
  bottom: 20px;
}
#myInterests .container-grid-interest:hover .interestName{
  opacity: 1;
}
#myInterests .interestName span{
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-align: center !important;
  font-size: 12px;
  line-height: 20px;
  color: black;
  padding: 2px;
}
.ps-container {
    -ms-touch-action: none;
    touch-action: none;
    overflow: hidden!important;
    -ms-overflow-style: none
}
@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto!important
    }
}
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto!important
    }
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}
.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px
}
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    height: 11px
}
.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0
}
.not-found__container,
.not-found__layout {
    display: -webkit-box;
    display: -webkit-flex
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    width: 6px;
    right: 0
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: #999
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #999
}
.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: #999
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: #999
}
.ps-scrollbar-y-rail,
.ps-scrollbar-y-rail:active,
.ps-scrollbar-y-rail:hover {
    background: rgba(255, 255, 255, .3)!important
}
.ps-scrollbar {
    position: relative;
    max-height: inherit;
    overflow: hidden
}
.ps-container {
    height: 100%
}
.ps-scrollbar-y-rail {
    opacity: .5!important;
    -webkit-border-radius: 1rem;
    border-radius: 1rem
}
.ps-container>.ps-scrollbar-y-rail,
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    width: .4rem
}
.ps-active-y .ps-scrollbar-y {
    background: rgba(255, 255, 255, .4)!important
}
.ps-active-y:hover .ps-scrollbar-y {
    background: rgba(255, 255, 255, .5)!important
}
.not-found__detail-button,
.not-found__detail-button:hover {
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
    outline: 0;
    border: 0;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    padding: .5rem 1rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    font-weight: 800
}
.not-found__layout {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(https://iliusstd-a.akamaihd.net/funnel/assets/backgrounds/dinner-423091fd82.jpg) bottom;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100vh
}
.not-found__container {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 46rem;
    -ms-flex: 0 0 46rem;
    flex: 0 0 46rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.not-found__detail {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px rgba(132, 145, 164, .3) solid;
    padding-right: 2.1875rem;
    text-align: right
}
.not-found__detail-title {
    line-height: .9;
    color: #bbc2cf;
    font-size: 4rem
}
.not-found__detail-description {
    margin-top: 2rem;
    color: #bbc2cf
}
.not-found__detail-button,
.not-found__detail-button:hover {
    margin-top: 1rem;
    width: 16rem
}
.not-found__detail-button {
    background: #12a2a1
}
.not-found__detail-button:hover {
    background: rgba(18, 162, 161, .5)
}
.not-found__code {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 2.1875rem;
    line-height: .8;
    color: #fff;
    font-size: 8rem;
    font-weight: 300
}
.fb-selection-popup__mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: rgba(0, 0, 0, .6);
    width: 100%
}
.fb-selection-popup__close-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.fb-selection__popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    background: #fff
}
.fb-selection__picture-block,
.search-checkbox-form__hover {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.fb-selection-popup__close-button {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: .8rem;
    height: .8rem;
    fill: #8491a4
}
.search-checkbox-form__hover {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    z-index: 9;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background: #464648;
    text-transform: none;
    font-size: .8rem;
    font-weight: 400
}
.search-checkbox-form__hover::before {
    position: absolute;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    background: #464648;
    width: .6rem;
    height: .6rem;
    content: '';
    top: -.25rem
}
.grid-debug__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 688px
}
@media (min-width:1056px) {
    .grid-debug__wrapper {
        max-width: 928px
    }
}
@media (min-width:1248px) {
    .grid-debug__wrapper {
        max-width: 1120px
    }
}
.layer__close {
    font-size: .875rem;
    font-weight: 600
}
.tooltip {
    font-size: .75rem;
    font-weight: 500
}
#tag-commander {
    display: none;
    position: absolute;
    top: -999999rem;
    left: -999999rem
}
.dating-profile-gallery__toaster {
    position: fixed;
    top: 4rem;
    right: 0;
    left: 0;
    z-index: 9;
    margin-right: auto;
    margin-left: auto;
    width: 22rem;
    max-width: 22rem
}
.dating-profile-gallery__toaster-message--error,
.dating-profile-gallery__toaster-message--info,
.dating-profile-gallery__toaster-message--success {
    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-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    padding: 1rem 1.8rem 1rem 1rem;
    color: #fff;
    font-size: .85rem
}
.dating-profile-gallery__toaster-message--info {
    background-color: #4e5f71
}
.dating-profile-gallery__toaster-message--success {
    background-color: #81c44e
}
.dating-profile-gallery__toaster-message--error {
    background-color: #ed5565
}
.dating-profile-gallery__toaster-message-icon--error,
.dating-profile-gallery__toaster-message-icon--success {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.6rem;
    -ms-flex: 0 0 1.6rem;
    flex: 0 0 1.6rem;
    margin-right: 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    padding: .6rem;
    width: 1.6rem;
    height: 1.6rem
}
.dating-profile-gallery__toaster-message-icon--success {
    fill: #81c44e
}
.dating-profile-gallery__toaster-message-icon--error {
    fill: #ed5565
}
.dating-profile-gallery__toaster-cancel-button {
    text-decoration: underline
}
.dating-profile-gallery__toaster-close-button-icon {
    display: block;
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 9;
    width: 1rem;
    height: 1rem;
    fill: #fff
}
.dating-profile-gallery__toaster-close-button-icon:hover {
    cursor: pointer;
    fill: #bbc2cf
}
.fb-selection__popup {
    padding: 0;
    width: 28rem;
    min-height: 27rem
}
.fb-selection-popup__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 2rem;
    width: 100%
}
.fb-selection__content,
.fb-selection__pictures {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.fb-selection-popup__close-button:hover {
    fill: #464648
}
.fb-selection__title {
    border-bottom: 1px solid #dee0e5;
    padding: 1rem 0 .5rem 1.2rem;
    color: #464648;
    font-size: 1.3rem
}
.fb-selection__content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .6rem;
    min-height: 19.5rem;
    color: #8491a4;
    font-size: .8rem
}
.fb-selection__path {
    cursor: default;
    padding-left: .6rem
}
.fb-selection__pictures {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.fb-selection__picture-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.fb-selection__album-container,
.fb-selection__picture-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .6rem;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #eef0f5;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    width: 7.7rem;
    height: 7.7rem;
    overflow: hidden
}
.fb-selection__albums-infos {
    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;
    margin: 0 .6rem .6rem;
    cursor: pointer;
    max-width: 7.7rem
}
.fb-selection__albums-infos--title {
    color: #464648;
    font-weight: 700
}
.fb-selection__picture-block:hover .fb-selection__albums-infos--title {
    color: #67bdc7
}
.fb-selection__album,
.fb-selection__picture {
    margin: auto;
    height: 100%;
    max-height: 7.7rem;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}
.fb-selection__picture {
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 1
}
.fb-selection__picture--selected {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, .6);
    width: 7.7rem;
    height: 7.7rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .7rem;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}
.fb-selection__navigation,
.fb-selection__pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.fb-selection__picture-container:hover .fb-selection__picture--selected {
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 1
}
.fb-selection__pagination {
    display: flex;
    padding: 0 .6rem;
    text-align: center
}
.fb-selection__navigation--clickable,
.fb-selection__navigation--left,
.fb-selection__navigation--right {
    cursor: pointer;
    text-decoration: underline;
    color: #67bdc7
}
.fb-selection__navigation--clickable:hover,
.fb-selection__navigation--left:hover,
.fb-selection__navigation--right:hover {
    color: #44abb7
}
.fb-selection__navigation {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.fb-selection__navigation--left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.fb-selection__navigation--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.fb-selection-popup__footer,
.popup__wrapper {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical
}
.fb-selection__album-name {
    cursor: default
}
.fb-selection-loader {
    margin: auto
}
.fb-selection-popup__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-bottom-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    -webkit-border-bottom-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
    background-color: #eef0f5;
    padding: 1rem;
    width: 26rem
}
.fb-selection-popup__cancel {
    text-align: center;
    text-decoration: underline;
    color: #8491a4;
    font-size: .7rem;
    font-weight: 400
}
.fb-selection-popup__cancel:hover {
    color: #464648
}
iframe[name='__cmpLocator'] {
    display: none
}
.meetic-icon-static {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}
.meetic-icon-static svg {
    width: 100%;
    height: 100%
}
.search-checkbox-form__label {
    margin-bottom: .3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.search-checkbox--checked,
.search-checkbox--normal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .2rem;
    margin-right: .3rem;
    margin-bottom: auto;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    min-width: .65rem;
    min-height: .65rem
}
.search-chekcbox-input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}
.search-checkbox--checked {
    border: 1px solid #67bdc7;
    background: #67bdc7
}
.search-checkbox--checked svg path {
    opacity: 1
}
.search-checkbox--normal svg path {
    opacity: 0
}
.search-checkbox-form__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}
.search__form .search-checkbox-form__label {
    color: #fff
}
.search-checkbox-form__checkbox {
    margin-top: .22rem;
    width: 100%
}
.search-checkbox-form__hover {
    display: none;
    position: absolute;
    bottom: -1rem;
    left: -8.6rem;
    padding: .8rem;
    width: 25rem;
    height: auto;
    white-space: normal;
    color: #fff
}
.search-checkbox-form__hover::before {
    left: calc(85% - .26rem)
}
.search-checkbox-form__icon:hover~.search-checkbox-form__hover {
    display: block
}
.search-checkbox-form__text {
    position: relative
}
.search-checkbox-form__icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.2rem;
    vertical-align: bottom;
    fill: #464648
}
.popup__mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: rgba(0, 0, 0, .6);
    width: 100%
}
.layer-content,
.popup__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-direction: normal
}
.popup__close-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.popup__wrapper {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    background: #fff;
    padding: 2rem;
    width: 27rem
}
.popup__close-button {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: .8rem;
    height: .8rem;
    fill: #8491a4
}
.popup__close-button:hover {
    fill: #8491a4
}
.dating-default-loader {
    -webkit-animation: rotateAnimation .8s linear infinite;
    animation: rotateAnimation .8s linear infinite;
    margin: auto;
    border: .35rem solid rgba(237, 20, 125, .1);
    border-top: .35rem solid rgba(237, 20, 125, .9);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem
}
.layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 9;
    margin-bottom: 0;
    background: #1f2f49;
    width: 100%;
    height: 100%;
    min-height: 0
}
.layer-background__icons--left,
.layer-background__icons--right {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: .15;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 48%;
    height: 80%
}
.layer-background__icons--left {
    left: 0;
    margin: auto 0 auto 2%;
    background-image: url(https://iliusstd-a.akamaihd.net/core/assets/images/layer-background__icons--left-c954a52254.svg)
}
.layer-background__icons--right {
    right: 0;
    margin: auto 2% auto 0;
    background-image: url(https://iliusstd-a.akamaihd.net/core/assets/images/layer-background__icons--right-c5482d3ba2.svg)
}
.layer-content {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}
.layer__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 1rem;
    right: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9;
    cursor: pointer;
    padding: 1rem;
    color: #fff
}
.layer__close:hover {
    opacity: .7
}
.layer__close-icon {
    margin-left: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.infinite-scroll__container {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    overflow-x: hidden
}
.popover__wrapper {
    position: relative
}
.popover__wrapper .popover-button {
    width: 1rem;
    height: 1rem
}
.popover__wrapper .popover-button:hover {
    cursor: pointer
}
.popover__wrapper .popover__overlay-content {
    position: absolute;
    top: 1.5rem;
    right: 0;
    z-index: 7;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    padding: 1.2rem 1.4375rem 1rem 1.3rem
}
.sprbk-modal.layer {
    background-color: rgba(31, 47, 73, .9)
}
.sprbk-modal__wrapper {
    position: relative;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background-color: #fff;
    width: 28rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.sprbk-modal__wrapper--scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 0;
    height: calc(100% - 6rem);
    overflow: hidden
}
.sprbk-modal__content {
    padding: 2rem;
    width: 28rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.sprbk-modal__wrapper--scrollable .sprbk-modal__content {
    overflow-y: auto
}
.sprbk-modal__close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    border: 0;
    background: 0 0;
    padding: 0
}
.sprbk-modal__close:focus {
    outline: 0
}
.sprbk-modal__close--icon {
    width: 1.0625rem;
    height: 1.125rem;
    fill: #bbc2cf
}
.grid-debug {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .1;
    z-index: 9;
    background: red
}
.grid-debug__wrapper {
    background: #ff0;
    height: 100vh
}
.grid-debug__column {
    margin-right: 32px;
    width: calc((88px * 1) + (32px * (1 - 1)));
    background: #00f
}
@media (min-width:1056px) {
    .grid-debug__column {
        width: calc((48px * 1) + (32px * (1 - 1)))
    }
}
@media (min-width:1248px) {
    .grid-debug__column {
        width: calc((64px * 1) + (32px * (1 - 1)))
    }
}
.grid-debug__column:last-child {
    margin-right: 0
}
@media (max-width:1056px) {
    .grid-debug__column:nth-child(n+7) {
        display: none
    }
    .grid-debug__column:nth-child(6) {
        margin-right: 0
    }
}
.tooltip {
    display: none;
    position: absolute;
    z-index: 9;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    background: #1f2f49;
    text-align: center;
    color: #fff
}
.tooltip-1-line {
    padding: .5rem .75rem
}
.tooltip-2-line {
    padding: .5rem;
    min-width: 10rem
}
@-webkit-keyframes tooltip-top {
    0% {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 4px));
        transform: translateX(-50%) translateY(calc(-100% - 4px));
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
        opacity: 1
    }
}
@keyframes tooltip-top {
    0% {
        -webkit-transform: translateX(-50%) translateY(calc(-100% - 4px));
        transform: translateX(-50%) translateY(calc(-100% - 4px));
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
        opacity: 1
    }
}
.tooltip--top {
    top: -.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    -webkit-animation: tooltip-top .3s ease-out;
    animation: tooltip-top .3s ease-out
}
@-webkit-keyframes tooltip-right {
    0% {
        -webkit-transform: translateX(calc(100% + 4px)) translateY(-50%);
        transform: translateX(calc(100% + 4px)) translateY(-50%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
        opacity: 1
    }
}
@keyframes tooltip-right {
    0% {
        -webkit-transform: translateX(calc(100% + 4px)) translateY(-50%);
        transform: translateX(calc(100% + 4px)) translateY(-50%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
        opacity: 1
    }
}
.tooltip--right {
    top: 50%;
    right: -.25rem;
    -webkit-transform: translateX(100%) translateY(-50%);
    -ms-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
    -webkit-animation: tooltip-right .3s ease-out;
    animation: tooltip-right .3s ease-out
}
@-webkit-keyframes tooltip-bottom {
    0% {
        -webkit-transform: translateX(-50%) translateY(calc(100% + 4px));
        transform: translateX(-50%) translateY(calc(100% + 4px));
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(100%);
        transform: translateX(-50%) translateY(100%);
        opacity: 1
    }
}
@keyframes tooltip-bottom {
    0% {
        -webkit-transform: translateX(-50%) translateY(calc(100% + 4px));
        transform: translateX(-50%) translateY(calc(100% + 4px));
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(100%);
        transform: translateX(-50%) translateY(100%);
        opacity: 1
    }
}
.tooltip--bottom {
    bottom: -.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    -webkit-animation: tooltip-bottom .3s ease-out;
    animation: tooltip-bottom .3s ease-out
}
@-webkit-keyframes tooltip-left {
    0% {
        -webkit-transform: translateX(calc(-100% - 4px)) translateY(-50%);
        transform: translateX(calc(-100% - 4px)) translateY(-50%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
        opacity: 1
    }
}
@keyframes tooltip-left {
    0% {
        -webkit-transform: translateX(calc(-100% - 4px)) translateY(-50%);
        transform: translateX(calc(-100% - 4px)) translateY(-50%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
        opacity: 1
    }
}
.tooltip--left {
    top: 50%;
    left: -.25rem;
    -webkit-transform: translateX(-100%) translateY(-50%);
    -ms-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);
    -webkit-animation: tooltip-left .3s ease-out;
    animation: tooltip-left .3s ease-out
}
.tooltip-wrapper:hover .tooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-family: 'Rubik';
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number] {
    -moz-appearance: textfield
}
input {
    -webkit-border-radius: 0;
    border-radius: 0
}
a {
    text-decoration: none
}
@charset "UTF-8";
@-webkit-keyframes rotateAnimation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes rotateAnimation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes colorAnimation {
    0% {
        color: #ea6262
    }
    33.33333% {
        color: #007088
    }
    66.66667% {
        color: #f5bb11
    }
    100% {
        color: #12a2a1
    }
}
@keyframes colorAnimation {
    0% {
        color: #ea6262
    }
    33.33333% {
        color: #007088
    }
    66.66667% {
        color: #f5bb11
    }
    100% {
        color: #12a2a1
    }
}
@-webkit-keyframes button-burst {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}
@keyframes button-burst {
    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}
@-webkit-keyframes pulseMax {
    0% {
        opacity: .6;
        -webkit-box-shadow: 0 0 0 0 #fff;
        box-shadow: 0 0 0 0 #fff
    }
    80% {
        opacity: 0;
        -webkit-box-shadow: 0 0 10px 140px #fff;
        box-shadow: 0 0 10px 140px #fff
    }
    100% {
        opacity: 0;
        -webkit-box-shadow: 0 0 10px 140px transparent;
        box-shadow: 0 0 10px 140px transparent
    }
}
@keyframes pulseMax {
    0% {
        opacity: .6;
        -webkit-box-shadow: 0 0 0 0 #fff;
        box-shadow: 0 0 0 0 #fff
    }
    80% {
        opacity: 0;
        -webkit-box-shadow: 0 0 10px 140px #fff;
        box-shadow: 0 0 10px 140px #fff
    }
    100% {
        opacity: 0;
        -webkit-box-shadow: 0 0 10px 140px transparent;
        box-shadow: 0 0 10px 140px transparent
    }
}
@-webkit-keyframes respiration {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}
@keyframes respiration {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}
@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
}
@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(1px, 0, 0);
        transform: translate3d(1px, 0, 0)
    }
}
@-webkit-keyframes slowShake {
    40%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    30%,
    70% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
}
@keyframes slowShake {
    40%,
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    30%,
    70% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
}
@-webkit-keyframes movingArrow {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-.3rem);
        transform: translateX(-.3rem)
    }
}
@keyframes movingArrow {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-.3rem);
        transform: translateX(-.3rem)
    }
}
@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes fadeout {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@-webkit-keyframes zoom-in {
    from {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes zoom-in {
    from {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes zoom-out {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
}
@keyframes zoom-out {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
}
@-webkit-keyframes scale-up {
    from {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes scale-up {
    from {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes scale-out {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: 0
    }
}
@keyframes scale-out {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: 0
    }
}
.mutual-match__header,
.profile__content-list {
    white-space: pre-wrap
}
.journal__title,
.profile-full__profile-infos .profile-infos__nickname,
.scroll-title__main {
    font-size: 2.75rem;
    font-weight: 700
}
.banner-description__title,
.banner__dev-career-title,
.emoji-picker__element:hover,
.giphy-picker__empty--icon,
.invitation-promo-card__content--title,
.invitations__title,
.mod__title,
.mutual-match-layer__title,
.payment-block__interactions-notifications--number,
.payment-block__title,
.profile-disabled__title,
.profile-essay--big>.profile-essay__text,
.profile-essay__placeholder,
.profile-full__error-title,
.shuffle-empty__countdown,
.shuffle-empty__title,
.swipe-card-end__title,
.swipe-profile__profile-infos .profile-infos__nickname {
    font-size: 2rem;
    font-weight: 700
}
.banner-description__subtitle,
.conversation__mutual-match-title,
.discover-event__empty-state-title,
.intermediate-screen__title,
.mail-init__header-title,
.mod-empty-state__subtitle,
.mutual-match-card .profile-infos__nickname,
.mutual-match-layer__title-intro,
.profile-disabled-popup__title,
.profile-essay--medium>.profile-essay__text,
.profile-full__popup-reflists-title,
.profile-full__reflists-title,
.profile-full__thematic-announce-content,
.profile-full__title,
.profile-infos__nickname,
.profiles-grid__empty-block-text,
.promo-banner__description--bold,
.promo-banner__description--regular,
.rating__content-title,
.saved-search-delete-modal__title,
.saved-search-list-card__title,
.saved-search-modal__title,
.scroll-title__sub,
.similarities-text,
.swipe-profile-list__title,
.zero-state__title {
    line-height: 1.75rem;
    font-size: 1.25rem;
    font-weight: 600
}
.banner-description__subtitle,
.discover-event__empty-state-title,
.mod-empty-state__subtitle,
.mutual-match-layer__title-intro,
.profile-essay--medium>.profile-essay__text,
.profiles-grid__empty-block-text,
.promo-banner__description--regular,
.rating__content-title,
.saved-search-delete-modal__title,
.scroll-title__sub {
    font-weight: 500
}
.message-bubble--received,
.message-bubble--sent,
.shuffle-page-kiss__title {
    line-height: 1.375rem;
    font-size: 1rem;
    font-weight: 600
}
.banner__dev-career-message,
.create-saved-search .create-saved-search-label,
.discover-event__subtitle,
.empty-block__description,
.empty-block__title,
.error-block,
.gentleman-badge__tooltip-title,
.input__wrapper input,
.input__wrapper textarea,
.invitation-promo-card__content--description,
.journal-wrapper .members-list-horizontal-bloc__main-title,
.members-list-horizontal-bloc__subtitle,
.message-bubble--received,
.message-bubble--sent,
.mutual-match-list__header-title,
.payment-block__interactions-description,
.payment-block__subtitle,
.profile-column-cta,
.profile-disabled__description,
.profile-essay--small>.profile-essay__text,
.profile-full__profile-infos .profile-infos__age-city,
.profile-full__thematic-announce-title,
.profile-full__wrapper,
.profile-mini.profile-mini--right .profile-infos__age-city,
.profile-mini.profile-mini--right .profile-infos__nickname,
.profile-mini__content--bottom .profile-infos__nickname,
.profile-mini__content--inside .profile-infos__age-city,
.profile-mini__content--inside .profile-infos__nickname,
.rating__content-question,
.rating__thanks,
.reflist-list__item-values,
.saved-search-list-card__profiles-counter,
.saved-search-list-card__profiles-counter--none,
.saved-search-modal__name-container,
.saved-search-modal__opt-in-container,
.swipe-card-end__countdown,
.swipe-card-end__countdown-counter,
.swipe-profile-list__remaining-profile--remaining,
.zero-state__description {
    line-height: 1.4375rem;
    font-size: 1rem;
    font-weight: 600
}
.banner__dev-career-message,
.create-saved-search .create-saved-search-label,
.discover-event__subtitle,
.empty-block__description,
.error-block,
.gentleman-badge__tooltip-title,
.input__wrapper input,
.input__wrapper textarea,
.invitation-promo-card__content--description,
.journal-wrapper .members-list-horizontal-bloc__main-title,
.members-list-horizontal-bloc__subtitle,
.message-bubble--received,
.message-bubble--sent,
.payment-block__interactions-description,
.payment-block__subtitle,
.profile-column-cta,
.profile-disabled__description,
.profile-essay--small>.profile-essay__text,
.profile-full__profile-infos .profile-infos__age-city,
.profile-full__thematic-announce-title,
.profile-full__wrapper,
.profile-mini.profile-mini--right .profile-infos__age-city,
.profile-mini__content--inside .profile-infos__age-city,
.rating__content-question,
.rating__thanks,
.reflist-list__item-values,
.saved-search-list-card__profiles-counter--none,
.saved-search-modal__name-container,
.saved-search-modal__opt-in-container,
.swipe-card-end__countdown,
.swipe-profile-list__remaining-profile--remaining,
.zero-state__description {
    font-weight: 500
}
.activities-counter__badge,
.conversation-blocker,
.cta-button,
.discover-event__empty-state-place,
.gentleman-badge__tooltip-link,
.giphy-picker__empty--text,
.invitation-promo-card__content--cta.springbok-button,
.invitations__skip,
.invitations__swipe-card-ctas-decline,
.last-connection-date,
.mail-init__empty-similarities,
.mail-init__header-subtitle,
.member-card__info-mm,
.member-card__info-more,
.message-sender,
.message-sender-textarea__content,
.message-sender-textarea__inbox-link,
.message-sender-textarea__infos,
.mutual-match-card-similarities__similarity--field,
.mutual-match-card-similarities__similarity--value,
.mutual-match-layer__infos,
.mutual-match-list__item-nickname .profile-infos__nickname,
.profile-column-cta .profile-column-cta__content,
.profile-full__back-button,
.profile-full__profile-report .action__item,
.profile-infos__age-city,
.profile-infos__disabled,
.reflist-list-shuffle__item-description,
.reflist-list-shuffle__item-title,
.reflist-list__item-field,
.reflist-list__show-more,
.scam-mention .scam-mention__content,
.show-more-feed-button__text,
.shuffle-card-similarities__text,
.shuffle-card-similarities__text b,
.shuffle-card-similarities__text-like,
.shuffle-card__interaction,
.shuffle-empty__description,
.shuffle-page-kiss__back-button,
.shuffle-page-kiss__remaining,
.similarities-see-more,
.spotify-picker--empty,
.spotify-picker--error,
.spotify-picker--error__reset-button,
.spotify-picker__track-artist,
.springbok-button,
.swipe-card-end__description,
.swipe-profile__profile-infos .profile-infos__age-city,
.thread-list-invitations__link-link {
    line-height: 1.25rem;
    font-size: .875rem;
    font-weight: 600
}
.activities-counter__badge,
.conversation-blocker,
.discover-event__empty-state-place,
.giphy-picker__empty--text,
.invitations__skip,
.invitations__swipe-card-ctas-decline,
.last-connection-date,
.mail-init__empty-similarities,
.mail-init__header-subtitle,
.member-card__info-more,
.message-sender,
.message-sender-textarea__content,
.message-sender-textarea__infos,
.mutual-match-card-similarities__similarity--value,
.mutual-match-layer__infos,
.profile-full__back-button,
.profile-full__profile-report .action__item,
.profile-infos__age-city,
.profile-infos__disabled,
.reflist-list-shuffle__item-title,
.reflist-list__item-field,
.scam-mention .scam-mention__content,
.shuffle-card-similarities__text,
.shuffle-empty__description,
.spotify-picker--empty,
.spotify-picker--error,
.spotify-picker--error__reset-button,
.swipe-card-end__description,
.swipe-profile__profile-infos .profile-infos__age-city {
    font-weight: 500
}
.mutual-match-card .profile-infos__age-city,
.mutual-match-card__similarities,
.profiles-mosaic__cta--right>a,
.shuffle-page-kiss__scroll-list,
.springbok-button.springbok-button--text-only {
    font-size: .875rem;
    font-weight: 600
}
.action__item,
.activities-counter__label,
.conversation-message-details--received,
.conversation-message-details--sent,
.conversation-message__error,
.conversation__date,
.enter-key-mode .search-checkbox-form__label,
.gallery__picture-infos,
.gentleman-badge__tooltip-description,
.giphy-link,
.giphy-picker__search-input,
.member-card__new-member-status,
.mutual-match-card-similarities__title,
.profile-bar__last-connection-date .last-connection-date,
.profile-infos__mutual-match--title,
.shuffle-card-content__profile-infos .profile-infos__age-city,
.shuffle-card-slider__pictures-count,
.shuffle-slider__pictures-count,
.spotify-picker__search-input,
.spotify-picker__track-name,
.thread-list-invitations__card-content {
    font-size: .75rem;
    font-weight: 600
}
.action__item,
.conversation-message-details--received,
.conversation-message-details--sent,
.conversation-message__error,
.conversation__date,
.enter-key-mode .search-checkbox-form__label,
.gallery__picture-infos,
.gentleman-badge__tooltip-description,
.giphy-link,
.giphy-picker__search-input,
.profile-bar__last-connection-date .last-connection-date,
.shuffle-card-content__profile-infos .profile-infos__age-city,
.shuffle-card-slider__pictures-count,
.shuffle-slider__pictures-count,
.spotify-picker__search-input,
.spotify-picker__track-name,
.thread-list-invitations__card-content {
    font-weight: 500
}
.ad-card,
.adblocker-card,
.auto-promo-card,
.badge-gentleman-card,
.card-list__billboard-card,
.cross-sell-card,
.cross-sell-card--double,
.cta-bar__button--favorite,
.cta-bar__button--message,
.cta-bar__button--friend,
.cta-bar__button-unblacklist,
.event-promo-card,
.ever-card,
.gentleman-badge__tooltip,
.interaction-card,
.interaction-card--stacked,
.lara-promo-card,
.member-card,
.message-sender,
.mutual-match__favorite,
.nrc-promo-card,
.onboarding-screen__card--left,
.onboarding-screen__card--right,
.onboarding-screen__card-center-cta-favorites,
.onboarding-screen__card-center-cta-interaction--sent,
.onboarding-screen__card-center-cta-messages,
.onboarding-screen__card-icon-cta-interaction,
.onboarding-screen__card-icon-cta-messages,
.profile-disabled__icon,
.profiles-interaction__interaction-chat-icon--icon,
.resub-time-card,
.shuffle-cancel-rating__button,
.shuffle-card-slider__nav .shuffle-card-slider__nav-button,
.shuffle-card__interaction,
.shuffle-page-kiss__card,
.shuffle-promo,
.single-parents-card,
.skyscraper-card,
.slider-photos__nav-button,
.swipe-profile__interaction {
    -webkit-box-shadow: 0 .375rem 1rem -.1875rem rgba(107, 134, 177, .25);
    box-shadow: 0 .375rem 1rem -.1875rem rgba(107, 134, 177, .25)
}
.mod__card,
.onboarding-screen__card--center,
.profiles-column__grid .profiles-column__item:hover {
    -webkit-box-shadow: 0 1.5rem 4rem -.75rem rgba(107, 134, 177, .25);
    box-shadow: 0 1.5rem 4rem -.75rem rgba(107, 134, 177, .25)
}
.card.card--shadow,
.swipe-profile-list__swipe-card {
    -webkit-box-shadow: 0 3rem 8rem -1.5rem rgba(107, 134, 177, .2575);
    box-shadow: 0 3rem 8rem -1.5rem rgba(107, 134, 177, .2575)
}
.autocomplete-items {
    position: absolute;
    top: 106%;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.autocomplete-items>div {
    padding: .5rem;
    height: 1rem;
    overflow: hidden;
    white-space: nowrap
}
.autocomplete-active,
.autocomplete-items>div:hover {
    background: #eef0f5;
    cursor: pointer
}
.autocomplete-matching {
    font-weight: 700
}
[class^=matching-item-]:nth-child(n+2) {
    color: #8491a4;
    font-size: smaller
}
.cta-bar__button-hint,
.dating-gallery__picture-moderation-message-hint,
.dating-header__boost-hint,
.dating-header__incognito-hint,
.event-rsvp__tooltip,
.lara-bot__bubble-hint,
.list-mini-profile__content-infos-nickname-is-online-hint,
.list-mini-profile__content-infos-premium-hint,
.profile__hero-edit-hint,
.profile__hero-online-hint,
.shuffle__cancel-hint,
.thread-list__header-delete-hint,
.thread-list__header-zen-hint {
    display: none;
    position: absolute;
    bottom: -.25rem;
    left: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    z-index: 9;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background: #464648;
    padding: 0 1rem;
    height: 2rem;
    text-transform: none;
    white-space: nowrap;
    color: #fff;
    font-size: .8rem;
    font-weight: 400
}
.cta-bar__button-hint::before,
.dating-gallery__picture-moderation-message-hint::before,
.dating-header__boost-hint::before,
.dating-header__incognito-hint::before,
.event-rsvp__tooltip::before,
.lara-bot__bubble-hint::before,
.list-mini-profile__content-infos-nickname-is-online-hint::before,
.list-mini-profile__content-infos-premium-hint::before,
.profile__hero-edit-hint::before,
.profile__hero-online-hint::before,
.shuffle__cancel-hint::before,
.thread-list__header-delete-hint::before,
.thread-list__header-zen-hint::before {
    position: absolute;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    background: #464648;
    width: .6rem;
    height: .6rem;
    content: '';
    top: -.25rem;
    left: calc(50% - .26rem)
}
.discover-wrapper__content,
.discover-wrapper__content .swipe-profiles-list,
.mod__content,
.profile-full__wrapper,
.search-hub-banner-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 688px
}
@media (min-width:1056px) {
    .discover-wrapper__content,
    .discover-wrapper__content .swipe-profiles-list,
    .mod__content,
    .profile-full__wrapper,
    .search-hub-banner-wrapper {
        max-width: 928px
    }
}
@media (min-width:1248px) {
    .discover-wrapper__content,
    .discover-wrapper__content .swipe-profiles-list,
    .mod__content,
    .profile-full__wrapper,
    .search-hub-banner-wrapper {
        max-width: 1120px
    }
}
.alert-moderator-popup__mask,
.ar-reactivation-popup__mask,
.ar-reactivation-success-popup__mask,
.blacklist-popup__mask,
.completion-rate-popup__mask,
.contact-filter-popup__mask,
.empty-thread-onboarding,
.ereputation-popup__mask,
.expired-offer-popup__mask,
.picture-popup__mask,
.profile-edit-nickname-city-popup__mask,
.profile-error-modal__mask {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: rgba(0, 0, 0, .6);
    width: 100%
}
.alert-moderator-popup__close-layer,
.ar-reactivation-popup__close-layer,
.ar-reactivation-success-popup__close-layer,
.blacklist-popup__close-layer,
.completion-rate-popup__close-layer,
.contact-filter-popup__close-layer,
.ereputation-popup__close-layer,
.expired-offer-popup__close-layer,
.picture-popup__close-layer,
.profile-edit-nickname-city-popup__close-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.alert-moderator-popup__popup,
.ar-reactivation-popup__popup,
.ar-reactivation-success-popup__popup,
.blacklist-popup__popup,
.completion-rate-popup__popup,
.contact-filter-popup__popup,
.ereputation-popup__popup,
.expired-offer-popup__popup,
.picture-popup__popup,
.profile-edit-nickname-city-popup__popup,
.profile-error-modal__popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    background: #fff;
    padding: 2rem;
    width: 27rem
}
.alert-moderator-popup__close-button,
.ar-reactivation-popup__close-button,
.ar-reactivation-success-popup__close-button,
.blacklist-popup__close-button,
.completion-rate-popup__close-button,
.contact-filter-popup__close-button,
.expired-offer-popup__close-button,
.picture-popup__close-button,
.profile-edit-nickname-city-popup__close-button {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: .8rem;
    height: .8rem;
    fill: #8491a4
}
.profile-edit-nickname-city-popup__message-error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .2rem;
    text-align: left;
    color: #e13236;
    font-size: .7rem;
    font-style: italic
}
.dropdown-component__links button,
.member-card__mini-profile,
.spotify-picker--error__reset-button {
    outline: 0;
    border: 0;
    background: 0 0;
    padding: 0;
    overflow: visible;
    line-height: normal;
    color: inherit;
    font: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.alert-moderator-popup__action-button,
.ar-reactivation-popup__action-button,
.ar-reactivation-success-popup__cta,
.ar-reactivation__banner-cta,
.auto-promo-card__action-button,
.badge-gentleman-card__button,
.blacklist-popup__action-button,
.boost-starting-screen__launch-boost,
.cgu-layer__validate-cta,
.completion-rate-popup__completion-step-cta-edit,
.completion-rate-popup__completion-step-cta-offers,
.completion-rate-popup__cta-validate,
.contact-filter-popup__cta,
.cross-sell-card__button,
.dating-gallery__set-as-profile-pic-button,
.dating-inbox__action-button,
.dating-profile-disabled__cta,
.dating-profile-essay-edit__action-button-revert,
.dating-profile-essay-edit__action-button-update,
.dating-profile-search-card__not-premium-button,
.event-promo-card__action-button,
.event-rsvp-description__cta-book,
.event-rsvp-invite__form-cta,
.event-rsvp-registration__cta-book,
.event-rsvp-registration__cta-book-step-1,
.event-rsvp-registration__payment-cta,
.event-rsvp__cta-book,
.event-rsvp__hero-actions-back,
.ever-card__content-cta,
.expired-offer-popup__button,
.incognito-starting-screen__launch-incognito,
.interaction-card__action-button,
.intermediate-page-content__button,
.lara-promo-card__link,
.legal-cross-sell__cta,
.list-mini-profile__close,
.missing-feature__cta,
.mutual-match__discover-pass,
.notification-sync__button,
.nrc-promo-card__button,
.pass-promo__cta,
.picture-popup__crop-form-validate-button,
.picture-popup__facebook-upload,
.picture-popup__moderation-validate-button,
.profile-disabled-popup__cta,
.profile-edit-nickname-city-popup__cancel,
.profile-edit-nickname-city-popup__submit,
.profile-gentleman-badge__button,
.profile-picture-add-button__button,
.profile-picture-request__button,
.profile__hero-see-profile-button,
.registered-card__center-cta--paid,
.registered-card__center-cta--unpaid,
.resub-time-card-cta,
.search__forms-bottom-button,
.search__saved-searches-save-button,
.search__saved-searches-update-button,
.shuffle-promo__cta,
.single-parents-card__content-cta,
.so-layer__payment-cta,
.thread-list-zen-promo__button,
.trip-card__content-registration-cta,
.upcoming-card__content-registration-cta,
.visa-layer__payment-cta,
.zero-state__cta {
    display: block;
    -webkit-transition: background-color .25s, border-color .25s, color .25s, opacity .25s;
    -o-transition: background-color .25s, border-color .25s, color .25s, opacity .25s;
    transition: background-color .25s, border-color .25s, color .25s, opacity .25s;
    border: 2px solid;
    -webkit-border-radius: 1.8rem;
    border-radius: 1.8rem;
    background: 0 0;
    padding: .45rem 1rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.4;
    font-family: 'Rubik';
    font-size: .8rem;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.alert-moderator-popup__action-button:focus,
.ar-reactivation-popup__action-button:focus,
.ar-reactivation-success-popup__cta:focus,
.ar-reactivation__banner-cta:focus,
.auto-promo-card__action-button:focus,
.badge-gentleman-card__button:focus,
.blacklist-popup__action-button:focus,
.boost-starting-screen__launch-boost:focus,
.cgu-layer__validate-cta:focus,
.completion-rate-popup__completion-step-cta-edit:focus,
.completion-rate-popup__completion-step-cta-offers:focus,
.completion-rate-popup__cta-validate:focus,
.contact-filter-popup__cta:focus,
.cross-sell-card__button:focus,
.dating-gallery__set-as-profile-pic-button:focus,
.dating-inbox__action-button:focus,
.dating-profile-disabled__cta:focus,
.dating-profile-essay-edit__action-button-revert:focus,
.dating-profile-essay-edit__action-button-update:focus,
.dating-profile-search-card__not-premium-button:focus,
.event-promo-card__action-button:focus,
.event-rsvp-description__cta-book:focus,
.event-rsvp-invite__form-cta:focus,
.event-rsvp-registration__cta-book-step-1:focus,
.event-rsvp-registration__cta-book:focus,
.event-rsvp-registration__payment-cta:focus,
.event-rsvp__cta-book:focus,
.event-rsvp__hero-actions-back:focus,
.ever-card__content-cta:focus,
.expired-offer-popup__button:focus,
.incognito-starting-screen__launch-incognito:focus,
.interaction-card__action-button:focus,
.intermediate-page-content__button:focus,
.lara-promo-card__link:focus,
.legal-cross-sell__cta:focus,
.list-mini-profile__close:focus,
.missing-feature__cta:focus,
.mutual-match__discover-pass:focus,
.notification-sync__button:focus,
.nrc-promo-card__button:focus,
.pass-promo__cta:focus,
.picture-popup__crop-form-validate-button:focus,
.picture-popup__facebook-upload:focus,
.picture-popup__moderation-validate-button:focus,
.profile-disabled-popup__cta:focus,
.profile-edit-nickname-city-popup__cancel:focus,
.profile-edit-nickname-city-popup__submit:focus,
.profile-gentleman-badge__button:focus,
.profile-picture-add-button__button:focus,
.profile-picture-request__button:focus,
.profile__hero-see-profile-button:focus,
.registered-card__center-cta--paid:focus,
.registered-card__center-cta--unpaid:focus,
.resub-time-card-cta:focus,
.search__forms-bottom-button:focus,
.search__saved-searches-save-button:focus,
.search__saved-searches-update-button:focus,
.shuffle-promo__cta:focus,
.single-parents-card__content-cta:focus,
.so-layer__payment-cta:focus,
.thread-list-zen-promo__button:focus,
.trip-card__content-registration-cta:focus,
.upcoming-card__content-registration-cta:focus,
.visa-layer__payment-cta:focus,
.zero-state__cta:focus {
    opacity: 1;
    outline: 0
}
.alert-moderator-popup__action-button:disabled,
.alert-moderator-popup__action-button[disabled],
.ar-reactivation-popup__action-button:disabled,
.ar-reactivation-popup__action-button[disabled],
.ar-reactivation-success-popup__cta:disabled,
.ar-reactivation-success-popup__cta[disabled],
.ar-reactivation__banner-cta:disabled,
.ar-reactivation__banner-cta[disabled],
.auto-promo-card__action-button:disabled,
.auto-promo-card__action-button[disabled],
.badge-gentleman-card__button:disabled,
.badge-gentleman-card__button[disabled],
.blacklist-popup__action-button:disabled,
.blacklist-popup__action-button[disabled],
.boost-starting-screen__launch-boost:disabled,
.boost-starting-screen__launch-boost[disabled],
.cgu-layer__validate-cta:disabled,
.cgu-layer__validate-cta[disabled],
.completion-rate-popup__completion-step-cta-edit:disabled,
.completion-rate-popup__completion-step-cta-edit[disabled],
.completion-rate-popup__completion-step-cta-offers:disabled,
.completion-rate-popup__completion-step-cta-offers[disabled],
.completion-rate-popup__cta-validate:disabled,
.completion-rate-popup__cta-validate[disabled],
.contact-filter-popup__cta:disabled,
.contact-filter-popup__cta[disabled],
.cross-sell-card__button:disabled,
.cross-sell-card__button[disabled],
.dating-gallery__set-as-profile-pic-button:disabled,
.dating-gallery__set-as-profile-pic-button[disabled],
.dating-inbox__action-button:disabled,
.dating-inbox__action-button[disabled],
.dating-profile-disabled__cta:disabled,
.dating-profile-disabled__cta[disabled],
.dating-profile-essay-edit__action-button-revert:disabled,
.dating-profile-essay-edit__action-button-revert[disabled],
.dating-profile-essay-edit__action-button-update:disabled,
.dating-profile-essay-edit__action-button-update[disabled],
.dating-profile-search-card__not-premium-button:disabled,
.dating-profile-search-card__not-premium-button[disabled],
.event-promo-card__action-button:disabled,
.event-promo-card__action-button[disabled],
.event-rsvp-description__cta-book:disabled,
.event-rsvp-description__cta-book[disabled],
.event-rsvp-invite__form-cta:disabled,
.event-rsvp-invite__form-cta[disabled],
.event-rsvp-registration__cta-book-step-1:disabled,
.event-rsvp-registration__cta-book-step-1[disabled],
.event-rsvp-registration__cta-book:disabled,
.event-rsvp-registration__cta-book[disabled],
.event-rsvp-registration__payment-cta:disabled,
.event-rsvp-registration__payment-cta[disabled],
.event-rsvp__cta-book:disabled,
.event-rsvp__cta-book[disabled],
.event-rsvp__hero-actions-back:disabled,
.event-rsvp__hero-actions-back[disabled],
.ever-card__content-cta:disabled,
.ever-card__content-cta[disabled],
.expired-offer-popup__button:disabled,
.expired-offer-popup__button[disabled],
.incognito-starting-screen__launch-incognito:disabled,
.incognito-starting-screen__launch-incognito[disabled],
.interaction-card__action-button:disabled,
.interaction-card__action-button[disabled],
.intermediate-page-content__button:disabled,
.intermediate-page-content__button[disabled],
.lara-promo-card__link:disabled,
.lara-promo-card__link[disabled],
.legal-cross-sell__cta:disabled,
.legal-cross-sell__cta[disabled],
.list-mini-profile__close:disabled,
.list-mini-profile__close[disabled],
.missing-feature__cta:disabled,
.missing-feature__cta[disabled],
.mutual-match__discover-pass:disabled,
.mutual-match__discover-pass[disabled],
.notification-sync__button:disabled,
.notification-sync__button[disabled],
.nrc-promo-card__button:disabled,
.nrc-promo-card__button[disabled],
.pass-promo__cta:disabled,
.pass-promo__cta[disabled],
.picture-popup__crop-form-validate-button:disabled,
.picture-popup__crop-form-validate-button[disabled],
.picture-popup__facebook-upload:disabled,
.picture-popup__facebook-upload[disabled],
.picture-popup__moderation-validate-button:disabled,
.picture-popup__moderation-validate-button[disabled],
.profile-disabled-popup__cta:disabled,
.profile-disabled-popup__cta[disabled],
.profile-edit-nickname-city-popup__cancel:disabled,
.profile-edit-nickname-city-popup__cancel[disabled],
.profile-edit-nickname-city-popup__submit:disabled,
.profile-edit-nickname-city-popup__submit[disabled],
.profile-gentleman-badge__button:disabled,
.profile-gentleman-badge__button[disabled],
.profile-picture-add-button__button:disabled,
.profile-picture-add-button__button[disabled],
.profile-picture-request__button:disabled,
.profile-picture-request__button[disabled],
.profile__hero-see-profile-button:disabled,
.profile__hero-see-profile-button[disabled],
.registered-card__center-cta--paid:disabled,
.registered-card__center-cta--paid[disabled],
.registered-card__center-cta--unpaid:disabled,
.registered-card__center-cta--unpaid[disabled],
.resub-time-card-cta:disabled,
.resub-time-card-cta[disabled],
.search__forms-bottom-button:disabled,
.search__forms-bottom-button[disabled],
.search__saved-searches-save-button:disabled,
.search__saved-searches-save-button[disabled],
.search__saved-searches-update-button:disabled,
.search__saved-searches-update-button[disabled],
.shuffle-promo__cta:disabled,
.shuffle-promo__cta[disabled],
.single-parents-card__content-cta:disabled,
.single-parents-card__content-cta[disabled],
.so-layer__payment-cta:disabled,
.so-layer__payment-cta[disabled],
.thread-list-zen-promo__button:disabled,
.thread-list-zen-promo__button[disabled],
.trip-card__content-registration-cta:disabled,
.trip-card__content-registration-cta[disabled],
.upcoming-card__content-registration-cta:disabled,
.upcoming-card__content-registration-cta[disabled],
.visa-layer__payment-cta:disabled,
.visa-layer__payment-cta[disabled],
.zero-state__cta:disabled,
.zero-state__cta[disabled] {
    pointer-events: none
}
.profile__dropdown-button,
.profile__dropdown-button--active {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .25s, border-color .25s, color .25s, fill .25s;
    -o-transition: background-color .25s, border-color .25s, color .25s, fill .25s;
    transition: background-color .25s, border-color .25s, color .25s, fill .25s;
    border: 1px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem
}
.alert-moderator-popup__cancel,
.alert-moderator-popup__help-cta,
.blacklist-popup__cancel,
.boost-starting-screen__cancel-boost,
.incognito-starting-screen__cancel-incognito,
.list-mini-profile__content-infos-empty-text-link,
.picture-popup__cancel,
.picture-popup__crop-form-cancel-button {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    cursor: pointer;
    text-decoration: underline;
    color: #464648
}
.alert-moderator-popup__cancel:hover,
.alert-moderator-popup__help-cta:hover,
.blacklist-popup__cancel:hover,
.boost-starting-screen__cancel-boost:hover,
.incognito-starting-screen__cancel-incognito:hover,
.list-mini-profile__content-infos-empty-text-link:hover,
.picture-popup__cancel:hover,
.picture-popup__crop-form-cancel-button:hover {
    color: #8491a4
}
.meetic-multi-select__arrow,
.meetic-select__arrow {
    position: absolute;
    top: calc(50% - .25rem);
    right: .75rem;
    width: .65rem;
    height: .65rem
}
.dating-search-autocomplete-form__search-results,
.meetic-multi-select__search-results,
.meetic-multi-select__search-results--bottom-of-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
    border: 1px solid #bbc2cf;
    background: #fff;
    height: auto;
    max-height: 14rem;
    overflow-y: auto
}
.dating-search-autocomplete-form__result-wrapper--focus,
.dating-search-autocomplete-form__result-wrapper--normal,
.meetic-multi-select__result-wrapper {
    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
}
.dating-search-autocomplete-form__search-result--normal,
.dating-search-autocomplete-form__search-result--selected,
.meetic-multi-select__search-result--normal,
.meetic-multi-select__search-result--selected {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-transition: background .25s, color .25s;
    -o-transition: background .25s, color .25s;
    transition: background .25s, color .25s;
    padding: .5rem
}
.no-touch .dating-search-autocomplete-form__search-result--normal:hover,
.no-touch .meetic-multi-select__search-result--normal:hover {
    background: #eef0f5
}
.dating-search-autocomplete-form__search-result--selected,
.meetic-multi-select__search-result--selected {
    position: relative;
    color: #67bdc7;
    font-weight: 700
}
.dating-search-autocomplete-form__search-result--selected:before,
.meetic-multi-select__search-result--selected:before {
    position: absolute;
    right: .7rem;
    bottom: .45rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #67bdc7;
    background-image: url(https://iliusstd-a.akamaihd.net/core/assets/icons/white-checkmark-5aca33668a.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 1.2rem;
    height: 1.2rem;
    content: ' '
}
.no-touch .dating-search-autocomplete-form__search-result--selected:hover,
.no-touch .meetic-multi-select__search-result--selected:hover {
    background: #eef0f5
}
.ad-card,
.adblocker-card,
.auto-promo-card,
.badge-gentleman-card,
.card-list__billboard-card,
.cross-sell-card,
.cross-sell-card--double,
.event-promo-card,
.ever-card,
.interaction-card,
.interaction-card--stacked,
.lara-promo-card,
.member-card,
.nrc-promo-card,
.resub-time-card,
.shuffle-promo,
.single-parents-card,
.skyscraper-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background-color: #fff
}
.shuffle-incentive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    border: 2px dashed #464648;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    text-align: center;
    color: #464648
}
.card-list {
    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;
}
.card-list__grid {
    display: block;
    -webkit-animation: fadein .8s ease-in;
    animation: fadein .8s ease-in;
}
.card-list__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 210px !important;
    max-width: 16.6666% !important;
    padding: 15px;
}
.card-list__billboard-card {
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%
}
@media (min-width:1137px) {
    .card-list__billboard-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
@media screen and (max-width:1080px) {
    .card-list__card {
        max-width: 25% !important;
    }
}
.grid-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    max-width: 1440px;
    flex-wrap: wrap;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-animation: fadein .25s;
    animation: fadein .25s;
    width: 100%;
}
.card-list__babu-ad,
.card-list__barter-big-ad,
.cross-sell-card__adblock {
    display: none
}
.card-list__mini-profile-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 8
}
@media (min-width:1025px) {
    .card-list__babu-ad {
        display: block;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 2rem;
        min-height: 5.625rem
    }
    .card-list__barter-big-ad {
        display: block;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 2rem
    }
}
.profile-disabled-popup,
.profile-disabled-popup__picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-disabled-popup {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.profile-disabled-popup__picture {
    display: flex;
    position: relative;
    margin-bottom: 1rem
}
.profile-disabled-popup__picture-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 23.5%;
    border-radius: 23.5%;
    width: 6.5rem;
    height: 6.5rem
}
.profile-disabled-popup__picture-icon {
    position: absolute;
    right: -.5rem;
    bottom: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c5c8d2;
    padding: .5rem;
    width: 1.25rem;
    height: 1.25rem
}
.profile-disabled-popup__picture-icon path {
    fill: #fff
}
.profile-disabled-popup__title {
    margin-bottom: .5rem;
    text-align: center;
    color: #464648
}
.profile-disabled-popup__description {
    margin-bottom: 1rem;
    max-width: 100%;
    text-align: center;
    color: #8491a4;
    font-size: .8rem
}
.profile-disabled-popup__cta {
    border-color: #8491a4;
    background-color: #8491a4;
    color: #fff;
    margin: 1rem auto 0;
    min-width: 13rem
}
.profile-disabled-popup__cta:hover {
    border-color: #464648;
    background-color: #464648
}
.profile-disabled-popup__cta:disabled,
.profile-disabled-popup__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.badge-gentleman-card {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5rem;
    text-align: center
}
.badge-gentleman-card__icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 1rem;
    width: 5.5rem;
    height: 5.5rem
}
.badge-gentleman-card__title {
    margin-bottom: .5rem;
    text-align: center;
    line-height: 1.15;
    color: #464648;
    font-size: 1.38rem;
    font-weight: 300
}
.badge-gentleman-card__description {
    margin-bottom: 1.5rem;
    text-align: center;
    line-height: 1.28;
    color: #8491a4;
    font-size: .875rem;
    font-weight: 300
}
.badge-gentleman-card__button {
    border-color: #ed5565;
    background-color: #ed5565;
    color: #fff;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: .6rem;
    font-size: .75rem
}
.badge-gentleman-card__button:hover {
    border-color: #da4453;
    background-color: #da4453
}
.badge-gentleman-card__button:disabled,
.badge-gentleman-card__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.nrc-promo-card {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: -webkit-gradient(linear, left top, left bottom, from(#3223be), color-stop(5.1rem, #3223be), color-stop(5.1rem, #fff));
    background: -webkit-linear-gradient(top, #3223be, #3223be 5.1rem, #fff 5.1rem);
    background: -o-linear-gradient(top, #3223be, #3223be 5.1rem, #fff 5.1rem);
    background: linear-gradient(to bottom, #3223be, #3223be 5.1rem, #fff 5.1rem);
    padding: .8rem .5rem 1rem;
    overflow: hidden;
    text-align: center
}
.nrc-promo-card:after,
.nrc-promo-card:before {
    display: block;
    position: absolute;
    top: 3.94rem;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    content: ''
}
.nrc-promo-card:after {
    left: 50%;
    background-color: #3223be;
    width: 7.5rem;
    height: 2.31rem
}
.nrc-promo-card:before {
    right: 65%;
    background-color: #fff;
    width: 9.375rem;
    height: 2.94rem
}
.nrc-promo-card__icon {
    position: relative;
    z-index: 1;
    width: 8.6rem;
    height: 8.6rem
}
.nrc-promo-card__title {
    max-width: 100%;
    line-height: 1.15;
    color: #464648;
    font-size: 1.38rem;
    font-weight: 300
}
.nrc-promo-card__description {
    max-width: 100%;
    line-height: 1.28;
    color: #8491a4;
    font-size: .875rem;
    font-weight: 300
}
.nrc-promo-card__button {
    border-color: #3223be;
    background-color: #3223be;
    color: #fff;
    max-width: 100%;
    font-size: .75rem
}
.nrc-promo-card__button:hover {
    border-color: #6f65ac;
    background-color: #6f65ac
}
.nrc-promo-card__button:disabled,
.nrc-promo-card__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.cross-sell-card,
.cross-sell-card--double {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 1.5rem 1rem;
    font-family: 'Rubik'
}
.cross-sell-card--double {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}
.cross-sell-card__icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 2;
    background: #fff;
    width: 10rem;
    height: 4rem
}
.cross-sell-card__icon--double {
    width: 18rem;
    height: 6rem
}
.cross-sell-card__adblock--double,
.cross-sell-card__content,
.cross-sell-card__title {
    width: 100%;
    font-weight: 300;
    text-align: center
}
.cross-sell-card--double .cross-sell-card__title {
    margin-top: 1rem
}
.cross-sell-card__title {
    margin-bottom: .2rem;
    line-height: 1.15;
    color: #464648;
    font-size: 1.38rem
}
.cross-sell-card__content {
    margin-bottom: 1rem;
    line-height: 1.28;
    color: #8491a4;
    font-size: .9rem
}
.cross-sell-card__adblock--double {
    margin-top: 2rem;
    color: #8491a4;
    font-size: .7rem;
    font-style: italic
}
.cross-sell-card__button {
    border-color: #ed5565;
    background-color: #ed5565;
    color: #fff;
    max-width: 100%
}
.cross-sell-card__button:hover {
    border-color: #da4453;
    background-color: #da4453
}
.cross-sell-card__button:disabled,
.cross-sell-card__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.cross-sell-card__button.cross-sell-card__button-affiny {
    border-color: #ff6a58;
    background-color: #ff6a58
}
.cross-sell-card__button.cross-sell-card__button-affiny:hover {
    border-color: #ff3c25;
    background-color: #ff3c25
}
.news__card {
    margin: 2rem auto;
    width: 100%;
    max-width: 600px;
}
.auto-promo-card {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-family: 'Rubik'
}
.auto-promo-card--white {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem;
    color: #fff;
}
.auto-promo-card__icon {
    display: block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: .5rem;
    width: 7.5rem;
    height: 7.5rem
}
.auto-promo-card__title {
    margin-bottom: .5rem;
    line-height: 1.15;
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
    text-align: center;
}
.auto-promo-card__description {
    line-height: 1.28;
    font-weight: 300;
    text-align: center;
}
.auto-promo-card__action-button {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    font-size: .75rem
}
.auto-promo-card__action-button:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.auto-promo-card__action-button:disabled,
.auto-promo-card__action-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.auto-promo-card__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
}
.auto-promo-card__content--colored {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-border-top-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    -webkit-border-top-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #81c44e;
    padding-bottom: .5rem;
    color: #fff
}
.auto-promo-card--colored .auto-promo-card__icon {
    margin-bottom: 0;
    width: 5.5rem;
    height: 5.5rem;
    fill: #fff;
    fill-rule: evenodd
}
.auto-promo-card--colored .auto-promo-card__title {
    margin-bottom: 0;
    padding: .5rem 2rem;
    font-size: 1.625rem
}
.auto-promo-card--colored .auto-promo-card__description {
    margin-bottom: 0;
    padding: 0 .8rem;
    color: inherit
}
.auto-promo-card__border {
    position: absolute;
    right: 0;
    bottom: 4.8125rem;
    left: 0;
    background-image: url("data:image/svg+xml,\a %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 7.8 16'%3E\a %3Cellipse cx='3.9' cy='8' rx='2.5' ry='2.2' fill='%23eef0f5' /%3E\a %3C/svg%3E\a");
    background-repeat: repeat-x;
    background-position: center;
    height: 2rem
}
.auto-promo-card__border::after,
.auto-promo-card__border::before {
    position: absolute;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #eef0f5;
    width: 2rem;
    height: 2rem;
    content: ''
}
.single-parents-card,
.single-parents-card__content-cta {
    background-color: #f7414e;
    color: #fff
}
.auto-promo-card__border::before {
    left: -1rem
}
.auto-promo-card__border::after {
    right: -1rem
}
.auto-promo-card__action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5.8125rem;
    -ms-flex: 0 0 5.8125rem;
    flex: 0 0 5.8125rem;
    color: #fff
}
.auto-promo-card--colored .auto-promo-card__action-button {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: auto;
    width: 8.5rem
}
.single-parents-card__header {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.1rem 2rem .5rem
}
.single-parents-card__header-baby-icon {
    width: 6rem;
    height: 6rem;
    fill: #fff
}
.single-parents-card__content-title {
    padding: .2rem;
    font-size: 1.5rem
}
.single-parents-card-card__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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem
}
.single-parents-card__content-description {
    margin-bottom: .5rem;
    max-width: 100%;
    text-align: center;
    font-weight: lighter
}
.single-parents-card__content-partnership {
    margin: .5rem;
    font-size: .7rem;
    font-weight: lighter
}
.single-parents-card__content-logo-partner {
    width: 9rem;
    height: 2.5rem;
    fill: #fff
}
.single-parents-card__content-cta {
    margin: 1rem;
    border: 1px solid #fff;
    max-width: 100%
}
.single-parents-card__content-cta:hover {
    border-color: #fff;
    background-color: #fff;
    color: #f7414e
}
.single-parents-card__content-cta:disabled,
.single-parents-card__content-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.resub-time-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    font-family: 'Rubik'
}
.resub-time-card__first-shape {
    position: absolute;
    right: 1rem;
    bottom: 10rem;
    z-index: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-linear-gradient(315deg, #50c7a1, #4e83c4);
    background: -o-linear-gradient(315deg, #50c7a1, #4e83c4);
    background: linear-gradient(135deg, #50c7a1, #4e83c4);
    width: 34rem;
    height: 28rem
}
.resub-time-card__second-shape {
    position: absolute;
    top: 16rem;
    left: 18rem;
    z-index: 1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-linear-gradient(315deg, #50c7a1, #4e83c4);
    background: -o-linear-gradient(315deg, #50c7a1, #4e83c4);
    background: linear-gradient(135deg, #50c7a1, #4e83c4);
    width: 24rem;
    height: 15rem
}
.resub-time-card__container {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    padding: 1.8rem;
    color: #fff
}
.resub-time-card__icon-container,
.resub-time-card__title {
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.resub-time-card__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.9rem;
    width: 100%;
    min-height: 5rem
}
.resub-time-card__title-text {
    margin-bottom: .2rem;
    font-size: 1.3rem;
    font-weight: 300
}
.resub-time-card__title-countdown {
    font-size: 2rem;
    font-weight: 700
}
.resub-time-card__icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    width: 4.5rem;
    height: 4.5rem
}
.ever-card__header,
.lara-promo-card__content,
.resub-time-card__loading {
    display: -webkit-box;
    display: -webkit-flex
}
.resub-time-card-icon {
    margin-right: .1rem;
    width: 3rem;
    height: 3rem;
    fill: #4e83c4
}
.resub-time-card__description {
    margin-bottom: 1.2rem;
    text-align: center;
    color: #8491a4;
    font-size: .875rem;
    font-weight: 300
}
.resub-time-card-cta {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    font-size: .75rem
}
.resub-time-card-cta:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.resub-time-card-cta:disabled,
.resub-time-card-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.resub-time-card__loading {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.lara-promo-card {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}
.ever-card__header,
.lara-promo-card__content {
    display: -ms-flexbox;
    -webkit-flex-direction: column
}
.lara-promo-card__image {
    margin-bottom: 1rem;
    border: .4rem solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    width: 6rem;
    height: 6rem
}
.lara-promo-card__circles {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.lara-promo-card__circle-1 {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(76, 203, 248, .7);
    width: 3rem;
    height: 3rem
}
.lara-promo-card__circle-2 {
    position: absolute;
    top: 3rem;
    right: 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(76, 203, 248, .4);
    width: 5rem;
    height: 5rem
}
.lara-promo-card__circle-3 {
    position: absolute;
    top: 3.5rem;
    right: -8rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(22, 187, 245, .9);
    width: 12rem;
    height: 13rem
}
.lara-promo-card__circle-4 {
    position: absolute;
    bottom: -4rem;
    left: -4rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(76, 203, 248, .85);
    width: 10.5rem;
    height: 10.5rem
}
.lara-promo-card__content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    font-weight: 300
}
.lara-promo-card__title {
    max-width: 100%;
    color: #464648;
    font-size: 1.38rem
}
.lara-promo-card__description {
    max-width: 60%;
    text-align: center;
    color: #8491a4;
    font-size: .875rem
}
.lara-promo-card__link {
    border-color: #4ccbf8;
    background-color: #4ccbf8;
    color: #fff;
    margin-top: 1rem;
    max-width: 100%
}
.lara-promo-card__link:hover {
    border-color: #16bbf5;
    background-color: #16bbf5
}
.lara-promo-card__link:disabled,
.lara-promo-card__link[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.ever-card,
.ever-card__content-cta {
    background-color: #f7414e;
    color: #fff
}
.ever-card {
    background-position: bottom;
    -webkit-background-size: 103% 103%;
    background-size: 103%;
    width: 101%
}
.ever-card__header {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6rem
}
.event-promo__header,
.ever-card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}
.ever-card__header-ever-logo {
    margin: 1.8rem 0 1rem;
    width: 8rem
}
.ever-card__content {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.ever-card__content-corner--left {
    position: absolute;
    bottom: 2.6rem;
    left: 3.2rem;
    width: 1rem
}
.ever-card__content-corner--right {
    position: absolute;
    right: 3.2rem;
    bottom: 1.3rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 1rem
}
.ever-card__content-title {
    padding: .9rem 0 1.3rem;
    width: 11rem;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 400
}
.ever-card__content-description {
    font-weight: 100
}
.ever-card__content-partnership {
    padding: .5rem 0;
    font-size: .875rem;
    font-weight: 100
}
.ever-card__content-cta {
    margin: 2rem 0 1rem;
    border: 1px solid #fff;
    max-width: 100%
}
.event-promo-card__picture,
.shuffle__next-transparent-card {
    -webkit-border-top-left-radius: 1.5rem;
    -webkit-border-top-right-radius: 1.5rem
}
.ever-card__content-cta:hover {
    border-color: #fff;
    background-color: #fff;
    color: #f7414e
}
.ever-card__content-cta:disabled,
.ever-card__content-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.event-promo-card {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    min-width: 0
}
.event-promo__header {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.event-promo-card__event-info,
.shuffle-promo {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox
}
.event-promo-card__picture {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%
}
.event-promo-card__picto-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -2.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 5rem
}
.event-promo-card__picto {
    margin-bottom: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    fill: #67bdc7
}
.event-promo-card__title {
    margin: 0 .5rem .5rem;
    text-align: center;
    line-height: 1.15;
    color: #464648;
    font-size: 1.38rem;
    font-weight: 300
}
.event-promo-card__date,
.event-promo-card__venue {
    line-height: 1.28;
    color: #8491a4;
    font-size: .875rem
}
.event-promo-card__venue {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 300
}
.event-promo-card__date {
    font-weight: 300
}
.event-promo-card__price {
    line-height: 1.28;
    color: #67bdc7;
    font-size: .875rem;
    font-weight: 700
}
.event-promo-card__event-info {
    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%;
    text-align: center
}
.event-promo-card__action-button {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    margin: 1rem .9rem;
    font-size: .75rem
}
.event-promo-card__action-button:hover {
    border-color: #4ea5af;
    background-color: #4ea5af
}
.event-promo-card__action-button:disabled,
.event-promo-card__action-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.shuffle-promo {
    display: flex;
    font-family: 'Rubik'
}
.shuffle-promo__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.shuffle-promo__header-fireworks--left,
.shuffle-promo__header-fireworks--right {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .75rem
}
.shuffle-promo__header-fireworks {
    position: relative;
    top: 2rem;
    width: 4.3rem;
    height: 8rem
}
.shuffle-promo__header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.shuffle-promo__header-headline {
    margin-top: 1.5rem;
    text-align: center;
    color: #464648;
    font-weight: 300
}
.shuffle-promo__header-star {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    stroke: #464648;
    stroke-width: 1rem;
    fill: #fff
}
.shuffle-promo__content,
.shuffle-promo__content-bubble {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.shuffle-promo__header-title {
    margin-bottom: .5rem;
    text-align: center;
    color: #464648;
    font-family: 'Rubik';
    font-size: 1.6rem;
    font-weight: 700
}
.shuffle-promo__content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: -webkit-gradient(linear, left bottom, left top, from(#f7414e), color-stop(50%, #f7414e), color-stop(#fff), color-stop(50%, #fff));
    background: -webkit-linear-gradient(bottom, #f7414e, #f7414e 50%, #fff, #fff 50%);
    background: -o-linear-gradient(bottom, #f7414e, #f7414e 50%, #fff, #fff 50%);
    background: linear-gradient(0deg, #f7414e, #f7414e 50%, #fff, #fff 50%)
}
.shuffle-promo__content-bubble {
    display: flex;
    border: .4rem solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 8.5rem;
    height: 8.5rem;
    overflow: hidden
}
.shuffle-promo__content-center,
.shuffle-promo__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.shuffle-promo__content-bubble:first-child {
    position: relative;
    left: 3.5rem;
    z-index: 1
}
.shuffle-promo__content-bubble:nth-child(3) {
    position: relative;
    right: 3.5rem;
    z-index: 1
}
.shuffle-promo__content-picture {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.shuffle-promo__content-center {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background-color: #fff;
    width: 4.5rem;
    height: 4.5rem
}
.shuffle-promo__content-icon {
    width: 2.5rem;
    height: 2.5rem;
    fill: #f7414e
}
.shuffle-promo__footer {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-bottom-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    -webkit-border-bottom-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    background-color: #f7414e;
    height: 4.9rem
}
.shuffle-promo__cta {
    border-color: #fff;
    color: #fff;
    margin-top: .5rem;
    padding: .6rem 1.6rem
}
.shuffle-promo__cta:disabled,
.shuffle-promo__cta[disabled] {
    opacity: .4
}
.shuffle-promo__cta:hover {
    border-color: #eef0f5;
    background-color: #fff;
    color: #eef0f5
}
.adblocker-card__account,
.adblocker-card__barterbillboard,
.adblocker-card__eventsbabu,
.adblocker-card__eventslist,
.adblocker-card__eventsrsvp,
.adblocker-card__inbox,
.adblocker-card__interactionsbabu,
.adblocker-card__onlinesbabu,
.adblocker-card__profile,
.adblocker-card__searchbabu,
.adblocker-card__shuffle,
.adblocker-card__skyscraperbabu {
    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-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24)
}
.adblocker-card__barterbillboard,
.adblocker-card__eventsbabu,
.adblocker-card__interactionsbabu,
.adblocker-card__onlinesbabu {
    margin: 0 10%;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left
}
.adblocker-card__searchbabu {
    margin: 0 3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left
}
.adblocker-card__eventslist,
.adblocker-card__eventsrsvp,
.adblocker-card__profile,
.adblocker-card__skyscraperbabu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    text-align: center
}
.adblocker-card__eventslist {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.adblocker-card__account,
.adblocker-card__inbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    max-width: 18.75rem;
    text-align: center
}
.adblocker-card__shuffle {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    width: 100%;
    text-align: center
}
.adblocker-card__icon {
    margin: 0 1rem;
    width: 10rem;
    height: 10rem
}
.adblocker-card__text {
    padding: 1.5rem;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.adblocker-card__title {
    margin-bottom: .5rem;
    color: #464648;
    font-size: 1.4rem;
    font-weight: 300
}
.adblocker-card__description {
    margin-bottom: 1rem;
    color: #8491a4;
    font-size: .9rem;
    font-weight: 300
}
.member-card {
    min-width: 0
}
.member-card__picture-wrapper {
    position: relative;
    -webkit-flex-basis: 14.37rem;
    -ms-flex-preferred-size: 14.37rem;
    flex-basis: 14.37rem;
    -webkit-transition: -webkit-filter .8s;
    -o-transition: filter .8s;
    transition: filter .8s;
    transition: filter .8s, -webkit-filter .8s;
    -webkit-border-radius: 1.5rem 1.5rem 0 0;
    border-radius: 1.5rem 1.5rem 0 0;
    background-color: #eef0f5;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    overflow: hidden
}
.member-card__picture-wrapper .member-card__profile-link {
    display: block;
    width: 100%;
    height: 100%
}
.no-touch .member-card__picture-wrapper:hover .member-card__mini-profile {
    bottom: 0
}
.member-card__mm-background {
    position: absolute;
    bottom: -1.5rem;
    left: -.1rem;
    -webkit-background-size: 103% 103%;
    background-size: 103%;
    width: 101%;
    height: 3rem
}
.member-card__mini-profile {
    position: absolute;
    bottom: -4.5rem;
    -webkit-transition: bottom .1s ease-in-out;
    -o-transition: bottom .1s ease-in-out;
    transition: bottom .1s ease-in-out;
    background: rgba(0, 0, 0, .4);
    padding-bottom: 1rem;
    width: 100%;
    height: 3.5rem;
    line-height: 1.25rem;
    color: #fff;
    font-size: .875rem;
    font-weight: 600
}
.no-touch .member-card__mini-profile:hover {
    text-decoration: underline;
    color: #eef0f5
}
.member-card__cta-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.625rem;
    -ms-flex: 0 0 1.625rem;
    flex: 0 0 1.625rem;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 7;
    margin: 0 1.1rem;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    min-height: 0
}
.member-card__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: -webkit-box-flex .25s, -webkit-flex .25s;
    -o-transition: flex .25s;
    transition: flex .25s;
    transition: flex .25s, -webkit-box-flex .25s, -webkit-flex .25s, -ms-flex .25s;
    padding: .4rem .875rem .6rem;
    text-align: center;
    color: #464648;
    font-size: .9rem
}
.member-card__info--disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1.85rem 1rem;
    height: 4.8rem;
    text-align: center;
    color: #464648
}
.member-card__info--disabled .member-card__info-nickname {
    margin-top: .4rem;
    height: 2.2rem
}
.member-card__info--disabled-icon-background {
    position: absolute;
    top: .6rem;
    left: .6rem;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 1.3rem;
    height: 1.3rem
}
.member-card__disabled-icon {
    position: absolute;
    top: -1.25rem;
    right: 4.72rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c5c8d2;
    padding: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff
}
.member-card__info-nickname {
    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%;
    height: 2rem;
    overflow: hidden;
    color: inherit;
    font-size: 1.25rem;
    font-weight: 600
}
.member-card__info-nickname-string {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.online-status {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: .2rem;
    text-align: left;
    color: #00c2ab;
    font-family: sans-serif;
    font-size: 2rem
}
.member-card__info-more {
    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;
    white-space: nowrap;
    color: #8491a4
}
.member-card__info-deactivation-reason {
    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;
    color: #8491a4;
    font-size: .8rem
}
.member-card__info-city {
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.member-card__info-more-separator {
    margin: 0 .2rem
}
.member-card__info-mm {
    color: #f7414e
}
.member-card__new-member-status {
    background: -webkit-gradient(linear, left top, left bottom, from(#464648), color-stop(80%, transparent));
    background: -webkit-linear-gradient(#464648 0, transparent 80%);
    background: -o-linear-gradient(#464648 0, transparent 80%);
    background: linear-gradient(#464648 0, transparent 80%);
    padding: .5rem;
    width: 100%;
    height: 3rem;
    text-align: center;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.member-card__info-interaction {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .5625rem .125rem 0;
    height: 1.625rem;
    color: #8491a4;
    font-size: .625rem;
    font-weight: 500
}
.adblocker-cross-sell,
.interaction-card__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.ad-card,
.adblocker-card {
    -webkit-box-align: center
}
.member-card__info-interaction:first-letter {
    text-transform: uppercase
}
.ad-card {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.adblocker-card {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
    overflow: hidden;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.adblocker-cross-sell {
    display: flex;
    width: 100%
}
.skyscraper-card {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden
}
.shuffle-incentive {
    font-family: 'Rubik'
}
.interaction-card {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: center top 1.5rem no-repeat #fff;
    text-align: center
}
.interaction-card--stacked {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.interaction-card__text {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 3rem;
    max-width: 100%
}
.interaction-card__text-span {
    max-width: 100%
}
.interaction-card__icon-wrapper {
    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;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.interaction-card__icon {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 7.5rem;
    -ms-flex: 0 0 7.5rem;
    flex: 0 0 7.5rem;
    padding: 1rem;
    fill: #fff
}
.interaction-card__header {
    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%
}
.interaction-card__bubbles {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 6rem;
    height: 1.5rem
}
.interaction-card__side-icons {
    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;
    margin: .5rem .5rem 0
}
.interaction-card__side-icon--left,
.interaction-card__side-icon--right {
    fill: #fff;
    stroke: #fff
}
.interaction-card__side-icon--left {
    width: 2rem;
    height: 2rem
}
.interaction-card__side-icon--right {
    width: 1rem;
    height: 1rem
}
.interaction-card__action-button {
    border-color: #f7414e;
    background-color: #f7414e;
    color: #fff;
    width: 8.5rem;
    font-size: .75rem
}
.interaction-card__action-button:hover {
    border-color: #bf0f64;
    background-color: #bf0f64
}
.interaction-card__action-button:disabled,
.interaction-card__action-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
@-webkit-keyframes animateEnterBubbleSmall {
    from {
        -webkit-transform: translate(-28rem, -28rem);
        transform: translate(-28rem, -28rem);
        opacity: 0
    }
    to {
        -webkit-transform: translate(-12.8rem, -13rem);
        transform: translate(-12.8rem, -13rem);
        opacity: 1
    }
}
@keyframes animateEnterBubbleSmall {
    from {
        -webkit-transform: translate(-28rem, -28rem);
        transform: translate(-28rem, -28rem);
        opacity: 0
    }
    to {
        -webkit-transform: translate(-12.8rem, -13rem);
        transform: translate(-12.8rem, -13rem);
        opacity: 1
    }
}
@-webkit-keyframes animateLeaveBubbleSmall {
    from {
        -webkit-transform: translate(-12.8rem, -13rem);
        transform: translate(-12.8rem, -13rem);
        opacity: 1
    }
    to {
        -webkit-transform: translate(-28rem, -28rem);
        transform: translate(-28rem, -28rem);
        opacity: 0
    }
}
@keyframes animateLeaveBubbleSmall {
    from {
        -webkit-transform: translate(-12.8rem, -13rem);
        transform: translate(-12.8rem, -13rem);
        opacity: 1
    }
    to {
        -webkit-transform: translate(-28rem, -28rem);
        transform: translate(-28rem, -28rem);
        opacity: 0
    }
}
@-webkit-keyframes animateEnterBubbleLarge {
    from {
        -webkit-transform: translate(-34rem, -34rem);
        transform: translate(-34rem, -34rem);
        opacity: 0
    }
    to {
        -webkit-transform: translate(-15.8rem, -16rem);
        transform: translate(-15.8rem, -16rem);
        opacity: 1
    }
}
@keyframes animateEnterBubbleLarge {
    from {
        -webkit-transform: translate(-34rem, -34rem);
        transform: translate(-34rem, -34rem);
        opacity: 0
    }
    to {
        -webkit-transform: translate(-15.8rem, -16rem);
        transform: translate(-15.8rem, -16rem);
        opacity: 1
    }
}
@-webkit-keyframes animateLeaveBubbleLarge {
    from {
        -webkit-transform: translate(-15.8rem, -16rem);
        transform: translate(-15.8rem, -16rem);
        opacity: 1
    }
    to {
        -webkit-transform: translate(-34rem, -34rem);
        transform: translate(-34rem, -34rem);
        opacity: 0
    }
}
@keyframes animateLeaveBubbleLarge {
    from {
        -webkit-transform: translate(-15.8rem, -16rem);
        transform: translate(-15.8rem, -16rem);
        opacity: 1
    }
    to {
        -webkit-transform: translate(-34rem, -34rem);
        transform: translate(-34rem, -34rem);
        opacity: 0
    }
}
.thread-list__success-zen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: translate(-28rem, -28rem);
    -ms-transform: translate(-28rem, -28rem);
    transform: translate(-28rem, -28rem);
    -webkit-animation: animateEnterBubbleSmall .25s forwards;
    animation: animateEnterBubbleSmall .25s forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    z-index: 9;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #4e5f71;
    width: 28rem;
    height: 28rem
}
.thread-list__success-zen.ng-leave {
    -webkit-animation: animateLeaveBubbleSmall .25s none;
    animation: animateLeaveBubbleSmall .25s none
}
.thread-list-zen-promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    margin: 14.25rem 1rem 1rem 14rem;
    color: #fff;
    font-size: .8rem
}
.thread-list-zen-promo__header {
    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
}
.thread-list-zen-promo__icon {
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    fill-rule: evenodd;
    fill: #fff
}
.no-touch .thread-list-zen-promo__icon:hover {
    fill: #bbc2cf
}
.thread-list-zen-promo__title {
    font-size: .85rem;
    font-weight: 700
}
.thread-list-zen-promo__arrow {
    position: absolute;
    right: 10rem;
    bottom: 11.2rem;
    -webkit-transform: scaleX(-1) rotateZ(30deg);
    -ms-transform: scaleX(-1) rotate(30deg);
    transform: scaleX(-1) rotateZ(30deg);
    width: 1.8rem;
    height: 2.5rem;
    fill: #fff
}
.thread-list-zen-promo__text {
    margin: 1.8rem .5rem .5rem 0
}
.thread-list-zen-promo__button {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.thread-list-zen-promo__button:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.thread-list-zen-promo__button:disabled,
.thread-list-zen-promo__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.thread-list-zen-promo__close {
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    fill: #fff
}
.no-touch .thread-list-zen-promo__close:hover {
    fill: #bbc2cf
}
@media (min-width:1025px) {
    .thread-list__success-zen {
        -webkit-transform: translate(-34rem, -34rem);
        -ms-transform: translate(-34rem, -34rem);
        transform: translate(-34rem, -34rem);
        -webkit-animation: animateEnterBubbleLarge .25s forwards;
        animation: animateEnterBubbleLarge .25s forwards;
        width: 34rem;
        height: 34rem
    }
    .thread-list__success-zen.ng-leave {
        -webkit-animation: animateLeaveBubbleLarge .25s none;
        animation: animateLeaveBubbleLarge .25s none
    }
    .thread-list-zen-promo {
        margin: 17.25rem 1rem 1rem 17rem
    }
    .thread-list-zen-promo__arrow {
        right: 13rem;
        bottom: 14.2rem
    }
    .thread-list-zen-promo__text {
        margin: 1.8rem 2.5rem 1rem 0
    }
}
.thread-list-invitations__card-container {
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
    margin: .4rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    -webkit-box-shadow: 0 .25rem 1.25rem 0 rgba(140, 146, 166, .2);
    box-shadow: 0 .25rem 1.25rem 0 rgba(140, 146, 166, .2);
    background-color: #fff;
    padding: 1.25rem;
    height: 6.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.thread-list-invitations__card-container:hover {
    cursor: pointer
}
.thread-list-invitations__card-container .thread-list-invitations__card-arrow {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .1s ease-out;
    -o-transition: transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out, -webkit-transform .1s ease-out;
    height: 1.5rem
}
.thread-list-invitations__card-container:hover .thread-list-invitations__card-arrow {
    -webkit-animation-name: slowShake;
    animation-name: slowShake;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}
.thread-list-invitations__card-container:active .thread-list-invitations__card-arrow,
.thread-list-invitations__card-container:focus .thread-list-invitations__card-arrow {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}
.thread-list-invitations__card-container--empty:hover {
    cursor: default
}
.thread-list-invitations__card-picture {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3.75rem;
    -ms-flex: 0 0 3.75rem;
    flex: 0 0 3.75rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    fill: #f7414e
}
.thread-list-invitations__card-picture--empty {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3.75rem;
    -ms-flex: 0 0 3.75rem;
    flex: 0 0 3.75rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    fill: #8c92a6
}
.thread-list-invitations__card-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 1.25rem;
    color: #8c92a6
}
.thread-list-invitations__card-content strong {
    color: #f7414e;
    font-weight: 400
}
.thread-list-invitations__card-arrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.5rem;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    height: initial
}
.thread-list-invitations__card-arrow svg {
    fill: #f7414e
}
@media (min-width:1280px) {
    .thread-list-invitations__card-content {
        line-height: 1.4375rem;
        font-size: 1rem
    }
    .thread-list-invitations__card-container {
        margin: .7rem
    }
}
.thread-list-invitations__link-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.thread-list-invitations__link-title {
    color: #8c92a6
}
.thread-list-invitations__link-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.thread-list-invitations__link-link--enable {
    cursor: pointer;
    color: #f7414e;
    fill: #f7414e
}
.thread-list-invitations__link-link--enable:hover {
    color: #bf0f64;
    fill: #bf0f64
}
.thread-list-invitations__link-link--disable {
    cursor: default;
    color: #c5c8d2;
    fill: #c5c8d2
}
.thread-list-invitations__link-icon {
    margin-left: .25rem;
    width: 1.25rem;
    height: 1.25rem
}
@media (min-width:768px) {
    .thread-list-invitations__link-container {
        margin: .5rem 1rem 0
    }
    .thread-list-invitations__link-title {
        font-size: .875rem
    }
    .thread-list-invitations__link-link {
        font-size: .75rem;
        font-weight: 600
    }
}
@media (min-width:1056px) {
    .thread-list-invitations__link-container {
        margin: 1rem 2rem 0
    }
    .thread-list-invitations__link-title {
        font-size: 1rem
    }
    .thread-list-invitations__link-link {
        font-size: .875rem;
        font-weight: 600
    }
}
.thread-list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}
@media (min-width:0) {
    .thread-list__invitations {
        width: 16rem
    }
}
@media (min-width:769px) {
    .thread-list__invitations {
        width: 18rem
    }
}
@media (min-width:1280px) {
    .thread-list__invitations {
        width: 22.5rem
    }
}
.thread-list__invitations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: -22.5rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: right .3s ease-out;
    -o-transition: right .3s ease-out;
    transition: right .3s ease-out;
    z-index: 8;
    margin: 1rem 0 0;
    background: #fff;
    height: 100%;
    overflow-y: auto
}
.thread-list,
.thread-list--zen-promo,
.thread-list__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.thread-list__invitations--enable {
    right: 0
}
.thread-list__invitations-button {
    position: absolute;
    top: .857rem;
    left: 1rem;
    width: 1.5rem;
    height: 1.5rem
}
.thread-list__invitations-button:hover {
    cursor: pointer
}
.thread-list__invitations-icon {
    fill: #8c92a6
}
.thread-list__invitations-title {
    margin: .75rem 2.5rem;
    text-align: center;
    color: #1f2f49;
    font-weight: 700
}
@media (min-width:768px) {
    .thread-list__invitations-title {
        font-size: 1rem
    }
}
@media (min-width:1056px) {
    .thread-list__invitations-title {
        font-size: 1.25rem
    }
}
.thread-list,
.thread-list--zen-promo {
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 7;
    margin: 1rem 0 0;
    background: #fff;
    min-width: 0;
    overflow-y: auto
}
.thread-list__header,
.thread-list__threads-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.thread-list--zen-promo {
    overflow: hidden
}
.conversation,
.thread-list__threads,
.thread__message-list {
    -webkit-overflow-scrolling: touch
}
.thread-list__header {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem
}
.thread-list__header-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.thread-list__header-title {
    color: #464648;
    font-weight: 700
}
@media (min-width:768px) {
    .thread-list__header-title {
        font-size: 1rem
    }
}
@media (min-width:1056px) {
    .thread-list__header-title {
        font-size: 1.25rem
    }
}
.thread-list__header-icon,
.thread-list__header-icon--inactive {
    display: block;
    position: relative;
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    fill-rule: evenodd
}
.thread-list__header-icon {
    fill: #8491a4
}
.thread-list__header-icon--inactive {
    fill: #bbc2cf
}
.no-touch .thread-list__header-icon--inactive:hover,
.no-touch .thread-list__header-icon:hover {
    fill: #4ccbf8
}
.thread-list__header-zen-hint {
    display: none;
    top: 0
}
.no-touch .thread-list__header-icon:hover .thread-list__header-zen-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 3rem
}
.thread-list__header-zen-hint::before {
    left: calc(25% - .26rem)
}
.thread-list__header-delete-hint {
    display: none;
    top: 0;
    right: -.5rem;
    left: initial;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}
.thread-list__header-delete-hint::before {
    right: .8rem;
    left: initial
}
.no-touch .thread-list .thread-list__header-icon:hover .thread-list__header-delete-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.thread-list__header-cancel,
.thread-list__header-delete {
    padding: .125rem 0;
    color: #8491a4;
    font-family: 'Rubik';
    font-size: .9rem;
    font-weight: 700
}
.thread-list__filter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: .4rem;
    font-size: .8rem
}
.thread-list__threads {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1rem;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.thread-list-item__content-nickname{
    font-family: 'Rubik';
    font-weight: 500;
    font-size: 16px !important;
}
.thread-list-item__content-header-sender{
}
.thread-list-item__content-preview{
    font-size: 14px !important;
}
.thread-list__threads-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: .0625rem solid #dee0e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 5px;
}
.thread-list__empty-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #464648;
    font-size: .8rem;
    font-style: italic
}
.thread-list__loader,
.thread-list__placeholder {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}
.thread-list__loader {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem
}
.thread-list__placeholder-line-one,
.thread-list__placeholder-line-one-right,
.thread-list__placeholder-line-two,
.thread-list__placeholder-round-big,
.thread-list__placeholder-thread-header-line-one,
.thread-list__placeholder-thread-header-line-two {
    background: #eef0f5
}
.thread-list__placeholder {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1rem 0 0;
    background: #fff;
    min-width: 0
}
.thread-list__placeholder-thread {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0
}
.thread-list__placeholder-round-big {
    z-index: 7;
    margin-left: .9rem;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 3.8rem;
    height: 3.8rem
}
.thread-list__placeholder-thread-header-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    padding: .5rem
}
.thread-list__placeholder-header-line,
.thread-list__so-inbox-promo {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.thread-list__placeholder-thread-header-line-one {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .5rem;
    -ms-flex: 0 0 .5rem;
    flex: 0 0 .5rem;
    width: 35%
}
.thread-list__placeholder-thread-header-line-two {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .5rem;
    -ms-flex: 0 0 .5rem;
    flex: 0 0 .5rem;
    margin-top: .8rem;
    width: 80%
}
.thread-list__placeholder-header-line {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.thread-list__placeholder-line-one {
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: .5rem;
    width: 30%;
    height: .4rem
}
.thread-list__placeholder-line-one-right {
    width: 30%;
    height: .4rem;
    margin: .5rem 1rem .5rem auto
}
.thread-list__placeholder-line-two {
    margin-top: 1rem;
    margin-bottom: 1.2rem;
    margin-left: .5rem;
    width: 50%;
    height: .4rem
}
.thread-list__so-inbox-promo {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.inbox-thread-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%
}
.inbox-thread-wrapper__conversation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}
.inbox-profile-bar,
.thread__message-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}
.inbox-profile-bar {
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .8rem .4rem 0;
    border-bottom: 1px #bbc2cf solid;
    padding-bottom: .8rem
}
@media (min-width:769px) {
    .inbox-profile-bar {
        margin: .8rem 1rem 0
    }
}
.thread__message-list {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-basis: 1rem;
    -ms-flex-preferred-size: 1rem;
    flex-basis: 1rem;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
    min-height: 0;
    overflow: auto;
    overflow-x: hidden
}
.inbox-thread-wrapper__fti-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.inbox-thread-wrapper__input-quota-ecomodel,
.invitation-promo__swipe-card {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.inbox-thread-wrapper__input-quota-ecomodel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.inbox-thread-wrapper__profile-disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%
}
@media (min-width:0) {
    .inbox-thread-wrapper__conversation {
        margin-right: 0;
        width: 100%
    }
    .inbox-thread-wrapper__mutual-match {
        display: none
    }
}
@media (min-width:769px) {
    .inbox-thread-wrapper__conversation {
        margin-right: 1.2rem
    }
}
@media (min-width:1025px) {
    .inbox-thread-wrapper__conversation {
        margin-right: 0
    }
}
@media (min-width:1280px) {
    .inbox-thread-wrapper__conversation {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 calc(100% - 19.75rem);
        -ms-flex: 1 0 calc(100% - 19.75rem);
        flex: 1 0 calc(100% - 19.75rem);
        margin-right: 1.2rem
    }
    .inbox-thread-wrapper__mutual-match {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 1rem 0 0
    }
    .inbox-thread-wrapper__profile-disabled {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 calc(100% - 19.75rem);
        -ms-flex: 1 0 calc(100% - 19.75rem);
        flex: 1 0 calc(100% - 19.75rem)
    }
}
.invitation-promo__swipe-card {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 3.75rem 0;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .3)
}
.invitation-promo__swipe-card .swipe-card__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;
    margin-bottom: 1rem;
    width: 45rem;
    max-width: 100%;
    height: 25rem;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.invitation-promo-card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.invitation-promo-card__nail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 16rem
}
.invitation-promo-card__content--right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 2rem
}
.invitation-promo-card__content--title {
    margin-bottom: 1.5rem;
    color: #1f2f49
}
.invitation-promo-card__content--description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
    color: #8c92a6
}
.invitation-promo-card__check {
    margin-right: 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffedf4;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem
}
.invitation-promo-card__check--icon {
    margin: auto;
    width: 1.5rem;
    fill: #f7414e
}
.invitation-promo-card__content--cta.springbok-button {
    margin: 0
}
@media (min-height:0) {
    .invitation-promo__swipe-card {
        margin: 1rem 0
    }
}
@media (min-height:769px) {
    .invitation-promo__swipe-card {
        margin: 3.75rem 0
    }
}
@media (min-width:1025px) {
    .invitation-promo__swipe-card>.swipe-card__content {
        padding: 5rem 4.5rem 4rem;
        width: 53.4375rem;
        height: 29.375rem
    }
    .invitation-promo-card__content--description {
        margin-right: 3rem
    }
}
.invitations__profile-mini {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    cursor: pointer;
    width: 13.44rem
}
.invitations__profile-mini .gentleman-badge {
    width: 2rem;
    height: 2rem
}
.invitations__swipe-card {
    margin: 3.75rem 0;
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .3)
}
.invitations__swipe-card>.swipe-card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    padding-top: 3rem;
    padding-bottom: 1rem;
    width: 45rem;
    max-width: 100%;
    height: 26rem;
    max-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.invitations__title {
    text-align: center;
    color: #fff
}
.invitations__skip {
    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: #fff
}
.invitations__skip--icon {
    margin-left: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.invitations__skip:hover {
    cursor: pointer
}
.invitations-container .layer {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd1184), to(#f7414e));
    background-image: -webkit-linear-gradient(#dd1184, #f7414e);
    background-image: -o-linear-gradient(#dd1184, #f7414e);
    background-image: linear-gradient(#dd1184, #f7414e)
}
.invitations-onboarding {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1f2f49;
    width: 100%;
    height: 100%
}
.invitations__onboarding-decline-illu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.invitations__onboarding-illu--halo-icon {
    position: absolute;
    top: -6.5rem;
    left: .2rem;
    width: 2.5rem;
    fill: #fff
}
.invitations__onboarding-illu--hand-icon {
    position: absolute;
    top: -1.7rem;
    left: .4rem;
    z-index: 9;
    height: 20rem
}
.invitations__onboarding-decline-illu .rounded-square-picture {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.5rem
}
.invitations-container .layer-background__icons--left,
.invitations-container .layer-background__icons--right {
    opacity: .3
}
.invitation--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 2.5rem;
    padding-left: .5rem
}
.invitation--right-scroll {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden
}
.invitations__swipe-card-ctas,
.thread {
    -webkit-box-flex: 1;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}
.invitation__bubble-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .125rem
}
.invitations__swipe-card-ctas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.invitations__swipe-card-ctas--answer-mode {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 1.5rem
}
.invitations__swipe-card-ctas--top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.invitations-ctas__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5rem
}
.invitations__swipe-card-ctas--sended {
    margin-left: 4rem
}
.invitations__swipe-card-ctas-close {
    min-width: 1rem;
    height: 1rem
}
.invitations__swipe-card-ctas-decline {
    margin-top: 1.5rem;
    cursor: pointer;
    color: #8c92a6
}
.invitations__swipe-card .quick-info {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}
.invitations__swipe-card .invitations__quickinfo-payment .quick-info {
    position: inherit;
    margin: .5rem 0
}
.invitations__swipe-card .profile-essay {
    margin-bottom: 2rem
}
.invitations__swipe-card .rounded-square-picture__content {
    -webkit-border-radius: 28%;
    border-radius: 28%
}
.invitations__messages-placeholder {
    margin: 1em 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    height: 1.2rem
}
.invitations__end-link {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5.125rem;
    font-size: .875rem
}
.invitations__end-link-icon {
    margin-left: .4rem;
    width: 1.3rem;
    height: 1.3rem;
    fill: #fff
}
.invitations__onboarding-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 2rem
}
.invitations__onboarding-link-icon {
    width: 1.25rem;
    fill: #fff
}
.invitations__end-link:hover .invitations__end-link-icon {
    -webkit-animation: movingArrow .25s;
    animation: movingArrow .25s
}
.invitations__onboarding-decline--illu {
    margin: 1.5rem
}
.invitations__moderate {
    position: absolute;
    top: 1.9375rem;
    right: 1.875rem
}
.invitations__quickinfo {
    color: #1f2f49;
    font-size: .9rem
}
.invitations__swipe-card .similarities-header {
    padding-bottom: 1rem
}
.invitations__swipe-card .similarities-pictures {
    margin: 0 1rem 0 0
}
.invitations__swipe-card .similarities-avatar {
    width: 3rem;
    height: 3rem
}
.invitation__bubble-message .giphy {
    width: 15rem
}
@media (min-height:0) {
    .invitations__swipe-card {
        margin: 1rem 0
    }
}
@media (min-height:769px) {
    .invitations__swipe-card {
        margin: 3.75rem 0
    }
}
@media (min-width:1025px) {
    .invitations__swipe-card>.swipe-card__content {
        width: 53.4375rem;
        height: 29.375rem
    }
    .invitations__messages-wrapper {
        margin-bottom: 0
    }
    .invitations-ctas__wrapper {
        width: 28rem
    }
    .invitations__swipe-card-ctas .message-sender {
        min-width: 22rem
    }
    .invitations__quickinfo {
        font-size: 1rem
    }
}
.invitations-stack {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.invitations-stack .invitation-promo__swipe-card {
    z-index: 4
}
.invitations-stack .invitations__swipe-card:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 3;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}
.invitations-stack .invitations__swipe-card:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(6%) scale(.91);
    -ms-transform: translateX(6%) scale(.91);
    transform: translateX(6%) scale(.91);
    z-index: 2;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}
.invitations-stack .invitations__swipe-card:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(12.5%) scale(.81);
    -ms-transform: translateX(12.5%) scale(.81);
    transform: translateX(12.5%) scale(.81);
    z-index: 1;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}
.invitations-swipe-list__stack--swiping-yes.invitations__swipe-card:nth-child(1) {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
}
.invitations-swipe-list__stack--swiping-no.invitations__swipe-card:nth-child(1) {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
}
.thread {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-basis: 1rem;
    -ms-flex-preferred-size: 1rem;
    flex-basis: 1rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
    min-height: 0
}
.empty-conversations,
.inbox-promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.thread .infinite-scroll__container {
    position: inherit;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.empty-conversations {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20rem
}
.empty-conversations__bubble-container {
    margin: 1rem 0
}
.empty-conversations__bubble {
    position: relative;
    -webkit-border-radius: 1.93rem;
    border-radius: 1.93rem;
    padding: 1rem;
    font-size: 1.2rem
}
.empty-conversations__bubble--1 {
    left: -3rem;
    -webkit-border-bottom-left-radius: .225rem;
    border-bottom-left-radius: .225rem;
    background-color: #8c92a6;
    width: 15rem;
    color: #fff
}
.empty-conversations__bubble--2 {
    top: -1rem;
    right: -8rem;
    -webkit-border-bottom-right-radius: .225rem;
    border-bottom-right-radius: .225rem;
    background-color: #eef0f5;
    width: 10rem;
    color: #8c92a6
}
.empty-conversations__title {
    margin: .5rem 0;
    text-align: center;
    font-size: 1.3rem
}
.empty-conversations__description {
    margin: .5rem 0;
    text-align: center;
    font-size: 1rem
}
.empty-conversations__cta {
    margin: 2rem 0;
    width: 18rem;
    text-align: center
}
.inbox-promo {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0ffea;
    cursor: pointer;
    padding: .5rem 0;
    height: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.inbox-promo__content,
.inbox-promo__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}
.inbox-promo__icon {
    display: flex;
    -webkit-box-orient: vertical;
    -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;
    margin: 0 1rem;
    width: 2.5rem;
    height: 2.5rem
}
.inbox-promo__icon--gift,
.inbox-promo__icon--halo,
.inbox-promo__icon--premium,
.inbox-promo__icon--zen {
    fill: #39b900
}
.inbox-promo__icon--halo {
    position: relative;
    top: .25rem;
    height: .5rem
}
.inbox-promo__icon--gift,
.inbox-promo__icon--zen {
    height: 2rem
}
.inbox-promo__content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: .5rem
}
.inbox-promo__content--title {
    color: #39b900;
    font-size: .85rem
}
.inbox-promo__content--subtitle {
    color: #000;
    font-size: .8rem;
    font-weight: 300
}
.thread-list-item__wrapper--disabled,
.thread-list-item__wrapper--read,
.thread-list-item__wrapper--selected,
.thread-list-item__wrapper--unread {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.thread-list-item__wrapper--unread {
    position: relative;
}
.thread-list-item__wrapper--unread .thread-list-item__content-header-sender,
.thread-list-item__wrapper--unread .thread-list-item__content-preview {
    color: #000;
    font-weight: 700
}

.thread-list-item__wrapper--unread::after {
    content: '1';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    border-radius: 99rem;
    background-color: #f7414e;
    color: #fff;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}

.thread-list-item__content-preview::before {
    display: block;
    content: ''
}
.thread-list-item__wrapper--selected .thread-list-item__status--read {
    background: #fff;
    fill: #4ccbf8
}
.thread-list-item__wrapper--selected .thread-list-item__check-mark--read {
    fill: #4ccbf8
}
.thread-list-item__wrapper--selected {
    background: #4ccbf8;
    color: #fff
}
.thread-list-item__content-is-your-turn,
.thread-list-item__content-mutual-match {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: .375rem;
    width: 1.5rem;
    height: 1.5rem
}
.thread-list-item__content-is-your-turn {
    margin-left: 1rem;
    background-color: #eef0f5
}
.thread-list-item__content-mutual-match {
    margin-left: 1rem;
    background-color: #ffedf4
}
.thread-list-item__content-is-your-turn--icon {
    fill: #1f2f49
}
.thread-list-item__content-mutual-match--icon {
    fill: #f7414e
}
.thread-list-item__wrapper--selected .thread-list-item__content-header-sender,
.thread-list-item__wrapper--selected .thread-list-item__content-header-time,
.thread-list-item__wrapper--selected .thread-list-item__content-preview {
    color: #fff
}
.thread-list-item__wrapper--selected .thread-list-item__content-header-sender,
.thread-list-item__wrapper--selected .thread-list-item__content-preview {
    font-weight: 700
}
.thread-list-item__wrapper--disabled {
    background: #eef0f5
}
.thread-list-item__selector,
.thread-list-item__selector--selected {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1rem;
    -ms-flex: 0 0 1rem;
    flex: 0 0 1rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: .6rem;
    border: .1rem solid #8491a4;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 1rem;
    fill: transparent
}
.thread-list-item__selector--selected {
    border: .1rem solid #4ccbf8;
    background-color: #4ccbf8;
    fill: #fff
}
.thread-list-item__selector-icon {
    display: block
}
.thread-list-item,
.thread-list-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    min-width: 0
}
.thread-list-item {
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: .5rem 1rem .5rem .6rem;
    height: 4rem
}
.thread-list-item__icon {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 3.8rem;
    height: 3.8rem
}
.thread-list-item__icon-image {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #eef0f5;
    width: 100%;
    height: 100%
}
.thread-list-item__icon-disabled {
    position: absolute;
    right: -.5rem;
    bottom: 0;
    width: 2rem;
    height: 2rem
}
.thread-list-item__content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1rem
}
.thread-list-item__content-header {
    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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.conversation,
.conversation__bubble,
.conversation__mutual-match,
.inbox-sender__cta-send .springbok-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.thread-list-item__content-header-sender {
    -webkit-box-flex: 3;
    -webkit-flex: 3 1;
    -ms-flex: 3 1;
    flex: 3 1;
    margin-bottom: .3rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 400
}
.thread-list-item__online-status {
    position: absolute;
    -webkit-transform: translateX(2.85rem) translateY(2.75rem);
    -ms-transform: translateX(2.85rem) translateY(2.75rem);
    transform: translateX(2.85rem) translateY(2.75rem);
    border: .15rem solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #00c2ab;
    width: .65rem;
    height: .65rem;
    font-family: sans-serif;
    font-size: 1.8rem
}
.thread-list-item__content-header-time {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: right;
    color: #8491a4;
    font-size: .55rem;
    font-style: normal
}
.thread-list-item__content-preview {
    max-width: 90%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8491a4;
    font-size: .75rem
}
.thread-list-item__status--read,
.thread-list-item__status--received,
.thread-list-item__status--sent {
    position: absolute;
    right: 1rem;
    bottom: 1.2rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1rem;
    height: 1rem
}
.thread-list-item__status--sent {
    background: #4ccbf8
}
.thread-list-item__check-mark--read,
.thread-list-item__check-mark--received,
.thread-list-item__check-mark--sent {
    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;
    width: 80%;
    height: 100%
}
.thread-list-item__check-mark--sent {
    fill: #fff
}
.thread-list-item__check-mark--received {
    fill: #4ccbf8
}
.thread-list-item__check-mark--read {
    fill: #fff
}
.thread-list-item__status--received {
    background: #fff
}
.thread-list-item__status--read {
    background: #4ccbf8
}
.thread-list-item__wrapper--selected .giphy-icon-thread-list {
    border: 1px solid #fff
}
.giphy-icon-thread-list {
    display: inline-block;
    margin-left: .2rem;
    border: 1px solid #8491a4;
    padding: 0 .3rem
}
.conversation,
.profile-bar__last-connection-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.thread-list-item__icon .rounded-square-picture__content {
    -webkit-border-radius: 28%;
    border-radius: 28%
}
.profile-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1rem
}
.profile-bar__profile-mini {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}
.profile-bar__profile-mini--blacklisted {
    cursor: default
}
.profile-bar__profile-mini .profile-mini__picture {
    width: 3.75rem;
    height: 3.75rem
}
.profile-bar__profile-mini .gentleman-badge {
    width: 1.4rem;
    height: 1.4rem
}
.profile-bar .profile-mini__content--right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.profile-bar__last-connection-date {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1rem
}
.profile-bar__last-connection-date .last-connection-date {
    font-style: normal
}
.profile-bar__moderation {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.conversation {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    overflow-x: hidden
}
.conversation__mutual-match {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.conversation__mutual-match-title {
    margin-top: .75rem;
    color: #1f2f49
}
.conversation .message-bubble--received::before {
    display: none
}
.conversation__bubble,
.conversation__bubble-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.conversation__bubble--sent {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    max-width: 100%
}
.conversation__bubble {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}
.conversation__bubble-content {
    display: flex;
    max-width: 75%
}
.conversation__bubble-content--sent {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.conversation__date {
    margin: 1rem 0;
    text-align: center;
    color: #8c92a6
}
.conversation-message {
    margin-bottom: .125rem
}
.conversation-message--last-of-group {
    margin-bottom: .75rem
}
.conversation-message-details--received,
.conversation-message-details--sent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #8c92a6
}
.conversation-message-details--sent {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: .5rem .5rem 0 0
}
.conversation-message-details--received {
    margin-left: 2.5rem
}
.conversation-message-details__separator {
    padding: 0 .2rem
}
.conversation-message__error {
    margin-top: .25rem;
    margin-right: .5rem;
    text-align: right;
    line-height: normal;
    color: #e13236
}
.conversation__zen-icon {
    margin-left: .5rem;
    width: 1rem;
    height: 1rem;
    fill: #4ccbf8
}
.conversation__sender-picture {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: .2rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem
}
.conversation__bubble-content .giphy {
    width: 18.6rem
}
.scroll-bottom {
    height: 1rem
}
.inbox-sender__wrapper {
    padding-top: .5rem
}
.inbox-sender__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem
}
.inbox-sender__cta-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.inbox-sender__cta-gif-icon,
.inbox-sender__cta-smiley-icon,
.inbox-sender__cta-spotify-icon {
    margin: .25rem;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    fill: #8c92a6
}
.inbox-sender__cta-gif-icon:hover,
.inbox-sender__cta-smiley-icon:hover,
.inbox-sender__cta-spotify-icon:hover {
    fill: #6f7790
}
.inbox-sender__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .5rem;
    outline: 0;
    border: 0;
    -webkit-border-radius: 1.125rem;
    border-radius: 1.125rem;
    background-color: #eef0f5;
    padding: .4375rem .75rem .375rem;
    min-height: 2.75rem;
    max-height: 5.5rem;
    caret-color: #f7414e;
    text-align: left;
    white-space: pre-wrap;
    color: #1f2f49;
    font-weight: 500;
    word-break: break-word;
    resize: none;
    overflow-y: auto
}
@media (min-width:768px) {
    .inbox-sender__input {
        line-height: 1rem;
        font-size: .75rem
    }
}
.inbox-sender-textarea__input::-webkit-input-placeholder {
    display: block;
    opacity: 1;
    color: #8c92a6
}
.inbox-sender-textarea__input::-moz-placeholder {
    display: block;
    opacity: 1;
    color: #8c92a6
}
.inbox-sender-textarea__input::-ms-input-placeholder {
    display: block;
    opacity: 1;
    color: #8c92a6
}
.inbox-sender-textarea__input::placeholder {
    display: block;
    opacity: 1;
    color: #8c92a6
}
.inbox-sender__cta-send .springbok-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    color: #f7414e;
    font-size: .875rem;
    font-weight: 600;
    fill: #f7414e
}
.inbox-sender__content--disabled .inbox-sender__cta-gif-icon,
.inbox-sender__content--disabled .inbox-sender__cta-smiley-icon,
.inbox-sender__content--disabled .inbox-sender__cta-spotify-icon,
.inbox-sender__content--disabled .inbox-sender__input,
.inbox-sender__cta-send--empty .springbok-button {
    cursor: default
}
.inbox-sender__cta-send .springbok-button:hover {
    color: #bf0f64;
    fill: #bf0f64
}
.inbox-sender__cta-send--empty .springbok-button,
.inbox-sender__cta-send--empty .springbok-button:hover {
    color: rgba(140, 146, 166, .5);
    fill: rgba(140, 146, 166, .5)
}
.conversation-blocker__container {
    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-bottom: 1.5rem
}
.conversation-blocker,
.conversation-blocker__quickinfo {
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.inbox-sender__cta-send-icon {
    margin: .25rem;
    width: 2rem;
    height: 2rem
}
.conversation-blocker {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .18);
    background-color: #fff;
    cursor: pointer;
    padding: 1.25rem;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    white-space: pre
}
.conversation-blocker__quickinfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}
.mail-init__header,
.profiles-interaction {
    display: -ms-flexbox;
    display: -webkit-flex
}
.conversation-blocker .quick-info {
    margin-bottom: .5rem
}
.conversation-blocker .meetic-icon-static {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.conversation-blocker .springbok-button {
    margin-right: 0;
    padding: .565rem 1.185rem
}
.conversation-blocker--square {
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem
}
@media (min-width:1056px) {
    .inbox-sender__input {
        line-height: 1.25rem;
        font-size: .875rem
    }
    .conversation-blocker {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .conversation-blocker__quickinfo {
        margin-right: .25rem
    }
    .conversation-blocker .quick-info {
        margin-bottom: 0
    }
    .conversation-blocker--square {
        -webkit-border-radius: 6.25rem;
        border-radius: 6.25rem
    }
}
.profiles-interaction {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.profiles-interaction__interaction-chat-icon--icon,
.profiles-interaction__interaction-mm-icon--icon {
    position: absolute;
    top: calc(50% - 1.125rem);
    left: calc(50% - 1.125rem);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: .375rem;
    width: 1.5rem;
    height: 1.5rem
}
.profiles-interaction__interaction-chat-icon--icon {
    background-color: #fff
}
.profiles-interaction__interaction-mm-icon--icon {
    background-color: #f7414e;
    fill: #fff
}
.profiles-interaction__picture-placeholder {
    margin: .25rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 3rem;
    height: 3rem
}
.profiles-interaction__rounded-picture {
    margin: .25rem -.175rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 3rem;
    height: 3rem
}
.profiles-interaction__rounded-picture--mm {
    border: 3px solid #f7414e
}
.mail-init-wrapper {
    margin-top: 1.75rem
}
.mail-init__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .75rem 0
}
.mail-init__title-placeholder {
    margin: .25rem 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    width: 20rem;
    height: 1.25rem
}
.mail-init__header-title {
    color: #1f2f49
}
.mail-init__subtitle-placeholder {
    margin: .1875rem 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    width: 90%;
    height: .875rem;
    text-align: center;
    margin-bottom: 25px;
}
.mail-init__header-subtitle {
    color: #8c92a6
}
.mail-init__list-placeholder {
    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;
    margin: 2rem 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    width: 22rem;
    height: 2.125rem
}
.mail-init__list-placeholder .generic-placeholder {
    height: .875rem
}
.mail-init-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    width: 18rem
}
.mail-init__empty-similarities {
    margin-top: 1.5rem;
    width: 20rem;
    text-align: center;
    color: #8c92a6
}
.mail-init-list .reflist-list {
    width: 100%
}
.conversation-placeholder {
    height: 100%
}
.conversation-placeholder--galery-close {
    overflow: auto
}
.message-bubble--received,
.message-bubble--sent {
    position: relative;
    line-height: 1.438rem;
    white-space: pre-wrap;
    color: #1f2f49;
    word-break: break-word;
    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-border-radius: 1.125rem;
    border-radius: 1.125rem;
    padding: .5rem .75rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: .75rem
}
.message-bubble--sent {
    background-color: #f7414e;
    color: #fff;
    margin-right: 10px;
}
.message-bubble--received {
    background-color: #eef0f5;
    color: #1f2f49
}
.empty-thread-onboarding {
    background-color: rgba(31, 47, 73, .5)
}
.empty-thread-onboarding__popup {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: auto;
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    background-color: #fff;
    padding: 3rem;
    width: 22rem
}
.dating-inbox,
.dating-inbox__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.empty-thread-onboarding__popup--icon {
    width: 12.8125rem;
    height: 12.8125rem
}
.empty-thread-onboarding__popup--title {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    text-align: center;
    color: #1f2f49
}
.empty-thread-onboarding__popup--description {
    margin-bottom: 1.5rem;
    text-align: center;
    color: #8c92a6
}
.dropdown-component__links button,
.profile-status--picture .profile-status__content--action {
    text-align: left
}
.dating-inbox {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 1441px;
    margin: 0 auto;
}
.dating-inbox__wrapper {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.dating-inbox__thread-list-container {
    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;
    z-index: 6;
    margin-right: 1.2rem;
    min-width: 0
}
.dating-inbox__thread-wrapper-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0 0
}
@media (min-width:0) {
    .dating-inbox__thread-list-container {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 16rem;
        -ms-flex: 0 1 16rem;
        flex: 0 1 16rem;
        min-width: 16rem
    }
    .dating-inbox__thread-wrapper-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: calc(100% - 18.4rem)
    }
}
@media (min-width:769px) {
    .dating-inbox__thread-list-container {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 18rem;
        -ms-flex: 0 1 18rem;
        flex: 0 1 18rem;
        margin: 0 1.2rem;
        min-width: 18rem
    }
    .dating-inbox__thread-wrapper-container {
        max-width: calc(100% - 20.4rem)
    }
}
@media (min-width:1025px) {
    .dating-inbox__thread-list-container {
        margin: 0 1.2rem 0 0
    }
    .dating-inbox__thread {
        margin-right: .5rem
    }
    .dating-inbox {
        padding: 0 2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}
@media (min-width:1280px) {
    .dating-inbox__thread-list-container {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 22.5rem;
        -ms-flex: 0 1 22.5rem;
        flex: 0 1 22.5rem;
        min-width: 22.5rem
    }
    .dating-inbox__thread-wrapper-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: calc(100% - 23.5rem)
    }
}
.dating-inbox__zero-state {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 1.5rem
}
.dating-inbox__action-button {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1rem
}
.dating-inbox__action-button:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.dating-inbox__action-button:disabled,
.dating-inbox__action-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
@media (min-width:1441px) {
    .dating-inbox {
        padding: 0
    }
}
.dating-inbox__toaster-close-button-icon {
    display: block;
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 9;
    width: 1rem;
    height: 1rem;
    fill: #fff
}
.dating-inbox__empty-conversations,
.dating__loader-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.dating-inbox__toaster-close-button-icon:hover {
    cursor: pointer;
    fill: #bbc2cf
}
.dating-inbox__empty-conversations {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1rem 1.2rem 0 0;
    background-color: #fff
}
.dating__loader-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.dating-infinite-scroll {
    overflow: auto
}
.carousel__content,
.meetic-carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.carousel__button-left--default,
.carousel__button-left--small,
.carousel__button-right--default,
.carousel__button-right--small {
    z-index: 5;
    cursor: pointer
}
.carousel__button-left--default,
.carousel__button-right--default {
    position: absolute;
    top: 0;
    bottom: 0
}
.carousel__button-left--default {
    right: 50%;
    left: 0
}
.carousel__button-right--default {
    right: 0;
    left: 50%
}
.carousel__button-left--default:hover>.pictures-slider__next,
.carousel__button-left--default:hover>.pictures-slider__previous,
.carousel__button-left--small:hover>.pictures-slider__next,
.carousel__button-left--small:hover>.pictures-slider__previous,
.carousel__button-right--default:hover>.pictures-slider__next,
.carousel__button-right--default:hover>.pictures-slider__previous,
.carousel__button-right--small:hover>.pictures-slider__next,
.carousel__button-right--small:hover>.pictures-slider__previous {
    background: #464648
}
.carousel__button-left--default:hover .pictures-slider__previous-arrow,
.carousel__button-left--small:hover .pictures-slider__previous-arrow,
.carousel__button-right--default:hover .pictures-slider__next-arrow,
.carousel__button-right--small:hover .pictures-slider__next-arrow {
    fill: #fff
}
.dropdown-component {
    position: relative
}
.dropdown-component__dots {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .3rem
}
.dropdown-component__close {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1rem
}
.dropdown-component__links,
.dropdown-component__links-transclude {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.dropdown-component__links:before {
    position: absolute;
    top: -1rem;
    right: 2rem;
    border: .5rem solid transparent;
    border-bottom: solid .5rem #fff;
    content: ' '
}
.dropdown-component__links {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 3.4rem;
    right: -1.25rem;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-box-shadow: 0 0 1.7rem -.2rem #8491a4;
    box-shadow: 0 0 1.7rem -.2rem #8491a4;
    background: #fff;
    cursor: auto;
    padding: 1rem 1.5rem
}
.dropdown-component__links a,
.dropdown-component__links button {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    margin-bottom: .5rem;
    text-decoration: underline;
    white-space: nowrap;
    color: #464648;
    font-size: .8rem;
    font-weight: 400
}
.no-touch .dropdown-component__links a:hover,
.no-touch .dropdown-component__links button:hover {
    color: #e13236
}
.dropdown-component__links-transclude {
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}
.cta-bar__button--favorite,
.cta-bar__button--message,
.cta-bar__button--friend,
.cta-bar__button-unblacklist,
.mutual-match__favorite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.37rem;
    -ms-flex: 0 0 1.37rem;
    flex: 0 0 1.37rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    padding: .75rem;
    height: 1.37rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
.cta-bar__button--favorite:active,
.cta-bar__button--favorite:focus,
.cta-bar__button--favorite:hover,
.cta-bar__button--favorite:link,
.cta-bar__button--favorite:visited,
.cta-bar__button--message:active,
.cta-bar__button--message:focus,
.cta-bar__button--message:hover,
.cta-bar__button--message:link,
.cta-bar__button--message:visited,
.cta-bar__button--friend:active,
.cta-bar__button--friend:focus,
.cta-bar__button--friend:hover,
.cta-bar__button--friend:link,
.cta-bar__button--friend:visited,
.cta-bar__button-unblacklist:active,
.cta-bar__button-unblacklist:focus,
.cta-bar__button-unblacklist:hover,
.cta-bar__button-unblacklist:link,
.cta-bar__button-unblacklist:visited,
.mutual-match__favorite:active,
.mutual-match__favorite:focus,
.mutual-match__favorite:hover,
.mutual-match__favorite:link,
.mutual-match__favorite:visited {
    outline: 0
}
.onboarding-screen__card-center-cta-favorites,
.onboarding-screen__card-center-cta-interaction--sent,
.onboarding-screen__card-center-cta-messages,
.onboarding-screen__card-icon-cta-interaction,
.onboarding-screen__card-icon-cta-messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.5rem;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    padding: .375rem;
    height: 1.5rem
}
.cta-bar__button--inactive.cta-bar__button--favorite,
.cta-bar__button--inactive.cta-bar__button--message,
.cta-bar__button--inactive.cta-bar__button--friend,
.cta-bar__button--inactive.cta-bar__button-unblacklist,
.cta-bar__button--inactive.mutual-match__favorite {
    background: #f7414e;
    cursor: default
}
.no-touch .cta-bar__button--active:hover {
    background-color: #eef0f5
}
.cta-bar__button--liked {
    background-color: #000
}
.cta-bar__button-icon {
    width: 100%;
    fill: #f7414e
}
.cta-bar__button--inactive.cta-bar__button--favorite .cta-bar__button-icon,
.cta-bar__button--inactive.cta-bar__button--message .cta-bar__button-icon,
.cta-bar__button--inactive.cta-bar__button-unblacklist .cta-bar__button-icon,
.cta-bar__button--inactive.mutual-match__favorite .cta-bar__button-icon {
    fill: #fff
}
.inbox-profile-bar__actions-cta-bar .cta-bar__button--favorite {
    padding: .58rem
}
.cta-bar__button-icon-background {
    position: absolute;
    top: .6rem;
    left: .6rem;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 1.3rem;
    height: 1.3rem
}
.cta-bar__button--message .cta-bar__button-icon {
    fill: #1f2f49
}
.cta-bar__button--friend .cta-bar__button-icon {
    fill: #000
}
.cta-bar__button--friend.cta-bar__button--friendsrequested .cta-bar__button-icon {
    fill: #fff
}
.cta-bar__button--friends {
    background-color: #f7414e;
}
.cta-bar__button--friendsrequested .cta-bar__button-icon,
.cta-bar__button--friends .cta-bar__button-icon {
    fill: #fff
}
.cta-bar__button-hint {
    display: none
}
.no-touch .cta-bar__button--favorite:hover .cta-bar__button-hint--reciprocal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.cta-bar__button-text {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f7414e;
    font-size: .85rem;
    font-weight: 700
}
.cta-bar__button--message .cta-bar__button-text {
    color: #1f2f49
}
.profile__hero-actions-cta-bar .cta-bar__button--favorite,
.profile__hero-actions-cta-bar .cta-bar__button--message,
.profile__hero-actions-cta-bar .cta-bar__button--friend,
.profile__hero-actions-cta-bar .cta-bar__button-unblacklist,
.profile__hero-actions-cta-bar .mutual-match__favorite {
    margin-right: 1rem;
    padding: .55rem
}
.profile__hero-actions-cta-bar .cta-bar__button-icon-background {
    top: .65rem;
    left: .65rem
}
.list-mini-profile__content-cta-bar .cta-bar__button--favorite,
.list-mini-profile__content-cta-bar .cta-bar__button--message,
.list-mini-profile__content-cta-bar .cta-bar__button--friend,
.list-mini-profile__content-cta-bar .cta-bar__button-unblacklist,
.list-mini-profile__content-cta-bar .mutual-match__favorite {
    margin: 0 .2rem
}
.list-mini-profile__content-cta-bar .cta-bar__button--active {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 9.2rem;
    -ms-flex: 0 0 9.2rem;
    flex: 0 0 9.2rem;
    -webkit-border-radius: 3rem;
    border-radius: 3rem
}
.list-mini-profile__content-cta-bar .cta-bar__button--active .cta-bar__button-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.4rem;
    -ms-flex: 0 0 1.4rem;
    flex: 0 0 1.4rem;
    margin-right: .2rem
}
.list-mini-profile__content-cta-bar .cta-bar__button--active .cta-bar__button-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem
}
.list-mini-profile__content-cta-bar .cta-bar__button--inactive {
    margin: 0 .4rem;
    border: .15rem solid #eef0f5
}
.list-mini-profile__content-cta-bar.list-mini-profile__content-cta-bar--mutual-match .cta-bar__button--favorite.cta-bar__button--inactive {
    display: none
}
@media (min-width:1280px) {
    .profile__hero-actions-cta-bar .cta-bar__button--active {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 11rem;
        -ms-flex: 0 0 11rem;
        flex: 0 0 11rem;
        -webkit-border-radius: 3rem;
        border-radius: 3rem
    }
    .profile__hero-actions-cta-bar .cta-bar__button--active .cta-bar__button-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 1.6rem;
        -ms-flex: 0 0 1.6rem;
        flex: 0 0 1.6rem;
        margin-right: .4rem
    }
    .profile__hero-actions-cta-bar .cta-bar__button--active .cta-bar__button-text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.cta-bar__button-unblacklist {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-border-radius: 3rem;
    border-radius: 3rem;
    background-color: #464648
}
.no-touch .cta-bar__button-unblacklist:hover {
    background-color: #2d2d2e
}
.cta-bar__button-unblacklist-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: .8rem
}
.cta-bar__button-unblacklist--big .cta-bar__button-unblacklist-text {
    font-size: .9rem;
    font-weight: 700
}
.cta-bar__unblacklist-description {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .5rem;
    font-size: .8rem;
    font-style: italic
}
@media (min-width:1280px) {
    .cta-bar__unblacklist-description {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.dating-premium-details {
    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;
    background-color: #81c44e;
    padding: .1rem .3rem .1rem .2rem
}
.dating-premium-details__icon {
    width: 1.5rem;
    height: .8rem;
    fill: #fff
}
.dating-premium-details__icon-text {
    padding: 0 .2rem;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 700
}
.dating-premium-details__info-text {
    color: #bbc2cf;
    font-size: .8rem;
    font-style: italic
}
.interactions-page {
    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-bottom: -2rem;
    background: #fff;
    width: 100%
}
.interactions-page__subtitle--link:hover {
    text-decoration: underline;
    color: #8491a4
}
.interactions-page__subtitle--span {
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
    margin: 0 1rem;
    cursor: default;
    text-decoration: underline;
    color: #464648
}
.interactions-page__subtitle--link {
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
    margin: 0 1.5rem;
    color: #bbc2cf
}
.intermediate-page {
    position: relative
}
.intermediate-page__list-grid {
    display: block;
    min-height: 28rem;
    max-height: 45rem;
    overflow: hidden
}
.intermediate-page__list-grid-item {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain
}
.intermediate-page__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2rem;
    height: 28rem
}
.intermediate-page-content__icon {
    margin: 2rem 0
}
.intermediate-page-content__icon .onboarding-screen__card {
    width: 10rem;
    height: 14rem
}
.intermediate-page-content__icon .onboarding-screen__card-avatar {
    height: 9.5rem
}
.intermediate-page-content__title {
    color: #464648;
    font-size: 1.5rem
}
.intermediate-page-content__description {
    color: #8491a4;
    font-size: 1rem
}
.intermediate-page-content__button {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    width: 10rem
}
.intermediate-page-content__button:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.intermediate-page-content__button:disabled,
.intermediate-page-content__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.dating-wrapper__list-background,
.search__results {
    -webkit-box-flex: 0;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding: 1.5rem 0 0;
    width: 100%;
    max-width: 1441px;
}
.discover__title,
.interactions-page__title,
.list__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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 1rem;
    max-width: 83rem;
    color: #464648;
    font-size: 1.25rem;
    font-weight: 700
}
.card-list__loading-state,
.discover-page__loading-state,
.interactions-page__loading-state,
.search-page__loading-state {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: #bbc2cf;
    font-size: 1.5em;
}
.checkbox-form__values,
.search-form__title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.search-form__title-wrapper {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .5rem;
    line-height: 1.5;
    color: #fff;
    font-size: .9rem
}
.dating-search-autocomplete-form__input,
.meetic-multi-select__button,
.search__placeautocomplete,
.text-input-form__form-input {
    outline: 0;
    border: 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    background-color: #fff;
    padding: .5rem
}
.dating-search-autocomplete-form__input::-webkit-input-placeholder,
.meetic-multi-select__button::-webkit-input-placeholder,
.search__placeautocomplete::-webkit-input-placeholder,
.text-input-form__form-input::-webkit-input-placeholder {
    color: #bbc2cf
}
.dating-search-autocomplete-form__input::-moz-placeholder,
.meetic-multi-select__button::-moz-placeholder,
.search__placeautocomplete::-moz-placeholder,
.text-input-form__form-input::-moz-placeholder {
    color: #bbc2cf
}
.dating-search-autocomplete-form__input::-ms-input-placeholder,
.meetic-multi-select__button::-ms-input-placeholder,
.search__placeautocomplete::-ms-input-placeholder,
.text-input-form__form-input::-ms-input-placeholder {
    color: #bbc2cf
}
.dating-search-autocomplete-form__input::placeholder,
.meetic-multi-select__button::placeholder,
.search__placeautocomplete::placeholder,
.text-input-form__form-input::placeholder {
    color: #bbc2cf
}
.checkbox-form__values {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    line-height: 1.5;
    color: #464648
}
.toggle-switch {
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.toggle-switch__label,
.toggle-switch__label--selected {
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
    margin-right: 1rem;
    color: #464648;
    font-weight: 700
}
.search__form .toggle-switch__label,
.search__form .toggle-switch__label--selected {
    color: #fff;
    font-size: .9rem;
    font-weight: 400
}
.toggle-switch__label--selected {
    color: #3d4650
}
.search__form .toggle-switch__label--selected {
    color: #eef0f5
}
.toggle-switch__value {
    width: 2.5rem
}
.search__form .toggle-switch__value {
    width: 4rem
}
.toggle-switch__button,
.toggle-switch__button--checked,
.toggle-switch__incognito-button,
.toggle-switch__incognito-button--checked,
.toggle-switch__incognito-button--disabled {
    display: block;
    position: relative;
    outline: 0;
    -webkit-border-radius: 400em;
    border-radius: 400em;
    background-color: #eef0f5;
    cursor: pointer;
    padding-bottom: 60%;
    width: 2.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.search__form .toggle-switch__button,
.search__form .toggle-switch__button--checked,
.search__form .toggle-switch__incognito-button,
.search__form .toggle-switch__incognito-button--checked,
.search__form .toggle-switch__incognito-button--disabled {
    background-color: rgba(255, 255, 255, .2);
    padding-bottom: 50%;
    width: 3.7rem
}
.toggle-switch__button--checked::before,
.toggle-switch__button::before,
.toggle-switch__incognito-button--checked::before,
.toggle-switch__incognito-button--disabled::before,
.toggle-switch__incognito-button::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    background-color: #8491a4;
    content: ''
}
.search__form .toggle-switch__button--checked::before,
.search__form .toggle-switch__button::before,
.search__form .toggle-switch__incognito-button--checked::before,
.search__form .toggle-switch__incognito-button--disabled::before,
.search__form .toggle-switch__incognito-button::before {
    background-color: transparent
}
.toggle-switch__button--checked::after,
.toggle-switch__button::after,
.toggle-switch__incognito-button--checked::after,
.toggle-switch__incognito-button--disabled::after,
.toggle-switch__incognito-button::after {
    display: block;
    position: absolute;
    top: .25rem;
    bottom: .25rem;
    left: .25rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(70, 70, 72, .12);
    box-shadow: 0 2px 5px rgba(70, 70, 72, .12);
    background-color: #fff;
    width: 40%;
    content: ''
}
.search__form .toggle-switch__button--checked::after,
.search__form .toggle-switch__button::after,
.search__form .toggle-switch__incognito-button--checked::after,
.search__form .toggle-switch__incognito-button--disabled::after,
.search__form .toggle-switch__incognito-button::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #4e5f71;
    width: 1.5rem
}
.toggle-switch__button--checked::before {
    background-color: #3d4650
}
.toggle-switch__button--checked::after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}
.search__form .toggle-switch__button--checked::after {
    background-color: #67bdc7
}
.toggle-switch__button-checkbox {
    position: absolute;
    visibility: hidden
}
@media (min-width:1025px) {
    .toggle-switch__label {
        max-width: 7.5rem
    }
}
.dating-search-autocomplete-form,
.dating-search-multiselect-form,
.dating-search-multiselect-form__input {
    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
}
.dating-search-autocomplete-form__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.dating-search-autocomplete-form__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}
.dating-search-autocomplete-form__search-results {
    top: 2.1rem;
    overflow: hidden
}
.dating-search-autocomplete-form__result-wrapper--focus {
    font-weight: 700
}
.search-form__localization-autocomplete {
    position: relative
}
.algolia-places {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.ap-input-icon {
    right: .5rem
}
.ap-dropdown-menu {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.search__geocoding-distance:disabled {
    background: #bbc2cf
}
.search__geocoding-distance::-moz-range-thumb,
.search__geocoding-distance::-ms-thumb {
    border-radius: 1rem;
    width: 1rem;
    height: 1rem;
    -moz-appearance: none;
    appearance: none
}
.search__geocoding-distance:disabled::-moz-range-thumb,
.search__geocoding-distance:disabled::-ms-thumb {
    display: none
}
.search__geocoding-distance::-webkit-slider-thumb {
    background-color: #3d4650;
    -webkit-appearance: none;
    appearance: none
}
.search__geocoding-distance:disabled::-webkit-slider-thumb {
    display: none
}
.search__geocoding-distance:focus {
    outline: 0
}
.search__geocoding-input-container {
    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__placeautocomplete {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 .5rem;
    min-width: 0;
    height: 2.15rem
}
.search__placeautocomplete::-ms-clear {
    display: none
}
.search__placeautocomplete:focus {
    outline: 0
}
.search__geocoding-button--loading,
.search__geocoding-button--normal {
    display: block;
    margin-left: .5rem;
    width: 1.5rem;
    height: 1.5rem
}
.search__geocoding-button--normal {
    fill: #3d4650
}
.search__geocoding-button--loading {
    fill: #8491a4
}
.search__geocoding-icon {
    display: block;
    width: 100%;
    height: 100%
}
.search__categories-list,
.search__geocoding-distance-text,
.search__placeautocomplete-list-element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.search__geocoding-distance-text {
    display: flex;
    margin-top: .5rem;
    color: #fff;
    font-size: .7rem
}
.search__geocoding-box-range-text-right {
    margin-left: auto
}
.search__geocoding-distance {
    display: block;
    background: 0 0;
    cursor: pointer;
    padding: 0;
    width: 100%;
    height: 1.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.search__geocoding-distance::-moz-focus-outer {
    border: 0
}
.search__geocoding-distance::-moz-range-thumb {
    margin: 0;
    border-radius: 50%;
    background: #67bdc7;
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
    box-sizing: border-box
}
.search__geocoding-distance::-webkit-slider-thumb {
    margin: -.4rem 0 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #67bdc7;
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__geocoding-distance::-ms-thumb {
    margin: 0;
    border-radius: 50%;
    background: #67bdc7;
    padding: 0;
    width: 1.2rem;
    height: 1.2rem;
    box-sizing: border-box
}
.search__geocoding-distance::-webkit-slider-runnable-track {
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background-color: rgba(255, 255, 255, .2);
    height: .4rem
}
.search__geocoding-distance::-ms-fill-upper {
    background: rgba(255, 255, 255, .2)
}
.search__geocoding-distance::-ms-fill-lower {
    background: rgba(255, 255, 255, .2)
}
.search__geocoding-distance::-ms-track {
    border: 0;
    height: .4rem;
    color: transparent
}
.search__placeautocomplete-list {
    position: absolute;
    top: 4rem;
    left: 0;
    z-index: 9;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #fff;
    width: 12.5rem
}
.search__placeautocomplete-list-element {
    display: flex;
    cursor: pointer;
    padding: .5rem;
    height: 1rem
}
.search__placeautocomplete-focus {
    background-color: #eef0f5
}
.search__placeautocomplete-focus:first-child {
    -webkit-border-top-left-radius: .3rem;
    border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    border-top-right-radius: .3rem
}
.search__placeautocomplete-focus:last-child {
    -webkit-border-bottom-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
    -webkit-border-bottom-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}
.search__placeautocomplete-list-icon--focused,
.search__placeautocomplete-list-icon--normal {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: .5rem;
    width: 1rem;
    min-width: 1rem
}
.search__placeautocomplete-list-icon--normal {
    fill: #464648
}
.search__placeautocomplete-list-icon--focused {
    fill: #3d4650
}
.search__placeautocomplete-list-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.search-form__localization-range-wrapper {
    margin-top: 1.5rem
}
.search__no-scroll {
    overflow: hidden
}
.search__sidebar {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #4e5f71;
    width: 100%;
    max-height: calc(100% - 13.5rem);
}
.search__categories-list {
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    background: #4e5f71;
    width: 90%;
    max-width: 1025px
}
.search__category-form-group,
.search__forms-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
@media (min-width:1025px) {
    .search__categories-list {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 7rem;
        -ms-flex: 0 0 7rem;
        flex: 0 0 7rem
    }
}
.search__forms-container {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    max-width: 1025px
}
.search__category-title {
    border-bottom: 1px #bbc2cf solid;
    background: #eef0f5;
    padding: 1rem;
    text-transform: uppercase;
    color: #464648;
    font-weight: 700
}
.search__category-form-group {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 0 0;
    min-width: 0;
    font-size: .8rem
}
.search__form {
    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-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 2rem;
    min-width: 0
}
.search-form__title--normal,
.search-form__title--selected {
    color: #fff
}
.search-form__counter {
    display: block;
    margin-left: .5rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background: #67bdc7;
    padding: .1rem .4rem;
    text-align: center;
    color: #fff;
    font-size: .8rem;
    font-weight: 400
}
.search__category-button--normal,
.search__category-button--selected {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color ease-in-out .25s;
    -o-transition: background-color ease-in-out .25s;
    transition: background-color ease-in-out .25s;
    padding: 0 .2rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: #fff
}
@media (min-width:1025px) {
    .search__category-button--normal,
    .search__category-button--selected {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 5.8rem;
        -ms-flex: 0 1 5.8rem;
        flex: 0 1 5.8rem;
        padding: 0 .5rem
    }
}
.search__category-label {
    display: none;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-top: .3rem;
    text-align: center;
    color: #fff;
    font-size: .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media (min-width:1025px) {
    .search__category-label {
        display: block
    }
}
.search__category-button--selected {
    color: #fff;
    position: relative
}
.search__category-button--normal {
    background: #4e5f71
}
.no-touch .search__category-button--normal:hover .search__category-label,
.no-touch .search__category-button--selected:hover .search__category-label {
    -webkit-transition: color ease-in-out .25s;
    -o-transition: color ease-in-out .25s;
    transition: color ease-in-out .25s;
    color: #67bdc7
}
.search__category-button--selected::after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #67bdc7;
    height: .25rem;
    content: ''
}
.search__category-button-counter {
    display: inline-block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #67bdc7;
    width: .5rem;
    height: .5rem
}
.search__category-icon {
    display: block;
    width: 2.2rem;
    height: 2.2rem
}
.search__forms-bottom-button,
.zero-state-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    color: #fff
}
.no-touch .search__category-button--normal:hover .search__category-icon,
.no-touch .search__category-button--selected:hover .search__category-icon {
    -webkit-transition: fill ease-in-out .25s;
    -o-transition: fill ease-in-out .25s;
    transition: fill ease-in-out .25s;
    fill: #67bdc7
}
.search__forms-bottom {
    margin: 1rem 0 2rem
}
.search__forms-bottom-button {
    border-color: #67bdc7;
    background-color: #67bdc7;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.search__forms-bottom-button:hover {
    border-color: #4ea5af;
    background-color: #4ea5af
}
.search__forms-bottom-button:disabled,
.search__forms-bottom-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.search__forms-bottom-button-loader {
    margin-right: .5rem
}
.search__forms-bottom-button-loader-icon {
    border: .2rem solid rgba(255, 255, 255, .1);
    border-top: .2rem solid rgba(255, 255, 255, .9);
    width: .75rem;
    height: .75rem
}
.search__forms-bottom-button-total {
    margin-right: .4rem
}
.search__forms-container--quicksearch {
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.search__forms-container--quicksearch .search__category-form-group {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
@media (min-width:1025px) {
    .search__forms-container--quicksearch .search__category-form-group {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22%;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%
    }
}
.search__category-form-group--quicksearch-1,
.search__category-form-group--quicksearch-2,
.search__category-form-group--quicksearch-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.search__category-form-group--quicksearch-0 .search__form {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.search__forms-container--description {
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.search__category-form-group--description-0,
.search__category-form-group--description-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.search__category-form-group--description-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
}
.search__category-form-group--description-2 .search__form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%
}
@media (min-width:1025px) {
    .search__forms-container--description {
        -webkit-box-flex: nowrap;
        -webkit-flex: nowrap;
        -ms-flex: nowrap;
        flex: nowrap
    }
    .search__category-form-group--description-0,
    .search__category-form-group--description-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .search__category-form-group--description-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%
    }
}
.search__forms-container--lifestyle {
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.search__category-form-group--lifestyle-1,
.search__category-form-group--lifestyle-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%
}
.search__category-form-group--lifestyle-2 .search__form {
    width: 100%
}
.search__category-form-group--lifestyle-1 {
    -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
}
@media (min-width:1025px) {
    .search__category-form-group--lifestyle-0 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .search__category-form-group--lifestyle-0 .search__form {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 31%;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%
    }
    .search__category-form-group--lifestyle-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 27%;
        -ms-flex: 0 0 27%;
        flex: 0 0 27%
    }
    .search__category-form-group--lifestyle-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18%;
        -ms-flex: 0 0 18%;
        flex: 0 0 18%
    }
}
.search__category-form-group--job-0 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.search__category-form-group--job-0 .search__form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}
.search__category-form-group--job-1 {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
@media (min-width:1025px) {
    .search__forms-container--job {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .search__category-form-group--job-0 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 35%;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%
    }
    .search__category-form-group--job-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%
    }
    .search__category-form-group--job-0 .search__form {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}
.search__category-form-group--origin-0 .search__form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%
}
.search__forms-container--values {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.search__category-form-group--values-0 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.search__forms-container--values .search__form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%
}
@media (min-width:1025px) {
    .search__category-form-group--values-0 {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .search__forms-container--values .search__form {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin: 0 1rem
    }
}
.search__category-form-group--leisure-0 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.search__category-form-group--leisure-0 .search__form {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%
}
@media (min-width:1025px) {
    .search__category-form-group--leisure-0 .search__form {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22.5%;
        -ms-flex: 0 0 22.5%;
        flex: 0 0 22.5%
    }
}
.zero-state-result {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
    max-width: 44.7rem;
    font-weight: 300
}
.search__search-bar-container,
.zero-state-result__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.zero-state-result__container {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background-color: #67bdc7;
    padding: 1rem 3rem
}
.zero-state-result__content {
    font-size: .9375rem
}
.zero-state-result__separator {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: .9rem 1.7rem
}
.zero-state-result__title {
    font-size: 1.75rem
}
@media (min-width:0) {
    .zero-state-result__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .zero-state-result__content {
        text-align: center;
        line-height: 1.4
    }
    .zero-state-result__separator {
        border-bottom: 1px solid #fff
    }
    .zero-state-result__title {
        text-align: center;
        line-height: 1.2
    }
}
@media (min-width:769px) {
    .zero-state-result__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .zero-state-result__separator {
        border-left: 1px solid #fff
    }
    .zero-state-result__title {
        text-align: right;
        line-height: 1.2
    }
    .zero-state-result__content {
        text-align: left;
        line-height: 1.7
    }
}
.search__search-bar-container {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1441px;
    -ms-flex: 0 1441px;
    flex: 0 1441px
}
.search__search-bar,
.search__search-bar--hidden {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    left: 0;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #3d4650
}
.search__search-bar--hidden {
    display: none
}
.search__filter-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.search__clear-button {
    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: 0 1rem;
    text-decoration: underline;
    color: #fff;
    font-size: .75rem
}
.no-touch .search__clear-button:hover {
    color: #8491a4
}
.search__actions {
    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;
    width: 10rem
}
.search__actions-button {
    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: .20625rem;
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
    background: #67bdc7;
    padding: 0 1rem;
    height: 1.875rem;
    overflow: hidden;
    text-transform: uppercase;
    white-space: nowrap;
    color: #fff;
    font-size: .75rem
}
.no-touch .search__actions-button:hover {
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
    background: #4ea5af;
    cursor: pointer
}
.dating-search-tag {
    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;
    margin: .20625rem;
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
    background: #4e5f71;
    height: 1.875rem;
    overflow: hidden;
    color: #fff;
    font-size: .75rem
}
.dating-search-tag__value-text {
    max-width: 17rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
@media (min-width:1025px) {
    .dating-search-tag__value-text {
        max-width: 23rem
    }
}
.dating-search-tag__field {
    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 .5rem 0 .9375rem;
    line-height: 1.875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.dating-search-tag__close {
    display: block;
    padding: .46875rem .625rem .46875rem .46875rem;
    width: .9375rem;
    fill: #fff
}
.no-touch .dating-search-tag__close:hover {
    fill: #3d4650
}
.dating-search-tag__icon {
    margin-right: .3rem;
    width: 1rem;
    fill: #fff
}
.search__saved-searches-select-container {
    position: relative;
    margin: .20625rem
}
.search__saved-searches-select-container .search__saved-searches-select-default-btn {
    -webkit-border-radius: .9375rem;
    border-radius: .9375rem;
    background: #67bdc7;
    padding: 0 1rem;
    height: 1.875rem;
    overflow: hidden;
    text-transform: uppercase;
    color: #fff;
    font-size: .75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1
}
.search__saved-searches-select-container .search__saved-searches-select-default-btn:hover {
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border-color: #4ea5af;
    background-color: #4ea5af;
    cursor: pointer
}
.search__saved-searches-select-container .search__saved-search-label {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1rem;
    min-width: 12.5rem;
    max-width: 14.375rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.search__saved-searches-select-container .search__saved-search-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: .8125rem;
    height: .5rem;
    fill: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__saved-searches-select-container .search__saved-searches-select-item {
    background-color: #8491a4;
    padding: .6rem 1rem;
    width: 100%;
    color: #fff;
    font-size: .875rem;
    word-break: break-all
}
.search__saved-searches-select-container .search__saved-searches-select-item:hover {
    background-color: #525e70;
    cursor: pointer
}
.search__saved-searches-select-container .search__saved-searches-select-item+.search__saved-searches-select-item {
    border-top: solid 1px #3d4650
}
.search__saved-searches-select-container .search__saved-searches-select-list {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform: translateY(-2em);
    -ms-transform: translateY(-2em);
    transform: translateY(-2em);
    -webkit-transition: all .3s ease-in-out 0s, visibility 0s linear .3s;
    -o-transition: all .3s ease-in-out 0s, visibility 0s linear .3s;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s;
    visibility: hidden;
    opacity: 0;
    width: 100%
}
.search__saved-searches-select-container .search__saved-searches-select-item-wrapper {
    max-height: 24.4375rem
}
.search__saved-searches-select-container .search__saved-searches-select-close-list {
    background-color: #8491a4;
    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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: solid 1px #3d4650;
    height: 2.75rem
}
.search__saved-searches-save-container .search__actions-button-wrapper,
.search__saved-searches-save-container .search__saved-searches-save-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.search__saved-searches-select-container .search__saved-searches-select-close-list:hover {
    background-color: #525e70;
    cursor: pointer
}
.search__saved-searches-select-container .search__saved-searches-select-close-list .search__saved-search-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.search__saved-searches-select-container--open .search__saved-searches-select-list {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible;
    opacity: 1
}
.search__saved-searches-select-container--open .search__saved-searches-select-default-btn {
    -webkit-transition: -webkit-border-bottom-left-radius .3s, -webkit-border-bottom-right-radius .3s;
    -o-transition: border-bottom-left-radius .3s, border-bottom-right-radius .3s;
    transition: border-bottom-left-radius .3s, border-bottom-right-radius .3s;
    transition: border-bottom-left-radius .3s, border-bottom-right-radius .3s, -webkit-border-bottom-left-radius .3s, -webkit-border-bottom-right-radius .3s;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}
.search__saved-searches-select-container--open .search__saved-search-label {
    visibility: hidden
}
.search__saved-searches-save-container {
    position: relative
}
.search__saved-searches-save-container .search__saved-searches-save-default-btn {
    -webkit-border-radius: .9375rem;
    border-radius: .9375rem;
    background: #67bdc7;
    padding: 0 1rem;
    height: 1.875rem;
    overflow: hidden;
    text-transform: uppercase;
    color: #fff;
    font-size: .75rem
}
.search__saved-searches-save-container .search__saved-searches-save-default-btn:hover {
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border-color: #4ea5af;
    background-color: #4ea5af;
    cursor: pointer
}
.search__saved-searches-save-container .search__actions-button {
    position: relative
}
.search__saved-searches-save-container .search__actions-button-wrapper {
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.search__saved-searches-save-container .search__actions-button-wrapper:after {
    -webkit-transform: translateY(2em) rotateZ(45deg);
    -ms-transform: translateY(2em) rotate(45deg);
    transform: translateY(2em) rotateZ(45deg);
    -webkit-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    -o-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -1.7rem;
    background-color: #8491a4;
    width: 1.4rem;
    height: 1.4rem;
    content: ''
}
.search__saved-searches-save-container .search__saved-searches-save-content,
.search__saved-searches-update-container .search__actions-button-wrapper:after {
    -webkit-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    -o-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear
}
.search__saved-searches-save-container .search__saved-searches-save-content {
    -webkit-transform: translateY(-2em) "";
    -ms-transform: translateY(-2em) "";
    transform: translateY(-2em) "";
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    visibility: hidden;
    opacity: 0;
    display: flex;
    position: absolute;
    top: calc(100% + 1em);
    right: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #8491a4;
    padding: .6rem;
    min-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__saved-searches-save-container .search__saved-searches-save-form {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.search__saved-searches-save-container .search__saved-searches-save--success {
    padding: .6rem;
    text-align: center;
    color: #fff
}
.search__saved-searches-save-container--open .search__saved-searches-save-content {
    -webkit-transform: translateY(0) "";
    -ms-transform: translateY(0) "";
    transform: translateY(0) "";
    -webkit-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible;
    opacity: 1
}
.search__saved-searches-save-container--open .search__actions-button-wrapper:after {
    -webkit-transform: translateY(0) rotateZ(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotateZ(45deg);
    -webkit-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible;
    opacity: 1
}
.search__saved-searches-save-button {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    margin-top: .6rem;
    min-width: 11.25rem;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__saved-searches-save-button:hover {
    border-color: #4ea5af;
    background-color: #4ea5af
}
.search__saved-searches-save-button:disabled,
.search__saved-searches-save-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.search__saved-searches-save-name-input-wrapper {
    display: block;
    width: 100%
}
.search__saved-searches-save-name-input-placeholder {
    height: 0;
    white-space: nowrap;
    padding: 0 2rem
}
.search__saved-searches-save-name-input {
    border: 0;
    background-color: #3d4650;
    padding: .6rem 2rem;
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__saved-searches-update-container {
    position: relative
}
.search__saved-searches-update-container .search__saved-searches-update-default-btn {
    -webkit-border-radius: .9375rem;
    border-radius: .9375rem;
    background: #67bdc7;
    padding: 0 1rem;
    height: 1.875rem;
    overflow: hidden;
    text-transform: uppercase;
    color: #fff;
    font-size: .75rem
}
.search__saved-searches-update-container .search__saved-searches-update-default-btn:hover {
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    border-color: #4ea5af;
    background-color: #4ea5af;
    cursor: pointer
}
.search__saved-searches-update-container .search__actions-button {
    position: relative
}
.search__saved-searches-update-container .search__actions-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.search__saved-searches-update-container .search__actions-button-wrapper:after {
    -webkit-transform: translateY(2em) rotateZ(45deg);
    -ms-transform: translateY(2em) rotate(45deg);
    transform: translateY(2em) rotateZ(45deg);
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -1.7rem;
    background-color: #8491a4;
    width: 1.4rem;
    height: 1.4rem;
    content: ''
}
.search__saved-searches-update-container .search__saved-searches-update-content {
    -webkit-transform: translateY(-2em) "";
    -ms-transform: translateY(-2em) "";
    transform: translateY(-2em) "";
    -webkit-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    -o-transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    transition: all .3s ease-in-out 0s, visibility 0s linear .3s, rotateZ 0s linear;
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: calc(100% + 1em);
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #8491a4;
    padding: .6rem;
    min-width: 100%
}
.search__saved-searches-update-container .search__saved-searches-update-form {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.search__saved-searches-update-container .search__saved-searches-update--success {
    padding: .6rem;
    text-align: center;
    color: #fff
}
.search__saved-searches-update-container--open .search__saved-searches-update-content {
    -webkit-transform: translateY(0) "";
    -ms-transform: translateY(0) "";
    transform: translateY(0) "";
    -webkit-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible;
    opacity: 1
}
.search__saved-searches-update-container--open .search__actions-button-wrapper:after {
    -webkit-transform: translateY(0) rotateZ(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotateZ(45deg);
    -webkit-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    visibility: visible;
    opacity: 1
}
.search__saved-searches-update-button {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    margin-top: .6rem;
    min-width: 11.25rem;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__saved-searches-update-button:hover {
    border-color: #4ea5af;
    background-color: #4ea5af
}
.search__saved-searches-update-button:disabled,
.search__saved-searches-update-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.search__saved-searches-update-name-input {
    border: 0;
    background-color: #3d4650;
    padding: .6rem 2rem;
    text-align: center;
    color: #fff
}
.search__saved-searches {
    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;
    background-color: #3d4650;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__saved-searches-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1441px;
    -ms-flex: 0 1441px;
    flex: 0 1441px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.search__saved-searches-container .search__actions {
    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-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: auto
}
.search-select__wrapper,
.search-toggle__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}
.search__saved-searches-teaser {
    color: rgba(255, 255, 255, .45)
}
.search__saved-searches-delete,
.search__saved-searches-save,
.search__saved-searches-select,
.search__saved-searches-update {
    z-index: 7
}
.search-toggle__container {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.search-toggle__container .search-toggle__label {
    color: #fff;
    font-size: .9rem
}
.search-select__wrapper {
    display: flex;
    position: relative;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    background: #fff
}
.search-select__wrapper .search-select__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    outline: 0;
    border: 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    background: 0 0;
    cursor: pointer;
    padding: .5rem 1.8rem .5rem .5rem;
    width: 100%;
    height: 100%;
    color: #464648;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.search-select__wrapper .search-select__item::-ms-expand {
    display: none
}
.search-select__wrapper .search-select__arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-right: .5rem;
    width: .7rem;
    height: 1rem;
    text-align: center;
    pointer-events: none;
    fill: #8491a4
}
.search-select__label,
.search-select__range-to {
    margin-bottom: .5rem;
    color: #fff;
    font-size: .9rem
}
.search-select__range-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
}
.search-select__range-to {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.radio-form__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.radio-form__wrapper {
    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-bottom: .3rem;
    cursor: pointer;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.radio-form__input {
    position: absolute;
    top: 3px;
    left: 4px
}
.radio-form__custom-input {
    z-index: 1;
    margin-right: .3rem;
    width: 1.125rem;
    height: 1.125rem;
    fill: #4e5f71;
    stroke: #bbc2cf
}
.radio-form__custom-input .checkmark {
    opacity: 0
}
.radio-form__input:checked+.radio-form__custom-input {
    fill: #67bdc7;
    stroke: #67bdc7
}
.radio-form__input:checked+.radio-form__custom-input .checkmark {
    opacity: 1
}
.text-input-form__input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.search__content,
.search__content--sidebar-expanded,
.search__sidebar {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.text-input-form__form-input {
    outline: 0;
    padding: .5rem 1rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.search__search-container {
    position: fixed;
    z-index: 6;
    width: 100%
}
.search__search-wrapper {
    background-color: #3d4650;
    padding: .5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.discover-wrapper__content-multiple-elements .members-list-horizontal-bloc,
.search__results {
    padding: 0
}
.search-page {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: -2rem;
    background-color: #fff;
    width: 100%
}
.search__content-mask {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 5;
    width: 100%;
    height: 100%
}
.search__sidebar {
    display: -webkit-box;
    display: flex;
    position: fixed;
    right: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 6
}
.search__saved-searches+.search__search-bar {
    margin-top: .5rem
}
.search__content,
.search__content--sidebar-expanded {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.search__content--sidebar-expanded::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #4e5f71;
    width: 100%;
    height: 15rem;
    content: ''
}
.search__results-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
}
.search-page__zero-state-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.discover__wrapper,
.zero-state {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.dating-discover {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-bottom: -2rem;
    background: #fff;
    width: 100%
}
.discover__wrapper {
    display: -webkit-box;
    display: flex;
    -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;
    width: 100%
}
.discover__content {
    padding-top: 1.5rem
}
.discover__content-card-list-wrapper {
    margin: 0 auto;
    max-width: 1441px
}
.discover__content--zero {
    margin-top: 2.5rem;
    margin-bottom: 2rem
}
.discover__content--zero~.discover__content--list {
    width: 100%
}
.discover__title {
    margin-bottom: 1rem
}
.discover__title:after,
.discover__title:before {
    display: block;
    content: ''
}
.zero-state {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.zero-state--onlines .zero-state__cta {
    border-color: #4e5f71;
    background-color: #4e5f71
}
.zero-state--onlines .zero-state__cta:hover {
    border-color: #3d4650;
    background-color: #3d4650
}
.zero-state__cards {
    margin-top: 3rem
}
.zero-state__title {
    margin-top: 1rem;
    color: #464648
}
.zero-state__description {
    margin-top: .5rem;
    text-align: center;
    color: #8491a4
}
.zero-state__cta {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    opacity: 0;
    margin-top: 3rem;
    pointer-events: none
}
.zero-state__cta:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.zero-state__cta:disabled,
.zero-state__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.zero-state__cta--ready {
    opacity: 1;
    pointer-events: auto
}
.zero-state__circled-arrow {
    margin-top: -2rem;
    margin-right: 30rem;
    background: -webkit-gradient(linear, left top, right top, from(#eef0f5), color-stop(52%, #eef0f5), color-stop(52%, transparent), to(transparent));
    background: -webkit-linear-gradient(left, #eef0f5, #eef0f5 52%, transparent 52%, transparent 100%);
    background: -o-linear-gradient(left, #eef0f5, #eef0f5 52%, transparent 52%, transparent 100%);
    background: linear-gradient(90deg, #eef0f5, #eef0f5 52%, transparent 52%, transparent 100%);
    min-height: 8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    fill: #bbc2cf
}
.meetic-multi-select__arrow,
.meetic-select__arrow {
    fill: #8491a4;
    pointer-events: none
}
.discover-wrapper {
    margin-bottom: -2rem;
    background-color: #fff;
    max-width: 100vw;
    overflow: hidden
}
.discover-wrapper__content {
    background-color: #fff
}
.discover-wrapper__content .discover-wrapper__content-item {
    margin-bottom: 5.5625rem
}
.discover-wrapper__content,
.discover-wrapper__content .swipe-profiles-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.discover-wrapper__content-multiple-elements {
    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
}
@media screen and (max-width:1280px) {
    .discover-wrapper__content-multiple-elements {
        display: block
    }
}
.discover-wrapper__content-multiple-elements-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 28.75rem;
    -ms-flex: 0 1 28.75rem;
    flex: 0 1 28.75rem;
    margin-bottom: 5.5625rem
}
.meetic-select__wrapper {
    position: relative;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background: #fff
}
.meetic-select__input {
    display: block;
    position: relative;
    outline: 0;
    border: 0;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background: 0 0;
    cursor: pointer;
    padding: .5rem 1.8rem .5rem .5rem;
    width: 100%;
    height: 100%;
    color: #464648;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.meetic-select__input::-ms-expand {
    display: none
}
.meetic-multi-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.meetic-multi-select__button {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .5rem 2rem .5rem .5rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.meetic-multi-select__placeholder {
    color: #bbc2cf
}
.meetic-multi-select__search-results {
    top: 2.2rem;
    z-index: 9
}
.meetic-multi-select__search-results--bottom-of-screen {
    bottom: 2.15rem;
    z-index: 9;
    max-height: 8.7rem
}
.meetic-multi-select__result-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.dating-confirm-marker {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation-name: fadein;
    animation-name: fadein;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #67bdc7;
    padding: .1rem;
    width: .8rem;
    height: .8rem
}
.dating-confirm-marker.ng-leave {
    -webkit-animation-name: fadeout;
    animation-name: fadeout;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
.dating-confirm-marker__check {
    fill: #fff
}
.dating-confirm-marker__pending {
    margin-bottom: .4rem;
    color: #fff
}
.profile__hero-completion {
    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
}
.profile__hero-completion-title {
    text-transform: uppercase;
    font-family: 'Rubik';
    font-weight: 700
}
.profile-hero-efficiency__title {
    font-size: .9rem;
    font-style: italic
}
.profile__hero-efficiency-completion-bar-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-right: .6rem;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background-color: #464648;
    cursor: pointer;
    width: 14rem;
    height: 1.2rem;
    overflow: hidden
}
.no-touch .profile__hero-efficiency-completion-bar-wrapper:hover {
    opacity: .85
}
.profile__hero-efficiency-completion {
    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: .4rem
}
.profile__hero-efficiency-completion-bar {
    position: absolute;
    -webkit-animation: increaseCompletionBar 1.5s both;
    animation: increaseCompletionBar 1.5s both;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    background: -webkit-gradient(linear, left top, right top, from(#069db1), to(#c3fd24));
    background: -webkit-linear-gradient(left, #069db1, #c3fd24);
    background: -o-linear-gradient(left, #069db1, #c3fd24);
    background: linear-gradient(90deg, #069db1, #c3fd24);
    height: 100%
}
.profile__hero-efficiency-completion-bar-step {
    z-index: 1;
    border-right: 1px solid rgba(255, 255, 255, .5);
    width: 25%;
    height: 100%
}
.profile__hero-efficiency-completion-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
@-webkit-keyframes increaseCompletionBar {
    from {
        width: 0
    }
}
@keyframes increaseCompletionBar {
    from {
        width: 0
    }
}
.profile__hero-efficiency-completion-bar-step:last-child {
    border: 0
}
@media (min-width:769px) {
    .profile__hero-efficiency-completion {
        margin-right: .4rem
    }
    .profile__hero-efficiency-completion-bar-wrapper {
        width: 11rem
    }
}
@media (min-width:1025px) {
    .profile__hero-efficiency-completion-bar-wrapper {
        width: 18rem
    }
}
.completion-rate-dropdown {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.completion-rate-dropdown .profile__hero-efficiency-completion {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0
}
.completion-rate-dropdown .profile__hero-efficiency-completion-bar {
    -webkit-animation: none;
    animation: none
}
.completion-rate-dropdown .profile__hero-efficiency-completion-bar-wrapper {
    margin: 0 .6rem .6rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #dee0e5;
    width: 100%;
    height: .8rem
}
.dating-header {
    display: block;
    position: fixed;
    top: 0;
    z-index: 8;
    width: 100%
}
.dating-header__wrapper--with-banner-default,
.dating-header__wrapper--with-banner-small {
    position: absolute;
    right: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
}
.dating-header__wrapper--with-banner-small {
    -webkit-transform: translate3d(0, -2.75rem, 0);
    transform: translate3d(0, -2.75rem, 0)
}
.dating-header__nav,
.dating-header__nav--private-mode {
    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-shadow: 0 2px 6px rgba(132, 145, 164, .12), 0 2px 4px rgba(132, 145, 164, .24);
    box-shadow: 0 2px 6px rgba(132, 145, 164, .12), 0 2px 4px rgba(132, 145, 164, .24);
    height: 4rem
}
.dating-header__nav-wrapper,
.dating-header__so-header-promo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: relative
}
.dating-header__nav {
    background: #fff;
    color: #464648
}
.dating-header__nav--private-mode {
    background: #3d4650;
    color: #fff
}
.dating-header__nav-wrapper {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 1441px;
    -ms-flex: 0 1 1441px;
    flex: 0 1 1441px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.dating-header__so-header-promo {
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: .6rem .5rem .6rem 0
}
.dating-header__hamburger--closed,
.dating-header__hamburger--opened {
    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-right: .4rem;
    border-right: solid 1px #bbc2cf;
    padding: .5rem .6rem;
    width: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.dating-header__hamburger--opened {
    background: #464648;
    fill: #fff
}
.dating-header__hamburger-icon {
    display: block;
    width: 2.8rem;
    height: 2.8rem
}
.dating-header__brand-icon {
    display: block;
    width: 18rem;
    height: 4rem
}
.dating-header__brand-icon img{
    position: absolute;
    max-height: 100%;
    left: -30px
}
.dating-header__nav--private-mode .dating-header__hamburger-icon {
    fill: #fff
}
.dating-header__nav--private-mode .dating-header__hamburger--opened {
    background: #3d4650
}
.dating-header__nav--private-mode .dating-header__brand-icon {
    fill: #fff
}
.dating-header__nav--private-mode .dating-header__nav-label {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    color: #fff
}
.dating-header__nav--private-mode .dating-header__nav-label:hover {
    color: #3223be
}
.dating-header__brand-icon-iframe {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}
.dating-header__brand-icon-iframe-link {
    position: absolute;
    width: 100%;
    height: 100%
}
.dating-header__empty-space {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.dating-header__nav-icon {
    display: block;
    width: 1.625rem;
    height: 1.625rem
}
.dating-header__logo {
    fill: #fff
}
@media (min-width:1025px) {
    .dating-header__brand-icon {
        margin-left: 1rem
    }
    .dating-header__hamburger--closed,
    .dating-header__hamburger--opened {
        display: none
    }
    .dating-header__brand-promo-caret {
        left: 4.2rem
    }
}
@media (min-width:1441px) {
    .dating-header__brand-icon {
        margin-left: 0
    }
}
.dating-header__action-badge--notification,
.dating-navlink__action-badge--notification,
.dating-header__shuffle-badge {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    padding: 0 .3rem;
    min-width: 1.25rem;
    height: 1.25rem;
    line-height: 1;
    color: #fff;
    font-family: 'Rubik';
    font-size: .65rem;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.dating-profile-reflist-card__title,
.pass-promo__content,
.profile-interests-edit__title {
    font-family: 'Rubik', sans-serif
}
.dating-header__deluxe-tooltip {
    display: none;
    position: absolute;
    top: 4.75rem;
    left: -15rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 8;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background: #6f65ac;
    padding: 1rem;
    width: 16rem;
    min-height: 6rem;
    line-height: 1.4;
    color: #fff;
    font-weight: 300
}
.dating-header__deluxe-tooltip::before {
    position: absolute;
    top: -.35rem;
    left: 16rem;
    border-width: 0 .4rem .4rem;
    border-style: solid;
    border-color: transparent transparent #6f65ac;
    width: 0;
    height: 0;
    content: ''
}
.dating-header__deluxe-tooltip::after {
    display: block;
    position: absolute;
    top: -1.75rem;
    margin-left: -1rem;
    width: 100%;
    height: 1.75rem;
    content: ' '
}
.dating-header__deluxe-tooltip-title {
    margin-bottom: .5rem;
    font-size: 1rem
}
.dating-header__deluxe-tooltip-description {
    margin-bottom: .5rem;
    color: #fff;
    font-size: .75rem
}
.dating-header__deluxe-tooltip-link {
    margin-top: .5rem;
    text-decoration: underline;
    color: #fff;
    font-size: .75rem
}
.dating-header__boost:hover .dating-header__nrc-cta-container+.dating-header__deluxe-tooltip,
.dating-header__deluxe-tooltip:hover,
.dating-header__incognito:hover .dating-header__nrc-cta-container:hover+.dating-header__deluxe-tooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}
.dating-header__deluxe-tooltip-link:hover {
    color: #eef0f5
}
.dating-header__deluxe-tooltip-icon--boost,
.dating-header__deluxe-tooltip-icon--incognito {
    position: absolute;
    right: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    opacity: .2;
    width: 7.2rem;
    height: 7.2rem
}
.dating-header__deluxe-tooltip-icon--incognito {
    bottom: -3rem
}
.dating-header__deluxe-tooltip-icon--boost {
    bottom: -1rem
}
.dating-header__deluxe-tooltip-icon-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8rem;
    height: 6rem;
    overflow: hidden
}
.banner__pass-promo .banner__ar-reactivation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.ar-reactivation--with-banner-default,
.ar-reactivation--with-banner-small,
.pass-promo--with-banner-default,
.pass-promo--with-banner-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(https://iliusstd-a.akamaihd.net/dating/components/dating-wrapper/dating-header/banner/assets/pass-pattern-29fefe8822.png), -webkit-gradient(linear, left top, right top, from(#5ea3e2), to(#5fd2bf));
    background-image: url(https://iliusstd-a.akamaihd.net/dating/components/dating-wrapper/dating-header/banner/assets/pass-pattern-29fefe8822.png), -webkit-linear-gradient(left, #5ea3e2, #5fd2bf);
    background-image: url(https://iliusstd-a.akamaihd.net/dating/components/dating-wrapper/dating-header/banner/assets/pass-pattern-29fefe8822.png), -o-linear-gradient(left, #5ea3e2, #5fd2bf);
    background-image: url(https://iliusstd-a.akamaihd.net/dating/components/dating-wrapper/dating-header/banner/assets/pass-pattern-29fefe8822.png), linear-gradient(90deg, #5ea3e2, #5fd2bf);
    background-position: center;
    cursor: pointer;
    height: 6.25rem
}
.ar-reactivation__banner,
.pass-promo__wrapper {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.dating-header__nav-links,
.pass-promo__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column
}
.ar-reactivation__banner-icon,
.pass-promo__icon {
    display: none;
    margin-right: 2rem;
    width: 5rem;
    height: 5rem;
    fill: #fff
}
@media (min-width:769px) {
    .ar-reactivation__banner-icon,
    .pass-promo__icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.pass-promo__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 2rem;
    text-align: center
}
.pass-promo__content-description {
    color: #fff;
    font-size: .9rem
}
.ar-reactivation__banner-content-title {
    color: #fff;
    font-size: .7rem;
    max-width: 45%
}
.ar-reactivation__banner-content-small-title {
    display: none;
    color: #fff;
    font-size: .7rem;
    margin-left: 1rem;
    max-width: 65%
}
.ar-reactivation__banner-content-counters {
    color: #fff
}
.ar-reactivation--with-banner-small .ar-reactivation__banner-content-counters,
.ar-reactivation--with-banner-small .ar-reactivation__banner-content-title,
.ar-reactivation--with-banner-small .ar-reactivation__banner-icon,
.ar-reactivation--with-banner-small .pass-promo__content-description,
.ar-reactivation--with-banner-small .pass-promo__icon,
.pass-promo--with-banner-small .ar-reactivation__banner-content-counters,
.pass-promo--with-banner-small .ar-reactivation__banner-content-title,
.pass-promo--with-banner-small .ar-reactivation__banner-icon,
.pass-promo--with-banner-small .pass-promo__content-description,
.pass-promo--with-banner-small .pass-promo__icon {
    display: none
}
.ar-reactivation--with-banner-small .ar-reactivation__banner-content-small-title,
.pass-promo--with-banner-small .ar-reactivation__banner-content-small-title {
    display: block
}
.ar-reactivation--with-banner-small .ar-reactivation__banner,
.ar-reactivation--with-banner-small .pass-promo__wrapper,
.pass-promo--with-banner-small .ar-reactivation__banner,
.pass-promo--with-banner-small .pass-promo__wrapper {
    margin-top: 2.75rem
}
.ar-reactivation--with-banner-small .pass-promo__content,
.pass-promo--with-banner-small .pass-promo__content {
    margin-right: .5rem;
    height: 3.5rem
}
.ar-reactivation--with-banner-small .pass-promo__content-title,
.pass-promo--with-banner-small .pass-promo__content-title {
    font-size: 1rem
}
.ar-reactivation--with-banner-small .ar-reactivation__banner-icon,
.ar-reactivation--with-banner-small .pass-promo__icon,
.pass-promo--with-banner-small .ar-reactivation__banner-icon,
.pass-promo--with-banner-small .pass-promo__icon {
    width: 4rem;
    height: 4rem
}
.ar-reactivation--with-banner-small .ar-reactivation__banner-cta,
.ar-reactivation--with-banner-small .pass-promo__cta,
.pass-promo--with-banner-small .ar-reactivation__banner-cta,
.pass-promo--with-banner-small .pass-promo__cta {
    margin-left: 1rem
}
.pass-promo--with-banner-default,
.pass-promo--with-banner-small {
    cursor: pointer
}
.pass-promo__content-title {
    color: #fff;
    font-size: 1.1rem
}
.pass-promo__cta:hover {
    color: #fff
}
.pass-promo__cta {
    font-weight: 700;
    border-color: #59a61e;
    background-color: #59a61e;
    color: #fff
}
.pass-promo__cta:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.pass-promo__cta:disabled,
.pass-promo__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.ar-reactivation--with-banner-default,
.ar-reactivation--with-banner-small {
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    background: -webkit-gradient(linear, left top, right top, from(#50c7a1), to(#4e83c4));
    background: -webkit-linear-gradient(left, #50c7a1, #4e83c4);
    background: -o-linear-gradient(left, #50c7a1, #4e83c4);
    background: linear-gradient(90deg, #50c7a1, #4e83c4)
}
.ar-reactivation-state--loading {
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
    background-color: #81c44e
}
.ar-reactivation__loading {
    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
}
.ar-reactivation--with-banner-small .ar-reactivation__loading {
    -webkit-transform: translateY(1.375rem);
    -ms-transform: translateY(1.375rem);
    transform: translateY(1.375rem);
    -webkit-transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}
.ar-reactivation__loading-icon {
    border-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .9)
}
.ar-reactivation__banner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 98%
}
.ar-reactivation__banner-content-counters {
    font-size: 1.4rem
}
.ar-reactivation__banner-cta {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    z-index: 5;
    padding: .45rem .5rem
}
.ar-reactivation__banner-cta:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.ar-reactivation__banner-cta:disabled,
.ar-reactivation__banner-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
@media (min-width:769px) {
    .ar-reactivation__banner {
        width: 90%
    }
}
@media (min-width:1025px) {
    .ar-reactivation__banner-icon,
    .pass-promo__content,
    .pass-promo__icon {
        margin-right: 3rem
    }
    .ar-reactivation__banner-content-title {
        font-size: .8rem
    }
    .ar-reactivation__banner-content-counters {
        font-size: 1.6rem
    }
    .ar-reactivation__banner-content-small-title {
        font-size: .8rem
    }
}
@media (min-width:1280px) {
    .ar-reactivation__banner {
        width: 80%
    }
    .ar-reactivation__banner-content-counters {
        font-size: 1.8rem
    }
}
@media (min-width:1441px) {
    .ar-reactivation__banner {
        max-width: 1025px
    }
    .ar-reactivation__banner-content-counters {
        font-size: 2rem
    }
}
.header-nav-credit-card-update-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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #e13236;
    padding: 1rem 1rem 1rem 1.12rem;
    color: #fff;
    font-size: .8rem
}
.header-nav-credit-card-update-block:hover {
    background-color: #c31d20;
    cursor: pointer
}
.header-nav-credit-card-update-block__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.4rem;
    -ms-flex: 0 0 1.4rem;
    flex: 0 0 1.4rem;
    margin-right: .8rem;
    fill: #fff
}
.header-nav-credit-card-update-block__description--underline {
    text-decoration: underline
}
.dating-header__nav-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 3.8rem;
    left: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    visibility: hidden;
    z-index: 9;
    margin: 0;
    background: #464648;
    padding: 0;
    min-width: 10rem;
    list-style: none;
    color: #fff
}
.dating-header__nav--private-mode .dating-header__nav-links {
    background: #3d4650
}
.dating-header__hamburger--opened~.dating-header__nav-links {
    visibility: visible
}
.dating-header__nav-link,
.dating-header__nav-link--disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    padding: 1rem 1.1rem;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-size: 1.05rem;
    font-weight: 700
}
.dating-header__nav-link--disabled {
    color: #8491a4
}
.dating-header__nav-link--disabled:hover {
    color: #f7414e
}
.dating-header__nav-link,
.dating-header__nav-link:active,
.dating-header__nav-link:visited {
    color: #fff
}
.dating-header__nav-label {
    position: relative;
    font-weight:  400;
    white-space: nowrap
}
.dating-header__shuffle-badge {
    position: absolute;
    top: -.55rem;
    right: -1.65rem;
    z-index: 2;
    background-color: #fff;
    color: #464648
}
.dating-header__nav--private-mode .dating-header__shuffle-badge {
    background-color: #3223be;
    color: #fff
}
@-webkit-keyframes pulse {
    0% {
        opacity: 1;
        -webkit-box-shadow: 0 0 0 0 #464648;
        box-shadow: 0 0 0 0 #464648
    }
    2.5% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 25px #464648;
        box-shadow: 0 0 0 25px #464648
    }
}
@keyframes pulse {
    0% {
        opacity: 1;
        -webkit-box-shadow: 0 0 0 0 #464648;
        box-shadow: 0 0 0 0 #464648
    }
    2.5% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 25px #464648;
        box-shadow: 0 0 0 25px #464648
    }
}
.account-nav__menu,
.dating-header__double-xsell-dropdown,
.dating-header__incognito-panel,
.dating-header__incognito-panel--active {
    -webkit-box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16)
}
.dating-header__shuffle-pulse,
.dating-header__shuffle-pulse--delayed {
    position: absolute;
    top: -.2rem;
    right: -1.25rem;
    opacity: 0;
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: .6rem;
    height: .6rem
}
.no-touch .dating-header__nav-link:hover {
    color: #f7414e
}
.dating-header__nav-cross-sell {
    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
}
@media (min-width:1025px) {
    .dating-header__nav-links {
        position: static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        visibility: visible;
        background: 0 0
    }
    .dating-header__nav-link {
        padding: 0 .85rem
    }
    .dating-header__nav-link-highlight {
        position: absolute;
        right: .85rem;
        bottom: 0;
        left: .85rem;
        height: .25rem;
        overflow: hidden
    }
    .dating-header__nav-link-highlight::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: translateY(.25rem);
        -ms-transform: translateY(.25rem);
        transform: translateY(.25rem);
        -webkit-transition: -webkit-transform .25s ease-in-out;
        -o-transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
        background-color: #f7414e;
        height: .25rem;
        content: ''
    }
    .dating-header__nav--private-mode .dating-header__nav-link-highlight::after {
        background-color: #3223be
    }
    .dating-header__nav-link--active>.dating-header__nav-link-highlight::after {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .dating-header__nav-link,
    .dating-header__nav-link:active,
    .dating-header__nav-link:visited {
        color: #464648
    }
    .dating-header__shuffle-badge {
        background-color: #464648;
        color: #fff
    }
    .dating-header__shuffle-pulse {
        -webkit-animation: pulse 60s infinite 60s cubic-bezier(.66, 0, 0, 1);
        animation: pulse 60s infinite 60s cubic-bezier(.66, 0, 0, 1)
    }
    .dating-header__shuffle-pulse--delayed {
        -webkit-animation: pulse 60s infinite 60.3s cubic-bezier(.66, 0, 0, 1);
        animation: pulse 60s infinite 60.3s cubic-bezier(.66, 0, 0, 1)
    }
}
.dating-header__boost,
.dating-header__double-xsell,
.dating-header__double-xsell-dropdown,
.dating-header__incognito,
.dating-header__nav-action,
.dating-header__nrc-cta-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
@media (min-width:1280px) {
    .dating-header__nav-link {
        padding: 0 1.1rem
    }
    .dating-header__nav-link-highlight {
        right: 1.1rem;
        left: 1.1rem
    }
}
.dating-header__double-xsell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
    height: 100%
}
.dating-header__double-xsell-dots {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background: #eef0f5;
    cursor: pointer;
    padding: .35rem .7rem;
    fill: #464648
}
.dating-header__double-xsell-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -7.7rem;
    left: -4rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: .15rem;
    border-radius: .15rem;
    box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16);
    background: #fff
}
.dating-header__double-xsell-dropdown::before {
    position: absolute;
    top: -.4rem;
    left: 4.8rem;
    border-width: 0 .4rem .4rem;
    border-style: solid;
    border-color: transparent transparent #fff;
    width: 0;
    height: 0;
    content: ''
}
.dating-header__double-xsell-dropdown--incognito-mode {
    background: #3d4650
}
.dating-header__double-xsell-dropdown--incognito-mode::before {
    border-color: transparent transparent #3d4650
}
.dating-header__double-xsell-dropdown .dating-header__nav-link-wrapper--dropdown:first-child {
    border-bottom: 1px solid #eef0f5
}
@media (min-width:1025px) {
    .dating-header__double-xsell .dating-header__nav-link-wrapper {
        display: none
    }
    .dating-header__double-xsell-dots {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
@media (min-width:1080px) {
    .dating-header__double-xsell-dropdown {
        bottom: -4.2rem;
        left: 3.5rem
    }
    .dating-header__double-xsell {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .dating-header__double-xsell .dating-header__nav-link-wrapper:first-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .dating-header__double-xsell-dropdown .dating-header__nav-link-wrapper--dropdown:first-child {
        display: none
    }
}
@media (min-width:1280px) {
    .dating-header__double-xsell-dropdown,
    .dating-header__double-xsell-dropdown::before {
        display: none
    }
    .dating-header__double-xsell .dating-header__nav-link-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .dating-header__double-xsell-dots {
        display: none
    }
}
.dating-header__nav-link--dropdown {
    border-left: .3rem solid transparent;
    padding: .8rem 2rem .8rem .7rem;
    color: #464648
}
.dating-header__nav-link--dropdown.dating-header__nav-link--active {
    border-left-color: #f7414e
}
.no-touch .dating-header__nav-link--dropdown:hover {
    color: #f7414e
}
.dating-header__nav-link--incognito-mode .dating-header__nav-link-icon path {
    fill: #fff
}
.no-touch .dating-header__nav-link--incognito-mode:hover {
    color: #6780db
}
.dating-header__nav-link-icon {
    margin-right: 1rem;
    width: 1.8rem;
    height: 1.8rem
}
.dating-header__nav-actions {
    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-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin: 0;
    padding: 0;
    list-style: none
}
.dating-header__nav-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    padding: .9rem .6rem .75rem;
    fill: #464648;
    fill-rule: evenodd
}
.dating-header__nav-action-label {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    color: #464648;
    font-size: .7rem
}
.dating-header__nav--private-mode .dating-header__nav-action {
    fill: #fff
}
.dating-header__nav--private-mode .dating-header__nav-action-label {
    color: #fff
}
.dating-header__boost,
.dating-header__incognito {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .3rem
}
.dating-header__boost {
    -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
}
.dating-header__incognito {
    -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;
    margin-right: 1rem
}
.dating-header__boost:hover .dating-header__nav-action-label,
.dating-header__incognito:hover .dating-header__nav-action-label {
    color: #3223be
}
.dating-header__boost:hover .dating-header__nrc-cta-container--disabled .dating-header__nav-action-label,
.dating-header__incognito:hover .dating-header__nrc-cta-container--disabled .dating-header__nav-action-label {
    color: #464648
}
.dating-header__nav--private-mode .dating-header__boost:hover .dating-header__nrc-cta-container--disabled .dating-header__nav-action-label,
.dating-header__nav--private-mode .dating-header__incognito:hover .dating-header__nrc-cta-container--disabled .dating-header__nav-action-label {
    color: #fff
}
@media (min-width:1025px) {
    .dating-header__incognito {
        margin-right: .5rem
    }
}
@media (min-width:1280px) {
    .dating-header__incognito {
        margin-right: 1rem
    }
}
.dating-header__boost-cta-content,
.dating-header__incognito-cta-content {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.dating-header__boost-cta--active,
.dating-header__boost-cta--inactive,
.dating-header__boost-cta--inactive[disabled],
.dating-header__incognito-cta--active,
.dating-header__incognito-cta--inactive,
.dating-header__incognito-cta--inactive[disabled] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .25s, color .25s;
    -o-transition: background-color .25s, color .25s;
    transition: background-color .25s, color .25s;
    outline: 0;
    border: 0;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    padding: .25rem
}
.dating-header__boost-icon--active,
.dating-header__boost-icon--disabled,
.dating-header__boost-icon--inactive,
.dating-header__boost-icon--loading,
.dating-header__incognito-icon,
.dating-header__incognito-icon--active {
    width: 1.5rem;
    height: 1.5rem
}
.dating-header__boost-text--active,
.dating-header__incognito-text--active {
    margin: 0 .4rem;
    text-transform: uppercase;
    color: #3223be;
    font-size: .8rem;
    font-weight: 700
}
.dating-header__boost-cta-notification,
.dating-header__incognito-cta-notification,
.dating-header__incognito-cta-notification--active {
    position: absolute;
    right: -.4rem;
    bottom: 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    background: #3d4650;
    padding: .3rem .4rem;
    line-height: 1;
    color: #fff;
    font-size: .68rem
}
.dating-header__boost-hint,
.dating-header__incognito-hint {
    display: none;
    top: 1.3rem;
    z-index: 8;
    padding: .15rem 1rem;
    line-height: 1.4
}
.no-touch .dating-header__boost:hover .dating-header__boost-hint,
.no-touch .dating-header__boost:hover .dating-header__incognito-hint,
.no-touch .dating-header__incognito:hover .dating-header__boost-hint,
.no-touch .dating-header__incognito:hover .dating-header__incognito-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.dating-header__nrc-cta-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}
.dating-header__nrc-cta-container--active,
.dating-header__nrc-cta-container--disabled {
    cursor: default;
    pointer-events: none
}
.no-touch .dating-header__nrc-cta-container:hover .dating-header__boost-hint,
.no-touch .dating-header__nrc-cta-container:hover .dating-header__incognito-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.dating-header__actions-group,
.dating-header__profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.dating-header__nav-action-highlight {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .25rem;
    overflow: hidden
}
.dating-header__nav-action-highlight::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(.25rem);
    -ms-transform: translateY(.25rem);
    transform: translateY(.25rem);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    background-color: #f7414e;
    height: .25rem;
    content: ''
}
.dating-header__nav--private-mode .dating-header__nav-action-highlight::after,
.dating-header__nav-action-highlight.dating-header__element--nrc-active::after {
    background-color: #3223be
}
.dating-header__nav-action--active>.dating-header__nav-action-highlight::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
.dating-header__nav--private-mode .dating-header__nav-action--active,
.no-touch .dating-header__nav--private-mode .dating-header__nav-action:hover {
    fill: #3223be
}
.dating-header__nav--private-mode .dating-header__nav-action--active .dating-header__nav-action-label,
.no-touch .dating-header__nav--private-mode .dating-header__nav-action:hover .dating-header__nav-action-label {
    color: #3223be
}
.dating-header__nav-action--active,
.no-touch .dating-header__nav-action:hover {
    fill: #f7414e
}
.no-touch .dating-header__nav-action--active .dating-header__nav-action-label,
.no-touch .dating-header__nav-action:hover .dating-header__nav-action-label {
    color: #f7414e
}
.no-touch .dating-header__nav-action--active .dating-header__nav-action-label.dating-header__element--nrc-active,
.no-touch .dating-header__nav-action:hover .dating-header__nav-action-label.dating-header__element--nrc-active {
    color: #3223be
}
.dating-header__nav--private-mode .dating-header__nav-action--active.dating-header__element--nrc-active,
.dating-header__nav-action--active.dating-header__element--nrc-active,
.no-touch .dating-header__nav--private-mode .dating-header__nav-action.dating-header__element--nrc-active:hover,
.no-touch .dating-header__nav-action.dating-header__element--nrc-active:hover {
    fill: #3223be
}
.dating-header__actions-group {
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-left: solid 1px #bbc2cf;
    padding: 0 .5rem
}
.dating-header__action-badge--notification {
    position: absolute;
    top: .35rem;
    right: .2rem;
    background-color: #f7414e
}
.dating-navlink__action-badge--notification {
    position: absolute;
    top: 0.1rem;
    right: -1.55rem;
    background-color: #aaa
}
.dating-header__action-badge--notification.dating-header__element--nrc-active,
.toggle-switch__incognito-button--checked::before {
    background-color: #3223be
}
.dating-header__profile-pic.dating-header__element--nrc-active {
    border: .2rem solid #3223be;
    width: 2.8rem;
    height: 2.8rem
}
.dating-header__profile-pic {
    display: block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    -o-transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8), -webkit-transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    margin: 0 .6rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #eef0f5;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 3rem;
    height: 3rem
}
.dating-header__profile-pic:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.dating-header__profile {
    display: flex
}
.dating-header__profile-badge--error,
.dating-header__profile-badge--warning {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 2rem;
    right: .6rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    min-width: 1.3rem;
    height: 1.3rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700
}
.dating-header__profile-badge--error {
    background: #e13236
}
.dating-header__profile-badge--warning {
    background: #e8914b
}
.interaction-bubbles__bubble,
.interaction-bubbles__bubble--interaction-clue-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transition: -webkit-transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    -o-transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8), -webkit-transform .5s cubic-bezier(0, 1.8, 1, 1.8);
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.interaction-bubbles__bubble {
    border: 2px solid #fff;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem
}
.no-touch .interaction-bubbles__bubble:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.interaction-bubbles__bubble:nth-child(1) {
    left: .5rem;
    z-index: 7
}
.interaction-bubbles__bubble:nth-child(2) {
    z-index: 6
}
.interaction-bubbles__bubble:nth-child(3) {
    left: -.5rem;
    z-index: 5
}
.interaction-bubbles__bubble--interaction-clue-card {
    border: 3px solid #fff;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem
}
.no-touch .interaction-bubbles__bubble--interaction-clue-card:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.interaction-bubbles__bubble--interaction-clue-card:nth-child(1) {
    left: .75rem;
    z-index: 6
}
.interaction-bubbles__bubble--interaction-clue-card:nth-child(2) {
    z-index: 7;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    min-height: 5rem
}
.interaction-bubbles__bubble--interaction-clue-card:nth-child(3) {
    left: -.75rem;
    z-index: 5
}
.interaction-bubble__bubble {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.profile-status--picture .profile-status__icon-container {
    margin: 0 .8rem 0 .4rem;
    cursor: pointer;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    fill: #fff
}
.profile-status--picture .profile-status__icon--warning-loading {
    border-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .9)
}
.profile-status {
    color: #fff;
    font-size: .8rem
}
.profile-status__content {
    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-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #464648;
    padding: .7rem .4rem;
    width: 100%;
    text-align: center
}
.gentleman-badge-information,
.gentleman-badge-information__container {
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.profile-status__content--action {
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    outline: 0;
    border: 0;
    overflow: visible;
    text-align: center;
    line-height: normal;
    color: inherit;
    font: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.account-nav__header-nickname,
.account__summary-nickname,
.dating-gallery__member-nickname,
.pictures-side-area__counter,
.profile__hero-nickname {
    font-family: 'Rubik', sans-serif
}
.profile-status__content--error {
    background-color: #e13236
}
.profile-status__content--error:hover {
    background-color: #c31d20
}
.profile-status__content--warning {
    background-color: #e8914b;
    cursor: default;
    pointer-events: none
}
.profile-status__text {
    width: 75%
}
.gentleman-badge-information {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}
.gentleman-badge-information__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-top: 1px solid #bbc2cf;
    padding: 0 .5rem
}
.gentleman-badge-information__display {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 0;
    width: 100%
}
.account-nav__header,
.account-nav__menu {
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.gentleman-badge-information__text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: .5rem 0
}
.gentleman-badge-information__bold-text {
    margin-bottom: .3rem;
    line-height: 1.4;
    color: #464648;
    font-size: .85rem
}
.gentleman-badge-information__link,
.gentleman-badge-information__text {
    color: #8491a4;
    font-size: .6667rem
}
.gentleman-badge-information__link {
    text-decoration: underline;
    font-weight: 700
}
.gentleman-badge-information__link:hover {
    color: #000
}
.account-nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 4.3rem;
    right: 1.5rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    z-index: 8;
    margin: 0;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16);
    background: #eef0f5;
    padding: 0;
    width: 16rem;
    overflow: hidden;
    list-style: none;
    color: #464648
}
.account-nav__menu--triangle {
    position: absolute;
    top: 4rem;
    right: 2.5rem;
    z-index: 9;
    border-width: 0 .4rem .4rem;
    border-style: solid;
    border-color: transparent transparent #7b5d37;
    width: 0;
    height: 0;
    content: ''
}
.account-nav__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #bbc2cf;
    background-color: #fff;
    overflow: hidden
}
@media (min-height:769px) {
    .account-nav__header {
        border-bottom: 1px solid #bbc2cf
    }
}
.account-nav__header-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 6rem;
    -ms-flex: 1 0 6rem;
    flex: 1 0 6rem;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #000
}
.account-nav__header-background-picture {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .6;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
    background-size: cover
}
.account-nav__header-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -6rem
}
.account-nav__action,
.account-nav__header-picture-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.account-nav__header-account-link {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-transition: color .25s ease-in-out, fill .25s ease-in-out;
    -o-transition: color .25s ease-in-out, fill .25s ease-in-out;
    transition: color .25s ease-in-out, fill .25s ease-in-out;
    margin-bottom: 1rem;
    padding: .5rem;
    text-decoration: underline;
    color: #fff;
    font-size: .8rem
}
.account-nav__action-title,
.account-nav__header-profile-edit {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out
}
.account-nav__header-account-link:hover {
    color: #8491a4
}
.account-nav__header-picture-container {
    display: flex;
    position: relative;
    margin-bottom: .3rem
}
.account-nav__header-picture-bubble {
    border: 4px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #eef0f5;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    width: 5.5rem;
    height: 5.5rem
}
.account-nav__header-gentleman-badge {
    position: absolute;
    right: -.5rem;
    bottom: .5rem;
    width: 2rem;
    height: 2rem
}
.account-nav__header-nickname {
    font-size: 1.5rem;
    font-weight: 700
}
.account-nav__header-profile-edit {
    transition: color .25s ease-in-out;
    margin-bottom: .6rem;
    text-decoration: underline;
    color: #8491a4;
    font-size: .8rem
}
.account-nav__header-profile-edit:hover {
    color: #464648
}
.account-nav__message--badge {
    display: none
}
.account-nav__message--status:empty+.account-nav__message--badge {
    display: block
}
@media (min-height:769px) {
    .account-nav__message--badge {
        display: block
    }
}
.account-nav__action {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: fill .25s, color .25s, background-color .25s;
    -o-transition: fill .25s, color .25s, background-color .25s;
    transition: fill .25s, color .25s, background-color .25s;
    border-left: 5px solid #f7414e;
    background-color: #fff;
    font-size: .8rem
}
.no-touch .account-nav__action-title:hover {
    color: #f7414e
}
@media (min-height:769px) {
    .account-nav__action,
    .no-touch .account-nav__action:hover {
        background-color: #fff
    }
    .account-nav__action {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        border-left: 5px solid #f7414e;
        padding: .5rem
    }
}
.account-nav__action-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: color .25s ease-in-out;
    padding: .85rem .65rem;
    color: #464648;
    fill: #f7414e
}
.account-nav__action-separator {
    border-right: 1px solid #fff
}
@media (min-height:769px) {
    .account-nav__action-title {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: .6rem .4rem;
        color: #464648;
        fill: #f7414e
    }
    .no-touch .account-nav__action-title:hover {
        color: #f7414e
    }
    .account-nav__action-separator {
        border-right: 0;
        border-bottom: 1px solid #bbc2cf
    }
}
.account-nav__action-icon {
    display: inline-block;
    margin-right: .5rem;
    width: 1.4rem;
    height: 1.4rem
}
.account-nav__gentleman-logo {
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: .5rem;
    width: 3.2rem;
    height: 3.2rem
}
.account-nav__gentleman-close-logo {
    position: absolute;
    top: .3rem;
    right: .3rem;
    cursor: pointer;
    width: .8rem;
    height: .8rem;
    fill: #bbc2cf
}
.account-nav__gentleman-close-logo:hover {
    cursor: pointer;
    fill: #8491a4
}
.account__summary-city::first-letter {
    text-transform: uppercase
}
.account__summary-city {
    display: inline-block;
    text-transform: lowercase
}
.account__summary-nickname {
    font-size: 1.5rem;
    font-weight: 700
}
.account-nav__summary-picture {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: .5;
    background-color: #bbc2cf;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}
.account-nav__summary-picture-preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    text-align: center;
    color: #fff
}
.account-nav__my-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #bbc2cf;
    background-color: #fff
}
@media (min-height:769px) {
    .account-nav__my-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.account-nav__footer {
    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;
    font-size: .8rem
}
.account-nav__footer-link {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    padding: .5rem 1rem;
    text-decoration: underline;
    color: #464648
}
.account-nav__footer-link:hover {
    color: #000
}
.account-nav__interaction-bubbles {
    display: none
}
@media (min-height:769px) {
    .account-nav__interaction-bubbles {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.dating-header__boost-cta--active {
    border: .1rem solid #3223be;
    background: #fff;
    padding: .25rem .6rem;
    width: auto;
    height: auto
}
.dating-header__boost-cta--inactive {
    background: #3223be
}
.dating-header__boost-cta--inactive:hover {
    background: #6f65ac
}
.dating-header__boost-cta--inactive[disabled] {
    background: #bbc2cf
}
.dating-header__boost-icon--active,
.dating-header__boost-icon--disabled,
.dating-header__boost-icon--inactive,
.dating-header__boost-icon--loading {
    fill: #fff
}
.dating-header__boost-icon--active {
    fill: #3223be
}
.dating-header__boost-cta--loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-border-radius: 1.8rem;
    border-radius: 1.8rem;
    border-color: #eef0f5;
    background: #eef0f5;
    width: 2rem;
    height: 2rem
}
.dating-header__incognito-cta--active {
    border: .1rem solid #3223be;
    background: #fff;
    padding: .25rem .6rem;
    width: auto;
    height: auto
}
.dating-header__incognito-cta--active:hover {
    border: .1rem solid #6f65ac
}
.dating-header__incognito-cta--inactive {
    background: #3223be
}
.dating-header__incognito-cta--inactive:hover {
    background: #6f65ac
}
.dating-header__incognito-cta--inactive[disabled] {
    background: #bbc2cf
}
.dating-header__incognito-icon {
    fill: #fff
}
.dating-header__incognito-icon--active {
    fill: #3223be
}
.dating-header__incognito-cta--active:hover .dating-header__incognito-icon--active {
    fill: #6f65ac
}
.dating-header__incognito-cta--active:hover .dating-header__incognito-text--active {
    color: #6f65ac
}
.dating-header__incognito-cta-notification {
    right: -1.1rem
}
.dating-header__incognito-cta-notification--active {
    right: -.9rem;
    bottom: -.1rem;
    background: #3223be;
    color: #fff
}
.dating-header__incognito-panel,
.dating-header__incognito-panel--active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 4.5rem;
    right: -5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 7;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16);
    background: #fff;
    width: 17rem
}
.dating-header__incognito-panel--active::before,
.dating-header__incognito-panel::before {
    position: absolute;
    top: -.4rem;
    left: 10.5rem;
    border-width: 0 .4rem .4rem;
    border-style: solid;
    border-color: transparent transparent #3223be;
    width: 0;
    height: 0;
    content: ''
}
.dating-header__incognito-panel--active::before {
    left: 8.5rem
}
.dating-header__incognito-cta--inactive+.dating-header__incognito-panel::before {
    left: 10.3rem
}
.dating-header__incognito-panel-close {
    display: block;
    position: absolute;
    top: .5rem;
    right: .5rem;
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    z-index: 9;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    fill: #fff
}
.dating-header__incognito-panel-close:hover {
    fill: #bbc2cf
}
.dating-header__incognito-panel-close-icon {
    display: block;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    width: 1rem;
    height: 1rem;
    pointer-events: none
}
.dating-header__incognito-panel-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    z-index: 8;
    padding: .5rem .3rem
}
.dating-header__incognito-panel-shape {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-border-top-left-radius: .2rem;
    border-top-left-radius: .2rem;
    -webkit-border-top-right-radius: .2rem;
    border-top-right-radius: .2rem;
    background-image: url(https://iliusstd-a.akamaihd.net/dating/assets/images/incognito-wave-df7f724f81.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    -webkit-background-size: cover;
    background-size: cover;
    height: 5.6rem
}
.dating-header__incognito-panel-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8rem;
    text-align: center;
    color: #fff;
    font-size: .9rem
}
.dating-header__incognito-panel-switch,
.dating-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.dating-header__incognito-panel-time-left {
    max-width: 100%;
    font-weight: 700
}
.dating-header__incognito-panel-icon {
    width: 6.5rem;
    height: 6.5rem
}
.dating-header__incognito-panel-switch {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: .5rem;
    color: #8491a4;
    font-size: .9rem
}
.toggle-switch__incognito-button--checked::after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}
.toggle-switch__incognito-button--disabled {
    opacity: .5;
    cursor: default
}
.dating-header__incognito-panel-footer {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #eef0f5;
    padding: .6rem;
    text-align: center;
    line-height: 1.4;
    color: #8491a4;
    font-size: .75rem;
    font-style: italic
}
.dating-wrapper,
.profile {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.dating-wrapper {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #eef0f5
}
.dating-container-base,
.profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.dating-wrapper__list-background {
    background: #fff
}
.rating-wrapper {
    position: absolute;
    top: 100%
}
.dating-container-base {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.dating-container {
    margin-top: 4rem;
    min-height: calc(100vh - 4rem)
}
.dating-container--with-banner-default {
    margin-top: 10.25rem;
    min-height: calc(100vh - 10.25rem)
}
.dating-container--with-banner-small {
    margin-top: 7.5rem;
}
.dating-notification-container,
.dating-notification-container--with-banner-default,
.dating-notification-container--with-banner-small {
    position: fixed;
    top: 0;
    right: 1rem;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    z-index: 7
}
.dating-notification-container {
    -webkit-transform: translate3d(0, 4.7rem, 0);
    transform: translate3d(0, 4.7rem, 0)
}
.dating-notification-container--with-banner-default {
    -webkit-transform: translate3d(0, 10.95rem, 0);
    transform: translate3d(0, 10.95rem, 0)
}
.dating-notification-container--with-banner-small {
    -webkit-transform: translate3d(0, 8.2rem, 0);
    transform: translate3d(0, 8.2rem, 0)
}
@media (min-width:1441px) {
    .dating-notification-container,
    .dating-notification-container--with-banner-default,
    .dating-notification-container--with-banner-small {
        margin-right: calc(50% - 720.5px)
    }
}
.profile {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2rem;
    background: #fff;
    width: 100%
}
.dating-profile,
.profile-interests-edit__tag-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-full {
    position: relative;
    width: 100%;
    max-width: 1441px;
    height: 100%
}
.dating-profile {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.profile-interests-edit {
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    padding: 1rem
}
.profile-interests-edit__title {
    font-size: 1.375rem;
    font-weight: 300
}
.profile-interests-edit__tag-wrapper {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: .5rem 0
}
.profile-interests-edit__tag {
    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: .1rem .2rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: #eef0f5;
    padding: .1rem .2rem;
    height: 1.5rem;
    color: #464648;
    font-size: .8rem;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile-interests-edit__category,
.profile-interests-edit__close {
    display: inline-block;
    padding: 0 .2rem;
    width: .8rem
}
.profile-interests-edit__confirm-marker {
    margin-left: .2rem
}
.profile-interests-edit__category {
    fill: #464648
}
.profile-interests-edit__close {
    fill: #8491a4
}
.profile-interests-edit__explanation {
    margin: .5rem 0;
    color: #67bdc7
}
.profile-interests-edit__interests-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #8491a4;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    padding: .5rem .5rem 0;
    height: 33rem
}
.profile-interests-edit__interest-all {
    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: .2rem .4rem;
    cursor: pointer
}
.profile-interests-edit__interest-label {
    font-size: .7rem
}
.profile-interests-edit__more-ideas {
    position: absolute;
    bottom: .5rem;
    margin: .5rem;
    color: #67bdc7;
    font-size: .7rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.profile-interests-edit__interests-container {
    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: .125rem 0;
    height: 1.3rem
}
.profile-interests-edit__tag-container {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.dating-profile-interests__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30rem;
    -ms-flex: 0 0 30rem;
    flex: 0 0 30rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: -webkit-linear-gradient(260deg, #464648 0, #464648 11.3rem, #fff 11.4rem, #fff 100%);
    background: -o-linear-gradient(260deg, #464648 0, #464648 11.3rem, #fff 11.4rem, #fff 100%);
    background: linear-gradient(190deg, #464648 0, #464648 11.3rem, #fff 11.4rem, #fff 100%)
}
.dating-profile-interests__title {
    margin: 0;
    padding: 1.3rem;
    color: #fff;
    font-size: 1.37rem;
    font-weight: 300
}
.dating-profile-interests__slides {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden
}
.dating-profile-interests__slide--next,
.dating-profile-interests__slide--none,
.dating-profile-interests__slide--prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 100%;
    height: 100%
}
@-webkit-keyframes nextSlideAnimation {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes nextSlideAnimation {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes previousSlideAnimation {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes previousSlideAnimation {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.dating-profile-interests__slide--next.ng-hide-remove {
    -webkit-animation: nextSlideAnimation .25s ease-in-out;
    animation: nextSlideAnimation .25s ease-in-out
}
.dating-profile-interests__slide--next.ng-hide-add {
    -webkit-animation: previousSlideAnimation .25s ease-in-out;
    animation: previousSlideAnimation .25s ease-in-out
}
.dating-profile-interests__slide--prev.ng-hide-remove {
    animation: previousSlideAnimation .25s ease-in-out reverse
}
.dating-profile-interests__slide--prev.ng-hide-add {
    animation: nextSlideAnimation .25s ease-in-out reverse
}
.dating-profile-interests__slide-picture {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 9rem;
    -ms-flex: 0 0 9rem;
    flex: 0 0 9rem;
    margin: .5rem 1rem 1rem;
    background: center no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}
.dating-profile-interests__slide-title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
    color: #464648;
    font-size: 1.37rem;
    font-weight: 300
}
.dating-profile-interests__slide-scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.5rem 1rem 0;
    min-height: 0
}
.dating-profile-interests__slide-tags {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-y: auto
}
.dating-profile-interests__slide-tag {
    margin: .3rem .2rem;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background-color: #eef0f5;
    padding: .45rem .8rem;
    text-transform: lowercase;
    color: #464648;
    font-size: .81rem
}
.interest__zero-state {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    color: #464648;
    font-size: .9rem;
    font-style: italic
}
.dating-profile-interests__next,
.dating-profile-interests__previous {
    position: absolute;
    top: 10.4rem;
    padding: .5rem 1rem
}
.dating-profile-interests__previous {
    left: 0;
    z-index: 5
}
.dating-profile-interests__next {
    right: 0
}
.dating-profile-interests__next-arrow,
.dating-profile-interests__previous-arrow {
    width: 1rem;
    height: 1rem;
    fill: #464648
}
.dating-profile-interests__previous-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.dating-profile-interests__next-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.dating-profile-interests__bullets {
    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: .8rem 0 .96rem
}
.dating-profile-interests__bullet--active,
.dating-profile-interests__bullet--inactive {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .67rem;
    -ms-flex: 0 0 .67rem;
    flex: 0 0 .67rem;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    margin: 0 .13rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    height: .67rem
}
.dating-profile-interests__bullet--inactive {
    background-color: #bbc2cf
}
.dating-profile-interests__bullet--active {
    background-color: #464648
}
.dating-profile-interests__placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    padding: 1.5rem
}
.dating-profile-interests__placeholder-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .5rem;
    -ms-flex: 0 0 .5rem;
    flex: 0 0 .5rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 13rem 0 2rem;
    background: #eef0f5;
    width: 60%
}
.dating-profile-interests__placeholder-line {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .5rem;
    -ms-flex: 0 0 .5rem;
    flex: 0 0 .5rem;
    margin: .5rem 0;
    background: #eef0f5
}
@media (min-width:1025px) {
    .dating-profile-interests__slide-scroll {
        margin: 1.5rem 1.5rem 0
    }
    .dating-profile-interests__next,
    .dating-profile-interests__previous {
        padding: .5rem 1.6rem
    }
}
.dating-profile-reflist-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    min-height: 4rem;
    color: #464648
}
.dating-profile-reflist-card__wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.dating-profile-reflist-card__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 2rem;
    font-size: 1.375rem;
    font-weight: 300
}
.dating-profile-reflist-card__label,
.dating-profile-reflist-card__label--shuffle {
    padding-right: .5rem;
    color: #464648;
    font-family: 'Rubik', sans-serif;
    font-size: .9rem;
    font-weight: 300
}
.dating-profile-reflist-card__separator {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .7rem 0;
    border-top: 1px solid #bbc2cf
}
.dating-profile-reflist-card__entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0;
    font-family: 'Rubik', sans-serif
}
.dating-profile-reflist-card__entry--shuffle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .4rem 1rem .4rem 0;
    font-family: 'Rubik', sans-serif
}
.dating-profile-reflist-card__label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.dating-profile-reflist-card__value,
.dating-profile-reflist-card__value--shuffle {
    font-size: .9rem;
    font-weight: 700;
    font-family: 'Rubik', sans-serif
}
.dating-profile-reflist-card__value {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .5rem
}
.dating-profile-reflist-card__value::first-letter {
    text-transform: uppercase
}
.dating-profile-reflist-card__zero-state {
    margin-right: 1rem;
    font-size: .75rem;
    font-weight: 300;
    font-style: italic
}
.dating-profile-reflist-card__placeholder-headline {
    margin-top: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    background: #eef0f5;
    width: 30%;
    height: .5rem
}
.dating-profile-reflist-card__placeholder-line {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: .5rem;
    margin-right: 1rem;
    margin-bottom: .5rem;
    background: #eef0f5;
    height: .5rem
}
.search-range-form__select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.dating-profile-reflist-card__select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .8rem
}
.dating-profile-reflist-card__multi-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    min-width: 0;
    font-size: .8rem
}
.dating-profile-reflist-card__status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: .65rem;
    right: .45rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation-name: animateEnterOpacity;
    animation-name: animateEnterOpacity;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #67bdc7;
    padding: .1rem;
    width: .8rem;
    height: .8rem;
    color: #fff;
    fill: #fff
}
.dating-profile-reflist-card__status-pending {
    margin-bottom: .4rem
}
.dating-profile-search-card-edit,
.dating-profile-search-card-view,
.dating-profile-search-card-view__not-premium-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: #464648;
    min-height: 8rem;
    color: #eef0f5;
    font-family: 'Rubik', sans-serif
}
.dating-profile-search-card-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem .5rem
}
.dating-profile-search-card-view__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.dating-profile-search-card-view__not-premium-wrapper {
    padding: 1.5rem 3rem
}
@media (min-width:1025px) {
    .dating-profile-search-card-view__not-premium-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
@media (min-width:1441px) {
    .dating-profile-search-card-view__not-premium-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .dating-profile-search-card-view__not-premium-wrapper .dating-profile-search-card__not-premium {
        max-width: 75%
    }
}
.dating-gallery-content,
.dating-profile-multi-field-edit__multi-select,
.dating-profile-search-card-edit,
.dating-profile-search-card-edit__wrapper,
.dating-profile-search-card__not-premium-pic,
.profile__card-autopromo,
.profile__content-list,
.profile__content-overview,
.profile__content-overview-card-gentleman,
.profile__content-overview-card-interests,
.profile__content-overview-card-summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.dating-profile-search-card__not-premium {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 1rem
}
@media (min-width:1025px) {
    .dating-profile-search-card-view__not-premium-wrapper .dating-profile-search-card__not-premium {
        -webkit-box-flex: 2;
        -webkit-flex: 2 0 auto;
        -ms-flex: 2 0 auto;
        flex: 2 0 auto
    }
}
.dating-profile-search-card__not-premium-pic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 2rem
}
.dating-profile-search-card__not-premium-title {
    font-size: 1.8rem
}
.dating-profile-search-card__not-premium-text {
    margin-top: .5rem;
    width: 80%
}
.dating-profile-search-card__not-premium-button {
    border-color: #fff;
    color: #fff;
    margin-top: 1.5rem
}
.dating-profile-search-card__not-premium-button:hover {
    border-color: #8491a4;
    color: #8491a4
}
.dating-profile-search-card__not-premium-button:disabled,
.dating-profile-search-card__not-premium-button[disabled] {
    opacity: .4
}
.dating-profile-search-card__wrapper {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin: 0 1rem
}
.dating-profile-search-card__title {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    border-right: 1px solid #fff;
    padding-right: 1rem;
    text-align: right;
    font-size: 1.2rem;
    font-weight: 300
}
.dating-profile-search-card__title-pronoun {
    font-size: 1.6rem
}
.dating-profile-search-card__entry {
    margin-bottom: .5rem;
    line-height: 1.3
}
@media (min-width:0) {
    .dating-profile-search-card__picture-wrapper {
        display: none
    }
}
@media (min-width:769px) {
    .dating-profile-search-card__picture-wrapper {
        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: 0 .8rem
    }
}
@media (min-width:1025px) {
    .dating-profile-search-card__picture-wrapper {
        display: none
    }
}
@media (min-width:1441px) {
    .dating-profile-search-card__picture-wrapper {
        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: 0 1.5rem
    }
}
.dating-profile-search-card__picture-container {
    position: relative;
    border: 6px solid #464648;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.dating-profile-search-card__picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: .7;
    z-index: 1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #bbc2cf;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 7.2rem;
    height: 7.2rem;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}
.dating-profile-search-card__picture-question-mark {
    position: absolute;
    z-index: 7;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 1.55;
    font-size: 4.8rem;
    font-weight: 700
}
.dating-profile-search-card__label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    font-size: .9rem;
    font-weight: 300
}
.dating-profile-search-card__value {
    font-size: .9rem;
    font-weight: 700
}
.dating-profile-search-card-edit {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.2rem
}
.dating-profile-search-card-edit__header {
    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;
    margin-bottom: .6rem;
    border-bottom: .05rem solid #fff;
    padding-bottom: .6rem;
    font-size: 1.2rem;
    font-weight: 300
}
.dating-profile-search-card-edit__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.dating-profile-search-card-edit__entry {
    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: .5rem
}
.dating-profile-search-card-edit__entry-field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%
}
.dating-profile-search-card-edit__entry-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 0;
    min-width: 0
}
.dating-profile-search-card-edit__entry-field .entry-age__input-wrapper,
.dating-profile-search-card-edit__entry-field .entry-multi__input {
    max-width: 6.5rem
}
.dating-profile-search-card-edit__entry-field .entry-age__input--normal,
.dating-profile-search-card-edit__entry-field .meetic-multi-select__button,
.dating-profile-search-card-edit__entry-field .meetic-select__input,
.dating-profile-search-card-edit__entry-field .meetic-select__wrapper {
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    border-color: #464648;
    background: #858588;
    color: #fff
}
.dating-profile-search-card-edit__entry-field .meetic-select__input {
    word-break: normal
}
.dating-profile-search-card-edit__entry-field .meetic-multi-select__result-wrapper {
    border-color: #464648;
    background: #858588;
    color: #fff
}
.dating-profile-search-card-edit__entry-field .meetic-multi-select__arrow,
.dating-profile-search-card-edit__entry-field .meetic-select__arrow {
    fill: #fff
}
.dating-profile-search-card-edit__entry-field .meetic-multi-select__placeholder {
    color: #eef0f5
}
.dating-profile-search-card-edit__entry-field .meetic-multi-select__search-result--selected {
    background: #5a5a5d;
    color: #fff
}
.dating-profile-search-card-edit__entry-field .meetic-multi-select__search-result--selected:hover {
    background: #505052
}
.dating-profile-search-card-edit__entry-field .meetic-multi-select__search-result--selected:before {
    content: none
}
.no-touch .dating-profile-search-card-edit__entry-field .meetic-multi-select__search-result--normal:hover {
    background: #737377
}
.dating-profile-search-card-edit__entry-confirm-marker {
    position: absolute;
    top: 50%;
    right: .35rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}
.dating-profile-search-card__more-criteria {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem;
    text-decoration: underline;
    font-size: .75rem;
    font-weight: 700
}
.no-touch .dating-profile-search-card__more-criteria:hover {
    color: #d9d9d9
}
.dating-profile-search-card__range {
    width: 100%
}
.dating-profile-multi-field-edit__multi-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    color: #464648;
    font-size: .8rem
}
.profile__card .meetic-multi-select__button {
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .3rem;
    border-radius: .3rem
}
.dating-profile-single-field-edit__select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.profile-gentleman-badge__title {
    margin-bottom: .3rem;
    color: #464648;
    font-size: 1.1rem
}
.profile-gentleman-badge__content {
    margin-bottom: 1rem;
    color: #8491a4;
    font-size: .85rem
}
.profile-gentleman-badge__content-bullet {
    display: list-item;
    margin-left: 1.2rem
}
.profile__content,
.profile__content-overview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-gentleman-badge__button {
    border-color: #ed5565;
    background-color: #ed5565;
    color: #fff;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.profile-gentleman-badge__button:hover {
    border-color: #da4453;
    background-color: #da4453
}
.profile-gentleman-badge__button:disabled,
.profile-gentleman-badge__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.profile__content {
    display: flex;
    padding-right: 2rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media (min-width:1025px) {
    .profile__content {
        padding: 0 2rem
    }
}
.profile__content-overview {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media (min-width:1025px) {
    .profile__content-overview {
        -webkit-flex-basis: 18rem;
        -ms-flex-preferred-size: 18rem;
        flex-basis: 18rem
    }
}
@media (min-width:1441px) {
    .profile__content {
        padding: 0;
        width: 1441px
    }
    .profile__content-overview {
        -webkit-flex-basis: 22rem;
        -ms-flex-preferred-size: 22rem;
        flex-basis: 22rem
    }
}
.profile__content-overview-card-interests,
.profile__content-overview-card-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.profile__content-overview-card-summary {
    -webkit-border-bottom-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    -webkit-border-bottom-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    background: #fff
}
.profile__content-overview-card-interests {
    margin-top: 2rem
}
.profile__content-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    padding-top: 2rem;
    padding-left: 2rem;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word
}
.event-rsvp__card-autopromo,
.profile__card,
.profile__card-advertising,
.profile__card-autopromo,
.profile__card-essay,
.profile__card-search {
    margin-bottom: 2rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile__card {
    background: #fff;
    padding: 1.2rem 1.7rem
}
.profile__card-autopromo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 21rem
}
.profile__card-advertising {
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: hidden
}
.profile__babu-ad {
    display: none
}
@media (min-width:1025px) {
    .profile__babu-ad {
        display: block;
        margin-bottom: 1.5rem;
        min-height: 5.625rem
    }
}
.profile__separator {
    border: 1px solid #bbc2cf
}
.profile__promo {
    display: none
}
@media (min-width:1025px) {
    .profile__promo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18.75rem;
        -ms-flex: 0 0 18.75rem;
        flex: 0 0 18.75rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 2rem;
        padding-left: 2rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}
.dating-gallery-content,
.dating-gallery-picture-navigation {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox
}
.profile__legal-mention {
    margin-top: .5rem;
    text-align: center;
    color: #8491a4;
    font-family: 'Rubik', sans-serif;
    font-size: .7rem;
    font-weight: 300
}
.profile__content-overview-card-gentleman {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 0 0 1.5rem 1.5rem;
    border-radius: 0 0 1.5rem 1.5rem;
    background: #fff;
    padding: 1.5rem
}
.profile-gallery-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0;
    -ms-flex: 0 0;
    flex: 0 0;
    z-index: 1;
    background: #000;
    width: 100%
}
.dating-gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.dating-gallery-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    z-index: 0;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.dating-gallery-content {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}
.dating-gallery-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    width: 5rem;
    height: 5rem;
    fill: #8491a4
}
.dating-gallery-close-icon {
    display: block;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    margin: 1.5rem;
    width: 2rem;
    height: 2rem;
    pointer-events: none
}
.dating-gallery-picture-navigation {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 27rem;
    -ms-flex: 0 0 27rem;
    flex: 0 0 27rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.dating-gallery-picture,
.dating-gallery-picture-navigation-button,
.dating-gallery-picture-navigation-button--hidden {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
@media medium and (min-height:716px) {
    .dating-gallery-picture-navigation {
        -webkit-flex-basis: 32rem;
        -ms-flex-preferred-size: 32rem;
        flex-basis: 32rem
    }
}
@media (min-width:769px) and (min-height:769px) {
    .dating-gallery-picture-navigation {
        -webkit-flex-basis: 35rem;
        -ms-flex-preferred-size: 35rem;
        flex-basis: 35rem
    }
}
.dating-gallery-picture-navigation-button,
.dating-gallery-picture-navigation-button--hidden {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    opacity: 1;
    cursor: pointer;
    fill: #8491a4
}
.dating-gallery-picture-navigation-button--hidden,
.dating-gallery-thumbnail-navigation-button--hidden {
    opacity: 0;
    pointer-events: none
}
.dating-gallery-picture-navigation-icon--next,
.dating-gallery-picture-navigation-icon--previous {
    display: block;
    margin: 1.5rem;
    width: 2.5rem;
    height: 2.5rem;
    pointer-events: none
}
.dating-gallery-picture-navigation-icon--previous {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}
.dating-gallery-picture-navigation-icon--next {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
.dating-gallery-picture {
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0;
    -ms-flex: 0 0;
    flex: 0 0;
    -webkit-flex-basis: 20rem;
    -ms-flex-preferred-size: 20rem;
    flex-basis: 20rem;
    -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;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}
@media (min-width:769px) and (min-height:716px) {
    .dating-gallery-picture {
        -webkit-flex-basis: 30rem;
        -ms-flex-preferred-size: 30rem;
        flex-basis: 30rem
    }
}
@media (min-width:769px) and (min-height:769px) {
    .dating-gallery-picture {
        -webkit-flex-basis: 40rem;
        -ms-flex-preferred-size: 40rem;
        flex-basis: 40rem
    }
}
.dating-gallery__member-info-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;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1;
    background-color: #fff;
    padding: 1rem;
    height: 6.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media medium and (min-height:716px) {
    .dating-gallery__member-info-section {
        width: 100%
    }
}
@media (min-width:769px) and (min-height:769px) {
    .dating-gallery__member-info-section {
        width: 40rem
    }
}
.dating-gallery__member-info-section-about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 1rem;
    overflow: hidden;
    color: #464648
}
.dating-gallery__member-nickname {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .1rem;
    font-size: 1.3rem;
    font-weight: 700
}
.dating-gallery__member-nickname-value {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.dating-gallery__member-online {
    padding-left: .2rem;
    text-align: left;
    color: #00c2ab
}
.dating-gallery__member-details {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8491a4;
    font-size: .7rem
}
.dating-gallery__member-city::first-letter {
    text-transform: uppercase
}
.dating-gallery__member-city {
    display: inline-block;
    text-transform: lowercase
}
.dating-gallery-thumbnail-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3rem;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.5rem;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.dating-gallery-thumbnail-navigation-button,
.dating-gallery-thumbnail-navigation-button--hidden {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 3rem;
    -ms-flex: 0 1 3rem;
    flex: 0 1 3rem;
    cursor: pointer
}
.dating-gallery-thumbnail-navigation-icon {
    display: block;
    margin: .75rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: rgba(132, 145, 164, .7);
    pointer-events: none
}
.dating-gallery-thumbnails-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 17rem;
    -ms-flex: 0 0 17rem;
    flex: 0 0 17rem;
    height: 3rem;
    overflow: hidden
}
.dating-gallery-thumbnails,
.dating-gallery-thumbnails--centered {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
    height: 100%
}
.dating-gallery-thumbnails {
    -webkit-transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}
.dating-gallery-thumbnails--centered {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.dating-gallery-thumbnail--active,
.dating-gallery-thumbnail--inactive {
    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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: .25s linear opacity;
    -o-transition: .25s linear opacity;
    transition: .25s linear opacity;
    margin-right: .5rem;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    text-align: center;
    color: #eef0f5;
    font-size: 2rem;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.dating-gallery-thumbnail--active:last-child,
.dating-gallery-thumbnail--inactive:last-child {
    margin-right: 0
}
.dating-gallery-thumbnail--active {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
}
.dating-gallery-thumbnail--inactive {
    opacity: .5
}
.no-touch .dating-gallery-thumbnail--inactive:hover {
    opacity: .7
}
.dating-gallery__set-as-profile-pic-button:disabled,
.dating-gallery__set-as-profile-pic-button[disabled],
.profile-picture-add-button__button:disabled,
.profile-picture-add-button__button[disabled],
.profile-picture-request__button:disabled,
.profile-picture-request__button[disabled] {
    opacity: .4
}
.dating-gallery-scroll-to-profile-button {
    display: none;
    position: absolute;
    bottom: .5rem;
    left: 50%;
    margin-left: -1.75rem;
    cursor: pointer;
    width: 3.5rem;
    height: 3.5rem;
    fill: none;
    stroke: #8491a4;
    stroke-width: 3px
}
.dating-gallery-scroll-to-profile-icon {
    display: block;
    margin: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    pointer-events: none;
    fill: none;
    stroke: #8491a4;
    stroke-width: .18rem
}
@media (min-height:825px) {
    .dating-gallery-scroll-to-profile-button {
        display: block
    }
}
.gallery-picture-display__wrapper--darkened,
.gallery-picture-display__wrapper--normal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    width: 100%;
    height: 100%
}
.gallery-picture-display__wrapper--darkened {
    background-color: rgba(255, 255, 255, .2)
}
.dating-gallery-picture-tracker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4rem;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1rem;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background-color: rgba(0, 0, 0, .5);
    height: 1.5625rem
}
.dating-gallery-picture-tracker-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.25rem;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem;
    height: 1.25rem;
    fill: #fff
}
.dating-gallery-picture-tracker-text {
    margin-left: .2rem;
    color: #fff;
    font-size: .8rem
}
.dating-gallery__picture-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.dating-gallery__picture-moderation-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    text-align: right
}
.dating-gallery__picture-moderation-message-text {
    position: relative;
    cursor: default;
    min-width: 7rem;
    text-align: center;
    text-shadow: 0 0 .5rem #000;
    color: #eef0f5;
    font-size: .6rem
}
.dating-gallery__picture-moderation-message-hint {
    display: none;
    bottom: -.5rem;
    padding: .5rem;
    width: 7.5rem;
    height: auto;
    text-align: center;
    white-space: normal;
    font-size: .65rem
}
.dating-gallery__picture-moderation-message:hover .dating-gallery__picture-moderation-message-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.dating-gallery__profile-picture-message {
    color: #8491a4;
    font-size: .6rem
}
.dating-gallery__picture-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 4.8rem
}
.dating-gallery__picture-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.dating-gallery__set-as-profile-pic-button {
    border-color: #67bdc7;
    color: #67bdc7
}
.dating-gallery__set-as-profile-pic-button:hover {
    border-color: #44abb7;
    color: #44abb7
}
.dating-gallery__delete-picture-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: 1;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background-color: rgba(0, 0, 0, .5);
    padding: .3rem;
    width: 1.2rem;
    height: 1.2rem;
    fill: #eef0f5
}
.dating-gallery__delete-picture-button:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, .7)
}
.pictures-main-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    width: 16rem
}
.pictures-main-area__picture,
.pictures-main-area__picture-with-gradient {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.pictures-main-area__picture-with-gradient::before {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 8;
    background: -webkit-gradient(linear, left top, left bottom, from(#464648), color-stop(80%, transparent));
    background: -webkit-linear-gradient(#464648 0, transparent 80%);
    background: -o-linear-gradient(#464648 0, transparent 80%);
    background: linear-gradient(#464648 0, transparent 80%);
    width: 100%;
    height: 3rem;
    content: ' '
}
.pictures-main-area__picture-no-picture {
    -webkit-background-size: contain;
    background-size: contain;
    cursor: default
}
.pictures-main-area__new-member-status {
    position: absolute;
    top: 0;
    z-index: 9;
    margin: .5rem;
    font-size: .8rem;
    font-weight: 400
}
.pictures-gentleman-badge {
    position: absolute;
    right: .3rem;
    bottom: .3rem;
    z-index: 5
}
.pictures-gentleman-badge--edit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: .3rem;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5
}
.pictures-gentleman-badge--edit__icon {
    margin-bottom: .3rem;
    width: 2.5rem;
    height: 2.5rem
}
.pictures-gentleman-badge--edit-triangle {
    position: absolute;
    bottom: 0;
    border-width: 0 .2rem .2rem;
    border-style: solid;
    border-color: transparent transparent #fff
}
.pictures-side-area {
    display: none;
    position: relative
}
.pictures-side-area__small-picture {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.pictures-side-area__counter-wrapper--edit,
.pictures-side-area__counter-wrapper--view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5);
    width: 8rem;
    height: 8rem
}
.pictures-side-area__counter-wrapper--view {
    top: 8rem
}
.pictures-side-area__counter-wrapper--edit {
    bottom: 8rem
}
.pictures-side-area__counter {
    font-size: 2rem;
    font-weight: 700
}
.add-picture-button-main,
.pictures-request-layer-main,
.pictures-request-layer-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .5)
}
.pictures-request-layer-side,
.profile-picture-request {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.add-picture-button-main {
    cursor: pointer
}
.pictures-request-layer-side {
    -ms-flex-direction: column;
    flex-direction: column
}
.pictures-add-button-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 100%
}
@media (min-width:769px) {
    .pictures-side-area {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8rem;
        -ms-flex: 0 0 8rem;
        flex: 0 0 8rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 8rem
    }
}
@media (min-width:1025px) {
    .pictures-main-area {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18rem;
        -ms-flex: 0 0 18rem;
        flex: 0 0 18rem;
        width: 18rem
    }
    .pictures-side-area {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 9rem;
        -ms-flex: 0 0 9rem;
        flex: 0 0 9rem;
        width: 9rem
    }
    .pictures-side-area__small-picture {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 9rem;
        -ms-flex: 0 0 9rem;
        flex: 0 0 9rem
    }
    .pictures-side-area__counter-wrapper--edit,
    .pictures-side-area__counter-wrapper--view {
        width: 9rem;
        height: 9rem
    }
    .pictures-side-area__counter-wrapper--view {
        top: 9rem
    }
    .pictures-side-area__counter-wrapper--edit {
        bottom: 9rem
    }
}
@media (min-width:1441px) {
    .pictures-main-area {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22rem;
        -ms-flex: 0 0 22rem;
        flex: 0 0 22rem;
        width: 22rem
    }
    .pictures-side-area {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 11rem;
        -ms-flex: 0 0 11rem;
        flex: 0 0 11rem;
        width: 11rem
    }
    .pictures-side-area__small-picture {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 11rem;
        -ms-flex: 0 0 11rem;
        flex: 0 0 11rem
    }
    .pictures-side-area__counter-wrapper--edit,
    .pictures-side-area__counter-wrapper--view {
        width: 11rem;
        height: 11rem
    }
    .pictures-side-area__counter-wrapper--view {
        top: 11rem
    }
    .pictures-side-area__counter-wrapper--edit {
        bottom: 11rem
    }
}
.profile-picture-request {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5rem
}
.profile-picture-request__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2.5rem;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    fill: #fff
}
.profile-picture-request__label {
    padding: 0 .5rem;
    width: 9rem;
    text-align: center;
    color: #fff;
    font-size: .6rem;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile-picture-request__button {
    border-color: #fff;
    color: #fff;
    margin-top: .7rem
}
.profile-picture-request__button:hover {
    border-color: #8491a4;
    color: #8491a4
}
.profile-picture-add-button {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .5rem
}
.profile-picture-add-button__icon {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    fill: #fff
}
.profile-picture-add-button__label {
    text-align: center;
    color: #fff;
    font-size: .6rem;
    font-weight: 700
}
.profile-picture-add-button__button {
    border-color: #fff;
    color: #fff;
    margin-top: .7rem
}
.profile-picture-add-button__button:hover {
    border-color: #8491a4;
    color: #8491a4
}
.profile__hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #000;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.profile__hero-cover,
.profile__hero-cover-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    top: 0
}
.profile__hero-cover {
    opacity: .5;
    z-index: 0;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.profile__hero-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #464648
}
.profile__hero-placeholder-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 1441px
}
.profile__hero-placeholder-picture {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    background-color: #bbc2cf
}
.profile__hero-placeholder-pictures {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.profile__hero-placeholder-block,
.profile__hero-placeholder-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}
.profile__hero-placeholder-small-picture--bottom,
.profile__hero-placeholder-small-picture--top {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
    border-right: solid 1px #bbc2cf;
    width: 8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile__hero-placeholder-small-picture--top {
    border-bottom: solid 1px #bbc2cf
}
.profile__hero-placeholder-content {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.2rem 2rem 1.2rem 1.6rem
}
.profile__hero-placeholder-block {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem
}
.profile__hero-pictures,
.profile__hero-placeholder-ctas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile__hero-placeholder-line {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .6rem;
    -ms-flex: 0 0 .6rem;
    flex: 0 0 .6rem;
    margin-top: .5rem;
    background: #bbc2cf;
    width: 15rem
}
.profile__hero-placeholder-ctas {
    display: flex;
    margin-top: 2rem
}
.profile__hero-placeholder-cta {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3rem;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    margin-right: .8rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #bbc2cf;
    height: 3rem
}
.profile__hero-pictures {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}
.profile__hero-content,
.profile__hero-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile__hero-wrapper {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 1441px;
    -ms-flex: 0 1 1441px;
    flex: 0 1 1441px;
    z-index: 5;
    color: #fff
}
.profile__hero-content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    padding: 1rem 2rem 1rem 1.6rem
}
.profile__hero-block-header,
.profile__hero-nickname {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile__hero-last-connection {
    margin-bottom: .3rem;
    min-height: .75rem;
    font-size: .7rem;
    font-style: italic
}
.profile__hero-nickname {
    display: flex;
    font-size: 2.3rem
}
.profile__hero-block-header {
    display: flex
}
.profile__hero-block {
    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;
    margin-bottom: .1rem;
    font-weight: 700
}
.profile__hero-block-premium {
    margin-left: 3rem
}
.profile__hero-online {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: .2rem;
    text-align: left;
    line-height: 100%;
    color: #00c2ab;
    font-family: sans-serif
}
.profile__hero-online-hint {
    display: none;
    top: .4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.profile__hero-online:hover {
    cursor: default
}
.profile__hero-online:hover .profile__hero-online-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.profile__hero-infos {
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    font-weight: 400
}
.profile__hero-edit-container {
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: .4rem 0 0 .5rem;
    cursor: pointer
}
.profile__hero-edit-icon svg {
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.profile__hero-edit-container:hover .profile__hero-edit-icon svg,
.shuffle__cancel--disabled .shuffle__cancel-icon {
    fill: #dee0e5
}
.profile__hero-edit-hint {
    display: none;
    top: .4rem;
    font-family: sans-serif
}
.profile__hero-edit-container:hover .profile__hero-edit-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.profile__hero-infos-city {
    display: inline-block;
    text-transform: capitalize
}
.profile__hero-separator {
    opacity: .4;
    margin: 0;
    border: 0;
    border-bottom: solid 1px #fff;
    width: 3rem
}
.profile__hero-imperfection {
    margin-bottom: 1rem
}
.profile__hero-imperfection-title {
    margin-bottom: .2rem;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-size: 1.1rem;
    font-weight: 700
}
.profile-edit-nickname-city-popup__header-title,
.shuffle__countdown-subtitle,
.shuffle__countdown-title {
    font-family: 'Rubik', sans-serif
}
.profile__hero-imperfection-content {
    font-size: .93rem
}
.profile__hero-imperfection-marker {
    margin-left: .5rem
}
.profile__hero-imperfection-edition {
    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: .4rem
}
.profile__hero-actions,
.profile__hero-actions-ctas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile__hero-actions {
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profile__hero-actions-ctas {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.profile__hero-actions-cta-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.profile__hero-premium-details {
    display: block;
    padding-left: 2rem
}
.profile__hero-see-profile-button {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff
}
.profile__hero-see-profile-button:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.profile__hero-see-profile-button:disabled,
.profile__hero-see-profile-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.profile__dropdown-button {
    border-color: #fff;
    color: #fff;
    fill: #fff
}
.profile__dropdown-button:hover {
    border-color: #bbc2cf;
    color: #bbc2cf;
    fill: #bbc2cf
}
.profile__dropdown-button--active {
    border-color: #fff;
    color: #fff;
    fill: #fff
}
.profile__dropdown-button .profile__dropdown-button-dots,
.profile__dropdown-button--active .profile__dropdown-button-close {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 1
}
.profile__dropdown-button .profile__dropdown-button-close,
.profile__dropdown-button--active .profile__dropdown-button-dots {
    position: absolute;
    opacity: 0
}
@media (min-width:0) {
    .profile__hero-premium-details {
        display: none
    }
}
@media (min-width:769px) {
    .profile__hero-placeholder-pictures {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .profile__hero-premium-details {
        display: none
    }
}
@media (min-width:1025px) {
    .profile__hero-premium-details {
        display: block
    }
    .profile__hero-content,
    .profile__hero-placeholder-content {
        padding: 1.5rem 2rem 1.5rem 2.43rem
    }
    .profile__hero-pictures {
        margin-left: 2rem
    }
    .profile__hero {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18rem;
        -ms-flex: 0 0 18rem;
        flex: 0 0 18rem
    }
    .profile__hero-placeholder-picture {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18rem;
        -ms-flex: 0 0 18rem;
        flex: 0 0 18rem;
        margin-left: 2rem
    }
    .profile__hero-placeholder-small-picture--bottom,
    .profile__hero-placeholder-small-picture--top {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 9rem;
        -ms-flex: 0 0 9rem;
        flex: 0 0 9rem
    }
    .profile__hero-placeholder-block {
        margin-top: 1.5rem
    }
}
@media (min-width:1441px) {
    .profile__hero-premium-details {
        display: block
    }
    .profile__hero {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22rem;
        -ms-flex: 0 0 22rem;
        flex: 0 0 22rem
    }
    .profile__hero-pictures {
        margin-left: 0
    }
    .profile__hero-content,
    .profile__hero-placeholder-content {
        padding: 3.12rem 2rem 2.2rem 3.43rem
    }
    .profile__hero-placeholder-picture {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22rem;
        -ms-flex: 0 0 22rem;
        flex: 0 0 22rem;
        margin-left: 0
    }
    .profile__hero-placeholder-small-picture--bottom,
    .profile__hero-placeholder-small-picture--top {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 11rem;
        -ms-flex: 0 0 11rem;
        flex: 0 0 11rem;
        width: 11rem
    }
    .profile__hero-placeholder-ctas {
        margin-top: 4rem
    }
}
.profile-edit-nickname-city-popup__popup {
    min-height: 17rem
}
.profile-edit-nickname-city-popup__header {
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #bbc2cf;
    padding-bottom: .9rem;
    width: 100%;
    font-size: 1rem
}
.profile-edit-nickname-city-popup__header-title {
    font-size: 1.375rem;
    font-weight: 300
}
.profile-edit-nickname-city-popup__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;
    width: 100%
}
.profile-edit-nickname-city-popup__input-container {
    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;
    margin: .8rem 0
}
.profile-edit-nickname-city-popup__input-title {
    margin: .4rem 0;
    font-size: .9rem;
    font-weight: 700
}
.profile-edit-nickname-city-popup__input {
    -webkit-transition: border .3s ease-in;
    -o-transition: border .3s ease-in;
    transition: border .3s ease-in;
    outline: 0;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: .7rem;
    height: auto;
    font-size: .9rem
}
.profile-edit-nickname-city-popup__input:focus {
    border-color: #8491a4
}
.profile-edit-nickname-city-popup__input--error {
    border: 1px solid #e13236
}
.profile-edit-nickname-city-popup__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 2rem
}
.profile-edit-nickname-city-popup__cancel {
    border-color: #8491a4;
    background-color: #8491a4;
    color: #fff;
    margin-right: 1rem
}
.profile-edit-nickname-city-popup__cancel:hover {
    border-color: #464648;
    background-color: #464648
}
.profile-edit-nickname-city-popup__cancel:disabled,
.profile-edit-nickname-city-popup__cancel[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.profile-edit-nickname-city-popup__submit {
    border-color: #60c7c2;
    background-color: #60c7c2;
    color: #fff
}
.profile-edit-nickname-city-popup__submit:hover {
    border-color: #50aba7;
    background-color: #50aba7
}
.profile-edit-nickname-city-popup__submit:disabled,
.profile-edit-nickname-city-popup__submit[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.profile-error-modal__mask {
    top: 4rem;
    z-index: 7
}
.dating-container--with-banner-default .profile-error-modal__mask {
    top: 10.25rem
}
.dating-container--with-banner-small .profile-error-modal__mask {
    top: 7.5rem
}
.profile-error-modal__popup-content {
    width: 100%
}
@-webkit-keyframes yesAnimationLight {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0
    }
}
@keyframes yesAnimationLight {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0
    }
}
@-webkit-keyframes noAnimationLight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
        opacity: 0
    }
}
@keyframes noAnimationLight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px);
        opacity: 0
    }
}
.shuffle__swipe-profiles-list {
    min-height: 100%
}
.shuffle-page--kiss {
    margin-bottom: -2rem;
    background: #fff;
    min-height: calc(100vh - 2rem)
}
.shuffle-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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
}
.shuffle__title {
    z-index: 7;
    text-align: center;
    color: #fff;
    font-size: 1rem
}
.shuffle__remaining-members {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 7;
    margin-top: .3rem;
    margin-bottom: .4rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background-color: #464648;
    cursor: default;
    padding: .4rem .9rem;
    font-weight: 700
}
.shuffle-card__similarities-text-wrapper {
    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
}
.shuffle,
.shuffle__ellipse {
    display: -webkit-flex;
    display: -ms-flexbox
}
.shuffle__remaining-members-number {
    margin-right: .3rem;
    color: #fff
}
.shuffle__remaining-members-text {
    text-transform: uppercase;
    color: #fff
}
.shuffle {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
    background: -webkit-linear-gradient(320deg, #fbe381, #d56e4f);
    background: -o-linear-gradient(320deg, #fbe381, #d56e4f);
    background: linear-gradient(130deg, #fbe381, #d56e4f)
}
.shuffle-card__info,
.shuffle-card__info-text-wrapper,
.shuffle__card-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.shuffle--night {
    background: -webkit-linear-gradient(320deg, #5ea3e2, #7d4caa);
    background: -o-linear-gradient(320deg, #5ea3e2, #7d4caa);
    background: linear-gradient(130deg, #5ea3e2, #7d4caa)
}
.shuffle-container {
    width: 100%;
    height: 35rem
}
.shuffle__ellipse {
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: 92%;
    right: 0;
    bottom: 0;
    left: 0;
    fill: #fff
}
.shuffle__content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1441px
}
.shuffle__card-container {
    position: relative
}
.shuffle__next-transparent-card {
    position: absolute;
    top: .2rem;
    opacity: .5;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #fff;
    height: .8rem
}
.shuffle__next-transparent-card--secondary {
    position: absolute;
    top: -.6rem;
    opacity: .3;
    -webkit-border-top-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    -webkit-border-top-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #fff;
    height: 1.6rem
}
.shuffle__card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 1rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media (min-width:0) {
    .shuffle__next-transparent-card {
        left: 2.1665rem;
        width: 38.997rem
    }
    .shuffle__next-transparent-card--secondary {
        left: 4.333rem;
        width: 34.664rem
    }
    .shuffle-card-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 43.33rem;
        -ms-flex: 0 0 43.33rem;
        flex: 0 0 43.33rem;
        height: 28.25
    }
}
@media (min-width:1441px) {
    .shuffle__next-transparent-card {
        left: 2.375rem;
        width: 42.75rem
    }
    .shuffle__next-transparent-card--secondary {
        left: 4.75rem;
        width: 38rem
    }
    .shuffle-card-wrapper {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 47.5rem;
        -ms-flex: 0 0 47.5rem;
        flex: 0 0 47.5rem;
        height: 31.75rem
    }
    .shuffle-container {
        height: 38.5rem
    }
}
.shuffle-card,
.shuffle-card--hidden,
.shuffle-card--loading,
.shuffle-card--no,
.shuffle-card--yes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-top: 1rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background-color: #fff;
    will-change: transform, opacity
}
.shuffle-card--no,
.shuffle-card--yes {
    position: absolute;
    left: calc(50% - $shuffle-card-width / 2);
    z-index: 8
}
@media (min-width:0) {
    .shuffle-card {
        width: 43.33rem;
        min-height: 23.25rem;
        max-height: 23.25rem
    }
}
@media (min-width:1441px) {
    .shuffle-card {
        width: 47.5rem;
        min-height: 26.75rem;
        max-height: 26.75rem
    }
}
@media (min-width:0) {
    .shuffle-card--loading {
        width: 43.33rem;
        height: 23.25rem
    }
}
@media (min-width:1441px) {
    .shuffle-card--loading {
        width: 47.5rem;
        height: 26.75rem
    }
}
.shuffle-card--yes {
    -webkit-animation: .8s ease-in-out 1;
    animation: .8s ease-in-out 1;
    -webkit-animation-name: yesAnimationLight;
    animation-name: yesAnimationLight
}
.shuffle-card--no {
    -webkit-animation: .8s ease-in-out 1;
    animation: .8s ease-in-out 1;
    -webkit-animation-name: noAnimationLight;
    animation-name: noAnimationLight
}
.shuffle-card--hidden {
    display: none
}
@media (min-width:0) {
    .shuffle-card--no,
    .shuffle-card--yes {
        width: 43.33rem;
        height: 23.25rem
    }
}
@media (min-width:1441px) {
    .shuffle-card--no,
    .shuffle-card--yes {
        width: 47.5rem;
        height: 26.75rem
    }
}
.shuffle__ad--margin {
    display: none;
    max-width: 25%
}
@media (min-width:1025px) {
    .shuffle__ad--margin {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 1rem
    }
}
.shuffle-top-background,
.shuffle__mutual-match {
    display: -webkit-box;
    display: -ms-flexbox;
    position: relative
}
@media (min-width:1280px) {
    .shuffle__ad--margin {
        margin-left: 3rem
    }
}
.shuffle__mutual-match {
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.shuffle-members__list {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    max-width: 1441px
}
.shuffle-top-background {
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-linear-gradient(320deg, #fbe381, #d56e4f);
    background: -o-linear-gradient(320deg, #fbe381, #d56e4f);
    background: linear-gradient(130deg, #fbe381, #d56e4f)
}
.shuffle__cancel-wrapper {
    position: absolute;
    top: 21.7rem;
    right: calc(100% + .2rem)
}
@media (min-width:769px) {
    .shuffle__cancel-wrapper {
        right: calc(100% + .5rem)
    }
}
.shuffle__cancel {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background: #fff;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    will-change: opacity
}
.shuffle__cancel--disabled {
    cursor: default
}
.shuffle__cancel-icon {
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    width: 1.2rem;
    height: 1.2rem
}
.cgu-layer__download-cgu,
.dating-promo-bubble__content-link,
.forms-checkbox__label,
.shuffle__go-to-list-text {
    -webkit-transition: color .25s ease-in-out
}
.shuffle__cancel--enabled .shuffle__cancel-icon {
    fill: #464648
}
.shuffle__cancel-hint {
    display: none;
    bottom: -.7rem;
    left: 6rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-width: 10rem;
    max-width: 100%;
    height: auto;
    min-height: 2.5rem;
    text-align: center;
    white-space: normal
}
.shuffle__cancel-hint:before {
    left: .7rem
}
@media (min-width:1025px) {
    .shuffle__cancel-hint {
        left: calc(50% - .26rem)
    }
    .shuffle__cancel-hint:before {
        left: 50%
    }
}
.no-touch .shuffle__cancel-wrapper:hover .shuffle__cancel-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.shuffle__countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
    width: 100%;
    height: 30rem;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.shuffle__countdown-background,
.shuffle__go-to-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: absolute
}
.shuffle__countdown-wrapper {
    z-index: 5
}
@media (min-width:0) {
    .shuffle__countdown-wrapper {
        min-width: 43.33rem
    }
}
@media (min-width:1441px) {
    .shuffle__cancel-wrapper {
        top: 25.2rem
    }
    .shuffle__countdown-wrapper {
        min-width: 47.5rem
    }
}
.shuffle__countdown-title {
    font-size: 2rem;
    font-weight: 300
}
.shuffle__countdown-subtitle {
    margin-top: 2rem;
    font-size: 1.1rem;
    font-weight: 300
}
.events-header__infos-title,
.registered-card__left-day,
.registered-card__left-month,
.shuffle-card__cta-no,
.shuffle-card__cta-yes,
.shuffle-card__cta-yes--pending,
.shuffle-card__info-nickname,
.shuffle__countdown-counter,
.trip-card__content-infos-date,
.trip-card__content-infos-main-title,
.upcoming-card__content-infos-date,
.upcoming-card__content-infos-main-title {
    font-family: 'Rubik', sans-serif
}
.shuffle__countdown-counter {
    letter-spacing: .4rem;
    font-size: 3rem;
    font-weight: 700
}
.shuffle__countdown-background {
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    background-color: #000;
    height: 30rem
}
.shuffle__countdown-picture {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .75;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.shuffle__go-to-list {
    display: flex;
    left: 2.5rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .3rem;
    cursor: pointer
}
@media (min-width:1441px) {
    .shuffle__go-to-list {
        left: 4rem
    }
}
.shuffle__go-to-list--countdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: 9rem;
    left: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    cursor: pointer
}
.shuffle__go-to-list-text {
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    color: #fff;
    font-size: .9rem;
    font-weight: 700
}
.shuffle__go-to-list-icon {
    -webkit-transform: rotate(100deg) translateX(.6rem);
    -ms-transform: rotate(100deg) translateX(.6rem);
    transform: rotate(100deg) translateX(.6rem);
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    margin-left: .7rem;
    width: 2.5rem;
    height: 2.5rem;
    fill: #fff
}
.shuffle__go-to-list:hover .shuffle__go-to-list-text {
    color: #c7cbd3
}
.shuffle__go-to-list:hover .shuffle__go-to-list-icon {
    fill: #c7cbd3
}
.shuffle__members-list {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 100%;
    max-width: 1441px
}
.shuffle__babu-ad {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media (min-width:1025px) {
    .shuffle__babu-ad {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.5rem
    }
}
.shuffle__carousel {
    position: relative;
    -webkit-border-top-left-radius: .6rem;
    border-top-left-radius: .6rem;
    -webkit-border-bottom-left-radius: .6rem;
    border-bottom-left-radius: .6rem;
    overflow: hidden
}
.shuffle__slider-photos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.shuffle__gentleman-badge {
    position: absolute;
    bottom: .3rem;
    left: 18.3rem;
    z-index: 5
}
.shuffle-card__info-separator {
    position: relative;
    margin-bottom: 1.5rem;
    border-bottom: solid 1px #dee0e5
}
@media (min-width:0) {
    .shuffle__carousel {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 21.665rem;
        -webkit-flex: 21.665rem;
        -ms-flex: 21.665rem;
        flex: 21.665rem;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        min-height: 23.25rem
    }
    .shuffle__slider-photos {
        width: 21.665rem;
        min-height: 23.25rem
    }
    .shuffle-card__content-wrapper,
    .shuffle-card__info-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-flex: 21.665rem;
        -webkit-flex: 21.665rem;
        -ms-flex: 21.665rem;
        flex: 21.665rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0
    }
}
.shuffle-card__cta-bar,
.shuffle-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.shuffle-card__info {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -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;
    padding: .8rem 1.5rem;
    color: #464648;
    font-family: 'Rubik', sans-serif;
    font-size: .9rem
}
@media (min-width:1441px) {
    .shuffle__gentleman-badge {
        left: 20.5rem
    }
    .shuffle__carousel {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 23.75rem;
        -webkit-flex: 23.75rem;
        -ms-flex: 23.75rem;
        flex: 23.75rem;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 26.75rem
    }
    .shuffle__slider-photos {
        width: 23.75rem;
        height: 26.75rem
    }
    .shuffle-card__content-wrapper,
    .shuffle-card__info-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 23.75rem;
        -webkit-flex: 23.75rem;
        -ms-flex: 23.75rem;
        flex: 23.75rem
    }
    .shuffle-card__info {
        padding: 1.5rem
    }
}
.shuffle-card__cta-bar {
    display: flex;
    position: absolute;
    top: 21.8rem;
    right: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
    width: 21.665rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media (min-width:1441px) {
    .shuffle-card__cta-bar {
        top: 25.4rem;
        width: 23.75rem
    }
}
.shuffle-card__cta-no,
.shuffle-card__cta-yes,
.shuffle-card__cta-yes--pending {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .45rem;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    cursor: pointer;
    width: 5.9rem;
    height: 2.7rem;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600
}
.shuffle-card__cta-no {
    -webkit-transition: .25s ease-in-out color, .25s ease-in-out border-color;
    -o-transition: .25s ease-in-out color, .25s ease-in-out border-color;
    transition: .25s ease-in-out color, .25s ease-in-out border-color;
    background-color: #ed5565
}
.no-touch .shuffle-card__cta-no:hover {
    background-color: #da4453
}
.shuffle-card__cta-yes {
    -webkit-transition: .25s ease-in-out background-color;
    -o-transition: .25s ease-in-out background-color;
    transition: .25s ease-in-out background-color;
    background-color: #81c44e
}
.no-touch .shuffle-card__cta-yes:hover {
    background-color: #59a61e
}
.no-touch .shuffle-card__cta-yes:hover .shuffle-card__cta-yes-text {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}
.shuffle-card__cta-yes--pending {
    background-color: #81c44e;
    color: #fff
}
.shuffle-card__info-nickname {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .5rem;
    width: 100%;
    font-size: 1.625rem;
    font-weight: 700
}
.shuffle-card__info-more,
.shuffle-card__info-text-wrapper {
    font-weight: 400;
    font-size: .875rem;
    font-family: 'Rubik', sans-serif
}
.shuffle-card__info-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    color: #464648
}
.shuffle-card__info-nickname-container {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}
.shuffle-card__info-nickname-link {
    color: #464648
}
.shuffle-card__info-more {
    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;
    white-space: nowrap;
    color: #8491a4
}
@-webkit-keyframes opacityAnimation {
    0% {
        opacity: 0
    }
    30% {
        opacity: .3
    }
    100% {
        opacity: .5
    }
}
@keyframes opacityAnimation {
    0% {
        opacity: 0
    }
    30% {
        opacity: .3
    }
    100% {
        opacity: .5
    }
}
.shuffle__gradient--no,
.shuffle__gradient--yes {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: .8s ease-in-out 1;
    animation: .8s ease-in-out 1;
    -webkit-animation-name: opacityAnimation;
    animation-name: opacityAnimation;
    height: 15rem
}
.shuffle__gradient--no {
    background: -webkit-gradient(linear, left bottom, left top, from(#ed5565), to(transparent));
    background: -webkit-linear-gradient(bottom, #ed5565, transparent);
    background: -o-linear-gradient(bottom, #ed5565, transparent);
    background: linear-gradient(0deg, #ed5565, transparent)
}
.shuffle__gradient--yes {
    background: -webkit-gradient(linear, left bottom, left top, from(#81c44e), to(transparent));
    background: -webkit-linear-gradient(bottom, #81c44e, transparent);
    background: -o-linear-gradient(bottom, #81c44e, transparent);
    background: linear-gradient(0deg, #81c44e, transparent)
}
.shuffle-card__similarities-pictures {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -1.25rem;
    left: calc(50% - 3rem);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    width: 6rem
}
.shuffle-card__info-bottom,
.shuffle-page-kiss__content {
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.shuffle-card__similarities-picture--mine,
.shuffle-card__similarities-picture--theirs {
    position: relative;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem
}
.shuffle-card__similarities-picture--theirs {
    left: .25rem;
    background-color: #eef0f5
}
.shuffle-card__similarities-picture--mine {
    right: .25rem;
    z-index: 5;
    background-color: #eef0f5
}
.shuffle-card__info-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: 2rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 1.5rem;
    width: calc(100% - 3rem);
    text-align: center
}
.shuffle-card__info-text-like {
    font-weight: 700
}
.shuffle-page-kiss__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eef0f5;
    padding: 1rem 0 6rem
}
.shuffle-page-kiss__back-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 1rem;
    left: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8c92a6
}
.shuffle-page-kiss__back-button-icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #8c92a6
}
.shuffle-page-kiss__title {
    color: #1f2f49
}
.shuffle-page-kiss__remaining {
    margin-top: .25rem;
    margin-bottom: -2.5rem;
    -webkit-border-radius: 1.125rem;
    border-radius: 1.125rem;
    background: #1f2f49;
    padding: .5rem 1.5rem;
    color: #fff
}
.shuffle-page-kiss__cards-wrapper {
    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: 3.875rem
}
.shuffle-page-kiss__cards-container {
    position: relative;
    min-width: 43.33rem;
    min-height: 23.25rem
}
.shuffle-page-kiss__next-card {
    position: absolute;
    top: -.8rem;
    left: 2.1665rem;
    opacity: .25;
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    background: #1f2f49;
    width: 38.997rem;
    height: 3rem
}
.shuffle-page-kiss__next-card--second {
    top: -1.625rem;
    left: 4.333rem;
    opacity: .1;
    width: 34.664rem
}
@media (min-width:1441px) {
    .shuffle-card__info-bottom {
        bottom: 2.5rem
    }
    .shuffle-page-kiss__next-card {
        left: 2.375rem;
        width: 42.75rem
    }
    .shuffle-page-kiss__next-card--second {
        left: 4.75rem;
        width: 38rem
    }
}
.shuffle-page-kiss__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    background-color: #fff;
    width: 43.33rem;
    min-height: 23.25rem;
    max-height: 23.25rem;
    will-change: transform, opacity
}
.shuffle-page-kiss__card--no,
.shuffle-page-kiss__card--yes {
    position: absolute;
    left: calc(50% - $shuffle-card-width / 2);
    -webkit-animation: .8s ease-in-out 1;
    animation: .8s ease-in-out 1;
    z-index: 7;
    width: 43.33rem;
    height: 23.25rem
}
.shuffle-page-kiss__card--yes {
    -webkit-animation-name: yesAnimationLight;
    animation-name: yesAnimationLight
}
.shuffle-page-kiss__card--no {
    -webkit-animation-name: noAnimationLight;
    animation-name: noAnimationLight
}
@media (min-width:1441px) {
    .shuffle-page-kiss__cards-wrapper {
        min-width: 47.5rem;
        min-height: 26.75rem
    }
    .shuffle-page-kiss__card {
        width: 47.5rem;
        min-height: 26.75rem;
        max-height: 26.75rem
    }
    .shuffle-page-kiss__card--no,
    .shuffle-page-kiss__card--yes {
        width: 47.5rem;
        height: 26.75rem
    }
}
.shuffle-card-content,
.shuffle-card-content__reflists,
.shuffle-card-kiss__card-content {
    min-width: 0
}
.shuffle-page-kiss__card--hidden {
    display: none
}
.shuffle-page-kiss__ad {
    display: none;
    max-width: 25%
}
@media (min-width:1025px) {
    .shuffle-page-kiss__ad {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 1rem
    }
}
@media (min-width:1280px) {
    .shuffle-page-kiss__ad {
        margin-left: 3rem
    }
}
.shuffle-page-kiss__cancel {
    position: absolute;
    right: calc(100% + .5rem);
    bottom: .5rem
}
.shuffle-page-kiss__scroll-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 3rem;
    left: 16rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #f7414e
}
@media (min-width:1025px) {
    .shuffle-page-kiss__scroll-list {
        left: 11rem
    }
}
.shuffle-page-kiss__scroll-list-icon {
    -webkit-transform: rotate(100deg) translateX(.6rem);
    -ms-transform: rotate(100deg) translateX(.6rem);
    transform: rotate(100deg) translateX(.6rem);
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    margin-left: .7rem;
    width: 2.5rem;
    height: 2.5rem;
    fill: #f7414e
}
.shuffle-card__interaction,
.swipe-profile__interaction {
    -webkit-transition: background-color .25s, -webkit-box-shadow .25s;
    -o-transition: box-shadow .25s, background-color .25s
}
.shuffle-page-kiss__ellipse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}
.shuffle-page-kiss__ellipse svg path {
    fill: #fff
}
.shuffle-empty {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.shuffle-empty__icon {
    margin: 1rem 0;
    width: 15rem;
    height: 15rem
}
.shuffle-empty__title {
    margin-bottom: .5rem;
    text-align: center;
    color: #1f2f49
}
.shuffle-empty__description {
    margin-bottom: 1rem;
    color: #8c92a6
}
.shuffle-empty__countdown {
    margin-bottom: .5rem;
    color: #f7414e
}
.shuffle-card-kiss {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.shuffle-card-kiss__card-content,
.shuffle-card-kiss__slider-photos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 23.25rem
}
@media (min-width:1441px) {
    .shuffle-card-kiss__card-content,
    .shuffle-card-kiss__slider-photos {
        height: 26.75rem
    }
}
.shuffle-card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.shuffle-card-content__profile-infos {
    margin-bottom: 1rem
}
.shuffle-card-content__profile-infos .profile-infos__wrapper {
    margin: 0
}
.shuffle-card-content__profile-infos .profile-infos__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0
}
.shuffle-card-content__profile-infos .profile-infos__nickname {
    font-size: 1.5rem
}
.shuffle-card-content__similarities {
    position: absolute;
    bottom: 2.6rem;
    width: calc(100% - 3rem)
}
.shuffle-card-content__interactions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    left: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.shuffle-card-content__interactions .shuffle-card__interaction {
    margin: 0 .5rem;
    -webkit-box-shadow: 0 0 16px -3px rgba(140, 146, 166, .3);
    box-shadow: 0 0 16px -3px rgba(140, 146, 166, .3)
}
.shuffle-card-similarities__pictures {
    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-bottom: .5rem
}
.shuffle-card-slider__wrapper,
.shuffle-card__interaction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.shuffle-card-similarities__avatar {
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem
}
.shuffle-card-similarities__avatar:first-child {
    z-index: 1
}
.shuffle-card-similarities__avatar:last-child {
    margin-left: -1rem
}
.shuffle-card-similarities__text {
    text-align: center;
    color: #8c92a6
}
.shuffle-card-similarities__text b,
.shuffle-card-similarities__text-like {
    color: #1f2f49;
    overflow-wrap: break-word
}
.shuffle-card-similarities__text b {
    text-transform: lowercase
}
.shuffle-card__interaction {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: box-shadow .25s, background-color .25s;
    transition: box-shadow .25s, background-color .25s, -webkit-box-shadow .25s;
    border: 0;
    -webkit-border-radius: 2.5rem;
    border-radius: 2.5rem;
    padding: .875rem 1.5rem
}
.shuffle-card__interaction:active,
.shuffle-card__interaction:focus,
.shuffle-card__interaction:hover,
.shuffle-card__interaction:link,
.shuffle-card__interaction:visited {
    outline: 0
}
.shuffle-card__interaction-icon {
    width: 1.5rem;
    height: 1.5rem
}
.shuffle-card__interaction.shuffle-card__interaction--yes {
    background-color: #fff;
    color: #f7414e
}
.shuffle-card__interaction.shuffle-card__interaction--yes .shuffle-card__interaction-icon {
    margin-right: .3rem;
    fill: #f7414e
}
.shuffle-card__interaction.shuffle-card__interaction--no {
    background-color: #fff;
    color: #1f2f49
}
.shuffle-card__interaction.shuffle-card__interaction--no .shuffle-card__interaction-icon {
    margin-right: .1rem;
    fill: #1f2f49
}
.shuffle-card__interaction.shuffle-card__interaction--no:hover,
.shuffle-card__interaction.shuffle-card__interaction--yes:hover {
    background-color: #eef0f5
}
.shuffle-card__interaction.shuffle-card__interaction--swiping {
    -webkit-animation: button-burst .25s;
    animation: button-burst .25s
}
.shuffle-card-slider__wrapper {
    display: flex;
    position: relative;
    width: 100%
}
.shuffle-card-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-border-top-left-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    -webkit-border-bottom-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    width: 100%;
    overflow: hidden
}
.shuffle-card-slider__image-wrapper,
.shuffle-card-slider__image-wrapper--next,
.shuffle-card-slider__image-wrapper--prev {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    visibility: hidden;
    width: 21.666rem
}
.shuffle-card-slider__image-wrapper--next.active,
.shuffle-card-slider__image-wrapper--prev.active,
.shuffle-card-slider__image-wrapper.active {
    visibility: visible
}
@media (min-width:1441px) {
    .shuffle-card-slider__image-wrapper,
    .shuffle-card-slider__image-wrapper--next,
    .shuffle-card-slider__image-wrapper--prev {
        width: 23.751rem
    }
}
.shuffle-card-slider__image-wrapper--prev.transition-remove {
    animation: nextSlideAnimation .25s ease-in-out reverse
}
.pictures-slider__picture--prev.ng-hide-remove,
.shuffle-card-slider__image-wrapper--prev.transition-add {
    animation: previousSlideAnimation .25s ease-in-out reverse
}
.shuffle-card-slider__image-wrapper--next.transition-remove {
    -webkit-animation: previousSlideAnimation .25s ease-in-out;
    animation: previousSlideAnimation .25s ease-in-out
}
.shuffle-card-slider__image-wrapper--next.transition-add {
    -webkit-animation: nextSlideAnimation .25s ease-in-out;
    animation: nextSlideAnimation .25s ease-in-out
}
.shuffle-card-slider__image {
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 23.25rem
}
@media (min-width:1441px) {
    .shuffle-card-slider__image {
        height: 26.75rem
    }
}
.shuffle-card-slider__image-preload {
    display: none
}
.shuffle-card-slider__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.shuffle-card-slider__nav .shuffle-card-slider__nav--next,
.shuffle-card-slider__nav .shuffle-card-slider__nav--prev {
    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;
    cursor: pointer;
    width: 50%
}
.shuffle-card-slider__nav .shuffle-card-slider__nav-button {
    margin: 0;
    outline: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    padding: .375rem;
    width: 2.25rem;
    height: 2.25rem
}
.shuffle-card-slider__nav .shuffle-card-slider__nav-button .meetic-icon-static {
    width: 100%
}
.shuffle-card-slider__nav .shuffle-card-slider__nav-button:hover {
    background-color: #eef0f5
}
.shuffle-card-slider__nav .shuffle-card-slider__nav--prev {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.shuffle-card-slider__nav .shuffle-card-slider__nav--prev .shuffle-card-slider__nav-button {
    margin-left: .5rem
}
.shuffle-card-slider__nav .shuffle-card-slider__nav--next {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.shuffle-card-slider__nav .shuffle-card-slider__nav--next .shuffle-card-slider__nav-button {
    margin-right: .5rem
}
.shuffle-card-slider__pictures-count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    width: 3.125rem;
    height: 3.125rem;
    color: #fff
}
.shuffle-card-slider__photo-icon {
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff
}
.shuffle-cancel-rating__button {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    will-change: opacity
}
.shuffle-cancel-rating__button-icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 1.2rem;
    height: 1.2rem;
    fill: #1f2f49
}
.shuffle-cancel-rating__button:disabled .shuffle-cancel-rating__button-icon {
    fill: #8c92a6
}
.no-touch .shuffle-cancel-rating:hover .shuffle-cancel-rating__hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mutual-match__overlay--close,
.mutual-match__overlay--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 8;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%
}
.mutual-match__overlay--open {
    -webkit-animation: fadein .8s;
    animation: fadein .8s
}
.mutual-match__overlay--close {
    -webkit-animation: fadeout .5s;
    animation: fadeout .5s
}
.mutual-match__modal--close,
.mutual-match__modal--open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: calc(50% - 13rem);
    left: calc(50% - 14rem);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -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;
    z-index: 9;
    width: 28rem
}
.mutual-match-modal-content,
.mutual-match__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.mutual-match__modal--open {
    -webkit-animation: zoom-in .8s;
    animation: zoom-in .8s
}
.mutual-match__modal--close {
    -webkit-animation: zoom-out .5s;
    animation: zoom-out .5s
}
.mutual-match-modal-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    background-color: #fff;
    overflow: hidden
}
.mutual-match__header {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.1rem;
    text-align: center;
    color: #464648;
    word-break: break-word
}
.mutual-match__message-sender,
.pictures-slider__pictures-count {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column
}
.mutual-match__header-first-decoration {
    position: absolute;
    top: 5rem;
    left: 3.5rem;
    opacity: 0;
    width: .7rem;
    height: .7rem
}
.mutual-match__header-second-decoration {
    position: absolute;
    top: 5rem;
    right: 3.2rem;
    opacity: 0;
    width: 1rem;
    height: 1rem
}
.mutual-match__header-third-decoration {
    position: absolute;
    bottom: 0;
    left: 2.5rem;
    opacity: 0;
    width: 2.5rem;
    height: 2.5rem
}
.mutual-match__header-fourth-decoration {
    position: absolute;
    right: 3rem;
    bottom: 0;
    opacity: 0;
    width: 2.5rem;
    height: 2.5rem
}
.mutual-match__modal--open .mutual-match__header-first-decoration,
.mutual-match__modal--open .mutual-match__header-fourth-decoration,
.mutual-match__modal--open .mutual-match__header-second-decoration,
.mutual-match__modal--open .mutual-match__header-third-decoration {
    -webkit-animation: zoom-in .5s ease-in-out 1.5s forwards;
    animation: zoom-in .5s ease-in-out 1.5s forwards
}
.mutual-match__message-sender {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
    padding: 0 1rem
}
.mutual-match__header-title-intro {
    margin-bottom: .4rem;
    color: #f7414e;
    font-size: .875rem
}
.mutual-match__header-title {
    line-height: 1;
    font-family: 'Rubik', sans-serif;
    font-size: 1.4rem;
    word-wrap: break-word
}
.mutual-match__pictures-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 12rem
}
.mutual-match__pictures,
.pictures-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.mutual-match__pictures-background {
    position: absolute;
    top: 1rem;
    left: calc(50% - 6.5rem);
    opacity: .602;
    width: 12rem;
    height: 12rem;
    fill: #eef0f5
}
.mutual-match__pictures {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.1rem
}
@-webkit-keyframes slideToLeft {
    0% {
        -webkit-transform: translateX(-15rem);
        transform: translateX(-15rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideToLeft {
    0% {
        -webkit-transform: translateX(-15rem);
        transform: translateX(-15rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@-webkit-keyframes slideToRight {
    0% {
        -webkit-transform: translateX(15rem);
        transform: translateX(15rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideToRight {
    0% {
        -webkit-transform: translateX(15rem);
        transform: translateX(15rem)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.mutual-match__picture-border:first-child {
    -webkit-transform: translateX(-15rem);
    -ms-transform: translateX(-15rem);
    transform: translateX(-15rem)
}
.mutual-match__picture-border:last-child {
    -webkit-transform: translateX(15rem);
    -ms-transform: translateX(15rem);
    transform: translateX(15rem)
}
.mutual-match__modal--open .mutual-match__picture-border:first-child {
    -webkit-animation: slideToLeft .25s ease-in-out .8s forwards;
    animation: slideToLeft .25s ease-in-out .8s forwards
}
.mutual-match__modal--open .mutual-match__picture-border:last-child {
    -webkit-animation: slideToRight .25s ease-in-out .8s forwards;
    animation: slideToRight .25s ease-in-out .8s forwards
}
.mutual-match__picture-border {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
    margin: .7rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    height: 8rem;
    overflow: hidden
}
.mutual-match__picture {
    background-color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%
}
.mutual-match__favorite {
    position: absolute;
    top: 3rem;
    left: calc(50% - 1.95rem);
    opacity: 0;
    z-index: 1;
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background-color: #f7414e;
    width: 2rem;
    height: 2rem
}
.empty-card__picto,
.pictures-slider__next,
.pictures-slider__previous {
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24)
}
.mutual-match__modal--open .mutual-match__favorite {
    -webkit-animation: zoom-in .25s ease-in-out .8s forwards;
    animation: zoom-in .25s ease-in-out .8s forwards
}
.mutual-match__favorite-icon {
    fill: #fff
}
.mutual-match__discover-pass {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
    font-size: .75rem
}
.mutual-match__discover-pass:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.mutual-match__discover-pass:disabled,
.mutual-match__discover-pass[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.mutual-match__close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 1;
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    fill: #bbc2cf
}
.mutual-match__close:hover,
.picture-popup__close-button:hover {
    fill: #464648
}
.pictures-slider {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.pictures-slider__next,
.pictures-slider__previous {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    margin-top: -1.25rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background: #fff;
    cursor: pointer;
    width: 2.6rem;
    height: 2.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.pictures-slider__previous {
    left: -1.1rem
}
.pictures-slider__next {
    right: -1.1rem
}
.pictures-slider__next-arrow,
.pictures-slider__previous-arrow {
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    width: .9rem;
    height: .9rem;
    fill: #8491a4
}
.pictures-slider__previous-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: .6rem
}
.pictures-slider__next-arrow {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-right: .6rem
}
.pictures-slider__picture--next,
.pictures-slider__picture--none,
.pictures-slider__picture--prev {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-border-top-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    -webkit-border-bottom-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%
}
.pictures-slider__picture--prev.ng-hide-add {
    animation: nextSlideAnimation .25s ease-in-out reverse
}
.pictures-slider__picture--next.ng-hide-remove {
    -webkit-animation: nextSlideAnimation .25s ease-in-out;
    animation: nextSlideAnimation .25s ease-in-out
}
.pictures-slider__picture--next.ng-hide-add {
    -webkit-animation: previousSlideAnimation .25s ease-in-out;
    animation: previousSlideAnimation .25s ease-in-out
}
.pictures-slider__pictures-count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    padding: .3rem;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    font-size: .8rem
}
.pictures-slider__photo-icon {
    width: 1.3rem;
    height: 1.3rem;
    fill: #fff
}
.dating-notification__popup {
    display: block;
    right: 0;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    margin-bottom: .5rem;
    width: 17rem
}
.gentleman-notification-popup,
.moderation-notification-popup,
.notification-popup--boosted,
.notification-popup--inbox,
.notification-popup--profile {
    -webkit-transition: opacity .8s ease-in-out, -webkit-box-shadow .8s ease-in-out, -webkit-transform .8s ease-in-out
}
.dating-notification__popup.ng-enter-prepare>.notification-popup--boosted,
.dating-notification__popup.ng-enter-prepare>.notification-popup--inbox,
.dating-notification__popup.ng-enter-prepare>.notification-popup--profile,
.dating-notification__popup.ng-enter>.notification-popup--boosted,
.dating-notification__popup.ng-enter>.notification-popup--inbox,
.dating-notification__popup.ng-enter>.notification-popup--profile {
    -webkit-transform: translateY(.7rem);
    -ms-transform: translateY(.7rem);
    transform: translateY(.7rem);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 -.2rem transparent;
    box-shadow: 0 0 0 -.2rem transparent
}
.dating-notification__popup.ng-leave>.notification-popup--boosted,
.dating-notification__popup.ng-leave>.notification-popup--inbox,
.dating-notification__popup.ng-leave>.notification-popup--profile {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}
.dating-notification__popup.ng-leave-active>.notification-popup--boosted,
.dating-notification__popup.ng-leave-active>.notification-popup--inbox,
.dating-notification__popup.ng-leave-active>.notification-popup--profile {
    -webkit-transform: translateY(-.35rem) scale(.95);
    -ms-transform: translateY(-.35rem) scale(.95);
    transform: translateY(-.35rem) scale(.95);
    opacity: 0;
    -webkit-box-shadow: 0 0 0 -.2rem transparent;
    box-shadow: 0 0 0 -.2rem transparent
}
.notification-popup--boosted,
.notification-popup--inbox,
.notification-popup--profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -o-transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out;
    transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out;
    transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out, -webkit-box-shadow .8s ease-in-out, -webkit-transform .8s ease-in-out;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-box-shadow: 0 0 1.7rem -.2rem #8491a4;
    box-shadow: 0 0 1.7rem -.2rem #8491a4;
    background: #fff;
    width: 17rem;
    height: 4rem
}
.gentleman-notification-popup,
.moderation-notification-popup {
    -o-transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out
}
.notification-popup--boosted {
    background: url(https://iliusstd-a.akamaihd.net/core/assets/icons/boost-notification-f48642e50f.svg) right 1.1rem top 1.5rem no-repeat #3223be
}
.notification-popup--boosted::before,
.notification-popup--inbox::before,
.notification-popup--profile::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: solid .3rem;
    -webkit-border-radius: .3rem 0 0 .3rem;
    border-radius: .3rem 0 0 .3rem;
    width: 0;
    content: ''
}
.notification-popup--inbox::before {
    border-left-color: #4ccbf8
}
.notification-popup--profile::before {
    border-left-color: #f7414e
}
.notification-popup--boosted::before {
    border-left-color: #3223be
}
.notification-popup__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .5rem 0 .5rem 1rem;
    overflow: hidden
}
.notification-popup--boosted .notification-popup__link {
    padding: .3rem 0 .3rem 1rem
}
.notification-popup__image {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3rem;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: center #eef0f5;
    -webkit-background-size: cover;
    background-size: cover;
    height: 3rem
}
.notification-popup--boosted .notification-popup__image {
    border: .2rem solid #6f65ac
}
.notification-popup__text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: .8rem;
    color: #464648;
    font-size: .8rem
}
.notification-popup--boosted .notification-popup__text {
    color: #fff
}
.notification-popup__cta--inbox,
.notification-popup__cta--profile {
    position: absolute;
    top: -.1rem;
    left: -.4rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: .28rem;
    width: 1rem;
    height: 1rem;
    fill: #fff;
    fill-rule: evenodd
}
.notification-popup__cta--profile {
    background-color: #f7414e
}
.notification-popup__cta--inbox {
    background-color: #4ccbf8
}
.notification-popup__cta-icon {
    width: .875rem;
    height: .875rem
}
.notification-popup__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0;
    background: 0 0;
    fill: #bbc2cf;
    stroke: #bbc2cf;
    stroke-width: 3
}
.notification-popup--boosted .notification-popup__close {
    fill: #fff;
    stroke: #fff
}
.no-touch .notification-popup__close:hover {
    fill: #8491a4;
    stroke: #8491a4
}
.no-touch .notification-popup--boosted .notification-popup__close:hover {
    fill: #bbc2cf;
    stroke: #bbc2cf
}
.notification-popup__close:focus {
    outline: 0
}
.notification-popup__close-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 1rem;
    height: 1rem
}
.moderation-notification-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out;
    transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out, -webkit-box-shadow .8s ease-in-out, -webkit-transform .8s ease-in-out;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-box-shadow: 0 0 1.7rem -.2rem #8491a4;
    box-shadow: 0 0 1.7rem -.2rem #8491a4;
    background: #fff;
    padding: .2rem;
    width: 17rem;
    height: 4.5rem;
    color: #fff;
    font-size: .74rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.moderation-notification-popup--refused {
    background: #ed5565;
    cursor: pointer
}
.moderation-notification-popup--accepted {
    background: #81c44e
}
.moderation-notification-popup--accepted-album {
    background: #8491a4;
    cursor: pointer
}
.moderation-notification-popup__image-badge {
    position: absolute;
    right: -.5rem;
    bottom: .2rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    padding: .2rem;
    width: .7rem;
    height: .7rem;
    margin-right: .2rem
}
.moderation-notification-popup__image-badge--valid {
    fill: #81c44e
}
.moderation-notification-popup__image-badge--warning {
    color: #8491a4
}
.moderation-notification-popup--accepted-album .moderation-notification-popup__image-badge {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.moderation-notification-popup__image {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.4rem;
    -ms-flex: 0 0 1.4rem;
    flex: 0 0 1.4rem;
    margin-right: .2rem;
    margin-left: .6rem;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: center #eef0f5;
    -webkit-background-size: cover;
    background-size: cover;
    padding: .6rem;
    height: 1.4rem;
    fill: #ed5565
}
.moderation-notification-popup__text {
    margin-left: .8rem
}
.moderation-notification-popup__action {
    text-decoration: underline
}
.moderation-notification-popup__action:hover {
    color: #eef0f5
}
.moderation-notification-popup__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 0;
    background: 0 0;
    cursor: pointer;
    padding-right: 0;
    fill: #fff;
    stroke: #fff;
    stroke-width: 3
}
.moderation-notification-popup__close:hover {
    fill: #bbc2cf;
    stroke: #bbc2cf
}
.moderation-notification-popup__close:focus {
    outline: 0
}
.moderation-notification-popup__close-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .9rem;
    height: .9rem
}
.gentleman-notification-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out;
    transition: box-shadow .8s ease-in-out, transform .8s ease-in-out, opacity .8s ease-in-out, -webkit-box-shadow .8s ease-in-out, -webkit-transform .8s ease-in-out;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-box-shadow: 0 0 1.7rem -.2rem #8491a4;
    box-shadow: 0 0 1.7rem -.2rem #8491a4;
    background: #ed5565;
    cursor: pointer;
    padding: .5rem .2rem;
    width: 17rem;
    color: #fff;
    font-size: .74rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.gentleman-notification-popup__image-icon {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3rem;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    margin-right: .6rem;
    margin-left: .6rem;
    width: 3rem;
    height: 3rem
}
.gentleman-notification-popup__content-title {
    padding-top: .2rem;
    line-height: 1.2;
    font-size: .95rem
}
.gentleman-notification-popup__content-text {
    padding: .2rem 0
}
.gentleman-notification-popup__content-text-link {
    text-decoration: underline
}
.gentleman-notification-popup__content-text-link:hover {
    color: #eef0f5
}
.gentleman-notification-popup__close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 0;
    background: 0 0;
    cursor: pointer;
    padding-right: 0;
    fill: #fff;
    stroke: #fff;
    stroke-width: 3
}
.events-container,
.events-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    min-width: 0
}
.gentleman-notification-popup__close:hover {
    fill: #bbc2cf
}
.gentleman-notification-popup__close:focus {
    outline: 0
}
.gentleman-notification-popup__close-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .9rem;
    height: .9rem
}
.events-container {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.events-page {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.events-page__content,
.events-page__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.events-page__header {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3rem
}
.events-page__header-placeholder {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18rem;
    -ms-flex: 0 0 18rem;
    flex: 0 0 18rem;
    margin-bottom: 3rem;
    background: #464648
}
.events-page__content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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
}
.events-registered__title-wrapper,
.events-upcoming__title-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;
    margin-bottom: 1.8rem
}
.events-page__list-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.events-registered__list,
.events-upcoming__list {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 3rem;
    max-width: 1441px
}
@media (min-width:769px) {
    .events-registered__list,
    .events-upcoming__list {
        -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
    }
}
@media (min-width:1280px) {
    .events-registered__list,
    .events-upcoming__list {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}
.events-page-list__babu-ad {
    display: none
}
@media (min-width:1025px) {
    .events-page-list__babu-ad {
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 2rem;
        min-height: 5.625rem
    }
}
.events-upcoming__list-item--ad,
.events-upcoming__list-item--empty,
.events-upcoming__list-item--event-large,
.events-upcoming__list-item--event-normal,
.events-upcoming__list-item--placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25rem;
    -ms-flex: 0 0 25rem;
    flex: 0 0 25rem;
    margin-bottom: 2rem;
    min-width: 0
}
.events-upcoming__list-item--ad {
    display: none
}
.events-registered__list-item,
.events-upcoming__list-item-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    min-width: 0
}
.events-upcoming__list-item-card {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
@media (min-width:769px) {
    .events-upcoming__list-item--ad,
    .events-upcoming__list-item--empty,
    .events-upcoming__list-item--event-large,
    .events-upcoming__list-item--event-normal,
    .events-upcoming__list-item--placeholder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 2rem;
        height: 25rem
    }
    .events-upcoming__list-item--empty {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
    .events-upcoming__list div:nth-of-type(odd) .events-upcoming__list-item-card {
        margin-right: 1rem
    }
    .events-upcoming__list div:nth-of-type(even) .events-upcoming__list-item-card {
        margin-left: 1rem
    }
    .events-upcoming__list div:only-child .events-upcoming__list-item-card {
        margin: 0
    }
}
@media (min-width:1025px) {
    .events-upcoming__list-item--event-large {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66%;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%
    }
    .events-upcoming__list-item--ad,
    .events-upcoming__list-item--event-normal,
    .events-upcoming__list-item--placeholder {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%
    }
    .events-upcoming__list-item--placeholder .events-upcoming__list-item-card {
        margin: 0 1rem
    }
    .events-upcoming__list-item--empty {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 33.33%;
        -ms-flex: 1 0 33.33%;
        flex: 1 0 33.33%
    }
}
@media (min-width:1280px) {
    .events-upcoming__list-item--ad,
    .events-upcoming__list-item--event-large,
    .events-upcoming__list-item--event-normal,
    .events-upcoming__list-item--placeholder {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%
    }
    .events-upcoming__list div:only-child .events-upcoming__list-item-card,
    .events-upcoming__list-item-card {
        margin: 0 1rem
    }
}
.upcoming-card__header-placeholder {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3;
    background: #dee0e5
}
.events-header,
.registered-card {
    background: #000;
    position: relative
}
.upcoming-card__content-placeholder {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.events-registered__list-item {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12rem;
    -ms-flex: 0 0 12rem;
    flex: 0 0 12rem;
    margin-bottom: 2rem
}
.empty-card__wrapper,
.events-header,
.events-header__infos {
    display: -ms-flexbox;
    -webkit-box-orient: vertical
}
@media (min-width:769px) {
    .events-registered__list-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        height: 12rem
    }
    .events-registered__list-item:nth-of-type(odd) .registered-card {
        margin-right: 1rem
    }
    .events-registered__list-item:nth-of-type(even) .registered-card {
        margin-left: 1rem
    }
}
@media (min-width:1280px) {
    .events-registered__list-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%
    }
    .events-registered__list-item .registered-card {
        margin: 0 1rem
    }
}
.events-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.events-header__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .7;
    z-index: 0;
    background-position: 85% 30%
}
.events-header__infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    z-index: 5;
    margin: 8rem 0 2rem;
    padding: 0 3rem;
    width: 100%;
    max-width: 1441px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.events-header__infos-category {
    text-transform: uppercase;
    color: #67bdc7;
    font-size: .8rem
}
.events-header__infos-title {
    max-width: 32rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 700
}
.events-header__infos-description {
    margin-top: 1rem;
    max-width: 30rem;
    color: #fff
}
@media (min-width:1025px) {
    .events-header__background {
        opacity: 1
    }
    .events-header__infos {
        margin-top: 10rem
    }
}
@media (min-width:1280px) {
    .events-header__infos {
        padding: 0 4rem
    }
}
@media (min-width:1441px) {
    .events-header__background {
        -webkit-background-size: cover;
        background-size: cover
    }
}
.empty-card__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.empty-card__picto {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.4rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background-color: #fff
}
.upcoming-card__header,
.upcoming-card__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.event-rsvp__content-summary,
.events-ad-card,
.lara-bot__iframe,
.registered-card,
.trip-card__wrapper,
.upcoming-card__wrapper {
    -webkit-box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24)
}
.empty-card__picto-icon {
    padding: .8rem;
    width: 3rem;
    height: 3rem;
    fill: #67bdc7
}
.empty-card__title {
    max-width: 12rem;
    text-align: center;
    color: #67bdc7;
    font-size: 1.1rem;
    font-weight: 700
}
.empty-card__description {
    margin-top: .5rem;
    max-width: 20rem;
    text-align: center;
    color: #464648
}
.upcoming-card__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background: #fff;
    cursor: pointer;
    min-width: 0
}
.upcoming-card__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.upcoming-card__content,
.upcoming-card__picto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.upcoming-card__header-picture--available,
.upcoming-card__header-picture--unavailable {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-top-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    -webkit-border-top-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover
}
.event-rsvp__status+.upcoming-card__header-picture--available,
.event-rsvp__status+.upcoming-card__header-picture--unavailable,
.upcoming-card__status+.upcoming-card__header-picture--available,
.upcoming-card__status+.upcoming-card__header-picture--unavailable {
    -webkit-border-radius: 0;
    border-radius: 0
}
.upcoming-card__header-picture--unavailable {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.upcoming-card__status {
    -webkit-border-top-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    -webkit-border-top-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #ed5565;
    padding: .3rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .72rem
}
.upcoming-card__picto {
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -2.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 5rem
}
.upcoming-card__picto-icon {
    width: 3rem;
    height: 3rem;
    fill: #67bdc7
}
.upcoming-card__content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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
}
.upcoming-card__content-infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.5rem .5rem
}
.upcoming-card__content-infos-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}
.upcoming-card__content-infos-main-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #464648;
    font-size: 1.6rem;
    font-weight: 700
}
.upcoming-card__content-infos-main-type {
    color: #8491a4;
    font-size: .9rem
}
.upcoming-card__content-infos-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    color: #8491a4;
    font-weight: 700
}
.upcoming-card__content-infos-date-day {
    line-height: 1;
    font-size: 2rem
}
.upcoming-card__content-infos-date-month {
    text-transform: capitalize;
    line-height: 1;
    font-size: 1.3rem
}
.upcoming-card__content-separator {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0;
    -ms-flex: 0 0;
    flex: 0 0;
    margin: 0 1.5rem;
    border-bottom: 1px solid #dee0e5;
    max-width: 3rem
}
.upcoming-card__content-registration {
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 1.5rem 1.5rem;
    color: #bbc2cf
}
.upcoming-card__content-registration-price--available,
.upcoming-card__content-registration-price--unavailable {
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700
}
.upcoming-card__content-registration-price--available {
    color: #67bdc7
}
.upcoming-card__content-registration-price--unavailable {
    color: #464648
}
.upcoming-card__content-registration-cta {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    width: 8rem
}
.upcoming-card__content-registration-cta:hover {
    border-color: #4ea5af;
    background-color: #4ea5af
}
.upcoming-card__content-registration-cta:disabled,
.upcoming-card__content-registration-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.trip-card__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    min-width: 0
}
.trip-card__picto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 5rem
}
.trip-card__content,
.trip-card__content-infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.trip-card__content,
.trip-card__content-infos-main {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.trip-card__picto-icon {
    width: 3rem;
    height: 3rem;
    fill: #67bdc7
}
.trip-card__content {
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    margin-top: 6rem;
    -webkit-border-radius: 0 0 1.5rem 1.5rem;
    border-radius: 0 0 1.5rem 1.5rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .6)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7), rgba(0, 0, 0, .6));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7), rgba(0, 0, 0, .6));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7), rgba(0, 0, 0, .6));
    padding-top: 2.5rem
}
.trip-card__content-infos {
    display: flex;
    margin: 0 1.5rem .5rem
}
.trip-card__content-infos-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}
.trip-card__content-infos-main-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 2rem;
    font-weight: 700
}
.trip-card__content-infos-main-type {
    color: #fff;
    font-size: 1rem
}
.trip-card__content-infos-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    color: #fff;
    font-weight: 700
}
.trip-card__content-infos-date-day {
    line-height: 1;
    font-size: 2rem
}
.trip-card__content-infos-date-month {
    text-transform: capitalize;
    line-height: 1;
    font-size: 1.3rem
}
.trip-card__content-registration {
    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;
    margin: 0 1.5rem 1.5rem
}
.trip-card__content-registration-cta {
    border-color: #fff;
    background-color: #fff;
    color: #67bdc7;
    width: auto
}
.trip-card__content-registration-cta:hover {
    border-color: #eef0f5;
    background-color: #eef0f5
}
.trip-card__content-registration-cta:disabled,
.trip-card__content-registration-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.registered-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    cursor: pointer;
    min-width: 0
}
.registered-card__background--available,
.registered-card__background--unavailable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .4;
    z-index: 0;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover
}
.registered-card__background--unavailable {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.registered-card__status {
    position: absolute;
    bottom: 0;
    background-color: #ed5565;
    padding: .3rem 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .72rem
}
.registered-card__left,
.registered-card__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 5
}
.registered-card__left {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.registered-card__left-day,
.registered-card__left-month {
    color: #fff;
    font-weight: 700
}
.registered-card__left-day {
    margin: 1rem 1rem 0;
    line-height: 1;
    font-size: 2rem
}
.registered-card__left-month {
    margin: 0 1rem;
    text-transform: capitalize;
    line-height: 1;
    font-size: 1.3rem
}
.event-rsvp-description__title,
.registered-card__center-title {
    font-size: 1.6rem;
    font-family: 'Rubik', sans-serif
}
.registered-card__center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 3.5;
    -webkit-flex: 3.5;
    -ms-flex: 3.5;
    flex: 3.5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 5;
    min-width: 0
}
.registered-card__center-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0 0;
    max-width: 100%;
    text-align: center;
    line-height: 1.3;
    color: #fff;
    font-weight: 700
}
.registered-card__center-cta--paid,
.registered-card__center-cta--unpaid {
    margin: .4rem 0 1.6rem
}
.registered-card__center-cta--paid {
    border-color: #fff;
    color: #fff
}
.registered-card__center-cta--paid:hover {
    border-color: #8491a4;
    color: #8491a4
}
.registered-card__center-cta--paid:disabled,
.registered-card__center-cta--paid[disabled] {
    opacity: .4
}
.registered-card__center-cta--unpaid {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff
}
.registered-card__center-cta--unpaid:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.registered-card__center-cta--unpaid:disabled,
.registered-card__center-cta--unpaid[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.registered-card__right {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.events-ad-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background: #fff;
    overflow: hidden
}
.event-rsvp {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2rem;
    background: #fff;
    width: 100%
}
.event-rsvp__hero,
.event-rsvp__hero--unvalid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #464648;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover
}
.event-rsvp__hero--unvalid {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.event-rsvp__hero-actions-back {
    background-color: rgba(70, 70, 72, .6);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 1rem 0 0 1rem;
    border: 0;
    padding: .7rem 1.1rem;
    line-height: 1.1
}
.event-rsvp__hero-actions-back:hover {
    border-color: rgba(45, 45, 46, .6);
    background-color: rgba(45, 45, 46, .6)
}
.event-rsvp__hero-actions-back:disabled,
.event-rsvp__hero-actions-back[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.event-rsvp__hero-left-arrow-icon {
    margin-right: .5rem;
    width: .9rem;
    height: .9rem;
    fill: #fff
}
.event-rsvp__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1.6rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.event-rsvp__content-promo {
    display: none
}
.event-rsvp__card-autopromo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 21rem;
    -ms-flex: 0 0 21rem;
    flex: 0 0 21rem;
    margin-top: 1.6rem
}
@media (min-width:1025px) {
    .event-rsvp__hero,
    .event-rsvp__hero--unvalid {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18rem;
        -ms-flex: 0 0 18rem;
        flex: 0 0 18rem
    }
    .event-rsvp__content-promo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18.75rem;
        -ms-flex: 0 0 18.75rem;
        flex: 0 0 18.75rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 1.6rem 0 0 2rem
    }
}
.event-rsvp__content-middle,
.event-rsvp__content-registration {
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
@media (min-width:1280px) {
    .event-rsvp__hero,
    .event-rsvp__hero--unvalid {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 22rem;
        -ms-flex: 0 0 22rem;
        flex: 0 0 22rem
    }
}
@media (min-width:1441px) {
    .event-rsvp__content {
        padding: 0
    }
}
.event-rsvp__content-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.event-rsvp__content-registration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.6rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: #fff
}
.event-rsvp-description__placeholder-category,
.event-rsvp-description__placeholder-title,
.event-rsvp-registration__placeholder-title,
.event-rsvp-summary__placeholder-price,
.event-rsvp__placeholder-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #dee0e5;
    height: .4rem
}
.event-rsvp__placeholder-line {
    margin: .5rem 0
}
.event-rsvp-description__placeholder-button,
.event-rsvp-registration__placeholder-button,
.event-rsvp-summary__placeholder-button {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    background: #dee0e5;
    width: 10rem;
    height: 2rem
}
.event-rsvp__content-description-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -3.5rem 0 1.6rem;
    background-color: #fff;
    padding: 3rem
}
.event-rsvp-description__placeholder-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -5.5rem 0 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 5rem;
    height: 5rem
}
.event-rsvp-description__placeholder-button {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 2rem
}
.event-rsvp-description__placeholder-title {
    margin-bottom: 1rem;
    width: 50%;
    height: .8rem
}
.event-rsvp-description__placeholder-category {
    margin-bottom: 1rem
}
.event-rsvp__content-registration-placeholder {
    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;
    margin-bottom: 1.6rem;
    background-color: #fff;
    padding: 2rem 3rem
}
.event-rsvp-registration__placeholder-title {
    margin-bottom: 1rem;
    width: 30%;
    height: .6rem
}
.event-rsvp-registration__placeholder-price {
    margin-top: 5rem;
    background-color: #eef0f5;
    padding: 1rem
}
.event-rsvp-registration__placeholder-button {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 1.4rem
}
.event-rsvp__content-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16rem;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 1.6rem 2rem 0 0;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background: #fff
}
@media (min-width:1280px) {
    .event-rsvp__content-summary {
        margin-left: 2rem
    }
}
@media (min-width:1441px) {
    .event-rsvp__content-summary {
        margin-left: 0
    }
}
.event-rsvp__summary-wrapper {
    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
}
.event-rsvp__infos-block,
.event-rsvp__price {
    display: -ms-flexbox;
    -webkit-box-orient: vertical
}
.event-rsvp__background-img,
.event-rsvp__background-img--unvalid,
.event-rsvp__summary-wrapper-placeholder-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 8rem;
    -ms-flex: 1 1 8rem;
    flex: 1 1 8rem;
    -webkit-border-top-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    -webkit-border-top-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #464648;
    background-position: top left;
    -webkit-background-size: cover;
    background-size: cover
}
.event-rsvp__background-img--unvalid {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.event-rsvp__infos-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1rem
}
.event-rsvp__location {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #464648;
    font-weight: 800
}
.event-rsvp__address-communicate {
    margin-top: .2rem;
    color: #8491a4;
    font-size: .9rem
}
.event-rsvp__event-date {
    margin-top: .2rem;
    color: #67bdc7;
    font-size: .8rem;
    font-weight: 800
}
.event-rsvp__event-nb-participate {
    margin: .5rem 0 0 .2rem
}
.event-rsvp__event-nb-participate-number {
    color: #67bdc7;
    font-size: 1.5rem;
    font-weight: 800
}
.event-rsvp__separator-line {
    display: block;
    margin-top: .5rem;
    border: 1px solid #eef0f5
}
.event-rsvp__free,
.event-rsvp__price {
    -webkit-box-direction: normal;
    margin-top: 1rem
}
.event-rsvp__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.event-rsvp__price-member {
    color: #67bdc7;
    font-size: 1.3rem;
    font-weight: 800
}
.event-rsvp__price-abo-price {
    font-size: .8rem
}
.event-rsvp__event-nb-participate-text {
    color: #464648
}
.event-rsvp__price-abo {
    max-width: 100%;
    color: #464648;
    font-size: .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.event-rsvp__cta-book {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 1rem
}
.event-rsvp__cta-book:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.event-rsvp__cta-book:disabled,
.event-rsvp__cta-book[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.event-rsvp__free {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.event-rsvp__free-entry-reserve {
    color: #67bdc7;
    font-size: .8rem;
    font-weight: 800
}
.event-rsvp__event-date-is-not-usable,
.event-rsvp__plan-link {
    color: #000;
    font-weight: 800;
    font-size: .8rem
}
.event-rsvp__plan-link {
    display: block;
    position: relative;
    margin-left: .6rem;
    text-decoration: underline
}
.event-rsvp__tooltip {
    top: 0;
    left: 95%
}
.event-rsvp__plan-link:hover~.event-rsvp__tooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.event-rsvp__event-date-is-usable {
    margin-top: .5rem;
    line-height: 1.3;
    color: #67bdc7;
    font-size: .8rem
}
.event-rsvp__status {
    -webkit-border-top-left-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    -webkit-border-top-right-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background-color: #ed5565;
    padding: .2rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .8rem
}
.event-rsvp__departure,
.event-rsvp__end-date {
    font-size: .9rem;
    line-height: 1.3
}
.event-rsvp__infos-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.event-rsvp__content-description,
.event-rsvp__summary-wrapper-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.event-rsvp__departure {
    color: #67bdc7;
    font-weight: 700
}
.event-rsvp__summary-wrapper-placeholder {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.event-rsvp__summary-wrapper-placeholder-image {
    background: #dee0e5
}
.event-rsvp-summary__placeholder-price {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1rem;
    width: 80%
}
.event-rsvp-summary__placeholder-button {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1rem
}
.event-rsvp__content-description {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -3.5rem 0 1.6rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    padding: 0 3rem 3rem
}
.event-rsvp-description__icon-wrapper {
    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-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -2.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 5rem;
    height: 5rem
}
.event-rsvp-description__icon {
    width: 3rem;
    height: 3rem;
    fill: #67bdc7
}
.event-rsvp-description__cta-book {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1rem
}
.event-rsvp-description__cta-book:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.event-rsvp-description__cta-book:disabled,
.event-rsvp-description__cta-book[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.event-rsvp-description__title {
    margin-top: 1rem;
    color: #464648;
    font-weight: 700
}
.event-rsvp-description__category {
    margin-top: .2rem;
    color: #8491a4;
    font-size: .9rem
}
.empty-block__title,
.event-rsvp-description__full-content * {
    color: #1f2f49
}
.event-rsvp-description__separator {
    margin: 1rem 0;
    border-bottom: 1px solid #bbc2cf;
    width: 5rem
}
.event-rsvp-description__full-content {
    font-size: .85rem
}
.event-rsvp-registration__wrapper {
    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;
    padding: 1rem 2rem;
    color: #464648
}
.event-rsvp-invitation__form,
.event-rsvp-registration__form,
.event-rsvp-registration__hh {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.event-rsvp-registration__title {
    font-family: 'Rubik', sans-serif;
    font-size: 1.6rem;
    font-weight: 700
}
.event-rsvp-registration__subtitle {
    margin-top: 1rem;
    color: #464648;
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    font-weight: 700
}
.event-rsvp-registration__hh {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .9rem
}
.event-rsvp-invitation__form,
.event-rsvp-registration__form {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
    font-size: .9rem
}
.event-rsvp-registration__form-register {
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.5rem
}
.event-invite-friends__form-gender-info-friend-input,
.event-rsvp-registration__form-input,
.event-rsvp-registration__form-input.ng-touched.ng-invalid,
.event-rsvp-registration__form-input.ng-touched.ng-invalid-pattern {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    background: #fff;
    padding: .5rem;
    min-height: 1rem
}
.event-rsvp-registration__form-input.ng-touched.ng-invalid,
.event-rsvp-registration__form-input.ng-touched.ng-invalid-pattern,
.ng-touched.ng-invalid-pattern.event-invite-friends__form-gender-info-friend-input,
.ng-touched.ng-invalid-pattern.event-rsvp-registration__form-input,
.ng-touched.ng-invalid.event-invite-friends__form-gender-info-friend-input,
.ng-touched.ng-invalid.event-rsvp-registration__form-input {
    border-color: #e13236
}
.event-invite-friends__form-gender-info-friend-input::-webkit-input-placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid-pattern::-webkit-input-placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid::-webkit-input-placeholder,
.event-rsvp-registration__form-input::-webkit-input-placeholder {
    color: #bbc2cf
}
.event-invite-friends__form-gender-info-friend-input::-moz-placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid-pattern::-moz-placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid::-moz-placeholder,
.event-rsvp-registration__form-input::-moz-placeholder {
    color: #bbc2cf
}
.event-invite-friends__form-gender-info-friend-input::-ms-input-placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid-pattern::-ms-input-placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid::-ms-input-placeholder,
.event-rsvp-registration__form-input::-ms-input-placeholder {
    color: #bbc2cf
}
.event-invite-friends__form-gender-info-friend-input::placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid-pattern::placeholder,
.event-rsvp-registration__form-input.ng-touched.ng-invalid::placeholder,
.event-rsvp-registration__form-input::placeholder {
    color: #bbc2cf
}
.event-rsvp-registration__form-input:focus {
    outline: 0
}
.event-rsvp-registration__form-iba-billing-wrapper,
.event-rsvp-registration__form-iba-billing-wrapper-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: .5rem 0
}
.boost-starting-screen,
.event-invite-friends,
.event-invite-friends__form,
.event-invite-friends__form-group,
.event-rsvp-invite__form-cta-wrapper,
.event-rsvp-registration__form-cta-wrapper,
.event-rsvp-registration__form-iba-billing-wrapper-child,
.event-rsvp-registration__form-iba-billing-wrapper-phone,
.event-rsvp-registration__iba-step-register,
.event-rsvp-registration__payment,
.event-rsvp-registration__payment-reminder-infos,
.event-rsvp-registration__payment-reminder-invitations,
.missing-feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.event-rsvp-registration__form-iba-billing-wrapper {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.event-rsvp-registration__form-iba-billing-wrapper-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.event-rsvp-registration__form-iba-billing-wrapper-phone {
    -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
}
.event-rsvp-registration__form-iba-billing-wrapper-labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .2rem .5rem .2rem 0;
    color: #464648;
    font-size: .9rem
}
.event-rsvp-invite__form-cta-wrapper,
.event-rsvp-registration__form-cta-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.event-rsvp-invitation__asterisk,
.event-rsvp-registration__asterisk {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: .2rem;
    color: #8491a4;
    font-size: .9rem;
    font-style: italic
}
.event-rsvp-invitation__form.ng-invalid .event-rsvp-invitation__asterisk,
.event-rsvp-registration__form.ng-invalid .event-rsvp-registration__asterisk {
    color: #e13236
}
.event-rsvp-registration__separator-line {
    margin: 1rem 0;
    border: 0;
    -webkit-box-shadow: 0 .2rem .2rem -.2rem #8491a4 inset;
    box-shadow: 0 .2rem .2rem -.2rem #8491a4 inset;
    width: 3rem;
    height: .2rem
}
.event-rsvp-registration__name {
    font-size: .9rem;
    font-weight: 700
}
.event-rsvp-registration__payment-reminder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    color: #464648;
    font-size: .8rem
}
.event-rsvp-registration__payment-reminder-infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.event-rsvp-registration__payment-reminder-invitations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.event-rsvp-registration__iba-line {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 .6rem;
    border-bottom: 1px dotted #8491a4
}
.event-rsvp-registration__number-steps {
    margin-top: 1rem;
    color: #8491a4;
    font-style: italic
}
.event-rsvp-registration__cta-book {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 1rem
}
.event-rsvp-registration__cta-book:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.event-rsvp-registration__cta-book:disabled,
.event-rsvp-registration__cta-book[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.event-rsvp-registration__cta-wrapper {
    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-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.event-rsvp-registration__cta-book-step-1 {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff
}
.event-rsvp-registration__cta-book-step-1:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.event-rsvp-registration__cta-book-step-1:disabled,
.event-rsvp-registration__cta-book-step-1[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.event-rsvp-registration__cta-cancel-step-1 {
    margin-right: 2rem;
    text-decoration: underline;
    font-size: .9rem;
    font-weight: 700
}
.event-rsvp-registration__iba-step-register {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem
}
.event-rsvp-registration__invitation-container {
    margin-top: 1rem
}
.event-rsvp-registration__places {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem
}
.event-rsvp-registration__number-places {
    margin-right: .5rem;
    font-weight: 700
}
.event-rsvp-registration__thank-to-fill-infos {
    margin-top: 1rem
}
.event-rsvp-registration__verify-button {
    border: 0;
    background: 0 0;
    cursor: pointer;
    padding: 0;
    text-align: left;
    text-decoration: underline;
    color: #67bdc7
}
.event-rsvp-registration__verify-button:hover {
    color: #4ea5af
}
.event-rsvp-registration__iba-price-colored {
    color: #67bdc7;
    font-weight: 700
}
.event-rsvp-registration__not-payed-yet {
    text-align: center;
    color: #67bdc7;
    font-weight: 700
}
.event-rsvp-registration__register-confirmation {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background: rgba(103, 189, 199, .1);
    padding: 1rem 0;
    text-align: center;
    color: #67bdc7;
    font-family: 'Rubik', sans-serif;
    font-size: 1.4rem;
    font-weight: 700
}
.event-rsvp-registration__register-confirmation-invitations {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 1rem;
    font-size: .85rem
}
.event-rsvp-registration__total-to-pay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    background-color: rgba(103, 189, 199, .1);
    padding: 1rem
}
.event-rsvp-registration__total-to-pay-text {
    text-transform: uppercase;
    color: #67bdc7;
    font-weight: 700
}
.event-rsvp-registration__total-to-pay-dots {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px dotted #8491a4;
    border-style: none none dotted;
    color: #fff
}
.event-rsvp-registration__payment-methods {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1rem
}
.event-rsvp-registration__payment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    margin: 1.2rem 0 .6rem
}
.event-rsvp-registration__payment-cta {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}
.event-rsvp-registration__payment-cta:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.event-rsvp-registration__payment-cta:disabled,
.event-rsvp-registration__payment-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.event-rsvp-registration__server-bad-request {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1rem
}
.event-rsvp-registration__you-use-secure-form {
    margin-top: 1rem;
    margin-left: .5rem;
    width: 20rem;
    color: #000;
    font-size: .8rem;
    font-weight: 700
}
.event-rsvp-registration__payment-icons {
    cursor: pointer
}
.event-rsvp-registration__payment-error {
    color: #e13236
}
.event-rsvp-registration__checkbox,
.event-rsvp-registration__checkbox--checked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .2rem;
    margin-right: .3rem;
    margin-bottom: auto;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    min-width: .65rem;
    min-height: .65rem
}
.event-rsvp-registration__checkbox svg path {
    opacity: 0
}
.event-rsvp-registration__checkbox--checked {
    border: 1px solid #67bdc7;
    background: #67bdc7
}
.event-rsvp-registration__checkbox--checked svg path {
    opacity: 1
}
.event-rsvp-registration__checkbox-label,
.event-rsvp-registration__checkbox-label--error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.2rem 0 1rem;
    cursor: pointer;
    max-width: 100%;
    font-size: .8rem
}
.event-rsvp-registration__checkbox-label a,
.event-rsvp-registration__checkbox-label a:visited,
.event-rsvp-registration__checkbox-label--error a,
.event-rsvp-registration__checkbox-label--error a:visited {
    text-decoration: underline;
    color: #8491a4
}
.event-rsvp-registration__checkbox-label a:hover,
.event-rsvp-registration__checkbox-label--error a:hover {
    color: #464648
}
.event-rsvp-registration__checkbox-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0
}
.event-rsvp-registration__checkbox-label--error {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    color: #e13236
}
.event-rsvp-registration__form-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: .5rem 0
}
.event-rsvp-registration__form-label-asterisk {
    font-size: .6rem
}
.event-rsvp-invitation__invite-friends {
    margin-bottom: 2rem
}
.event-invite-friends {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 1rem
}
.event-invite-friends__title {
    font-weight: 700
}
.event-invite-friends__info {
    margin: .2rem 0 1.5rem
}
.event-invite-friends__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.event-invite-friends__form-gender {
    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: .8rem
}
.event-invite-friends__form-gender-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.5rem;
    -ms-flex: 0 0 4.5rem;
    flex: 0 0 4.5rem;
    font-weight: 700
}
.event-invite-friends__form-gender-inputs {
    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;
    font-weight: 700
}
.event-invite-friends__form-gender-inputs-operator {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #67bdc7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1;
    color: #67bdc7;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.event-invite-friends__form-gender-inputs-operator:focus {
    outline: 0
}
.no-touch .event-invite-friends__form-gender-inputs-operator:hover {
    border-color: #4ea5af;
    color: #4ea5af
}
.event-invite-friends__form-gender-inputs-operator[disabled],
.event-invite-friends__form-gender-inputs-operator[disabled]:hover {
    border-color: #bbc2cf;
    color: #bbc2cf
}
.event-invite-friends__form-gender-inputs-number {
    padding: 0 .6rem;
    color: #67bdc7;
    font-size: 1.2rem
}
.event-invite-friends__form-gender-info-friend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .8rem
}
.event-invite-friends__form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 49%;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: .8rem
}
.missing-feature,
.missing-feature__app-links-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.event-invite-friends__form-gender-info-friend-label {
    margin-bottom: .3rem;
    font-weight: 700
}
.event-rsvp-invite__form-cta {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 1rem
}
.event-rsvp-invite__form-cta:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.event-rsvp-invite__form-cta:disabled,
.event-rsvp-invite__form-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.events-title__content {
    margin: 0 .4rem;
    color: #464648;
    font-size: 1.25rem;
    font-weight: 700
}
.events-title__content-placeholder {
    margin: 0 .4rem;
    background: #dee0e5;
    width: 20rem;
    height: .8rem
}
.missing-feature {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1rem 5rem
}
.missing-feature__icon-wrapper {
    width: 11rem;
    height: 11rem
}
.missing-feature__title {
    margin-top: 2rem;
    text-align: center;
    color: #464648;
    font-family: 'Rubik';
    font-size: 1.8rem;
    font-weight: 700
}
.missing-feature__description {
    margin-top: 1rem;
    width: 100%;
    text-align: center;
    color: #8491a4;
    font-size: 1rem
}
.missing-feature__cta {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff;
    margin-top: 2rem;
    font-size: .81rem;
    font-weight: 700
}
.missing-feature__cta:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.missing-feature__cta:disabled,
.missing-feature__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.missing-feature__app-links-wrapper {
    display: flex;
    margin-top: 2rem
}
.missing-feature__app-link img {
    height: 3rem
}
.missing-feature__app-link:first-of-type {
    margin-right: 2rem
}
.boost-starting-screen__no-scroll {
    overflow: hidden
}
.boost-starting-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: rgba(129, 121, 206, .95);
    width: 100%;
    height: 100%;
    overflow: auto
}
.boost-starting-screen.ng-leave {
    -webkit-transition: .5s linear all;
    -o-transition: .5s linear all;
    transition: .5s linear all;
    opacity: 1
}
.boost-starting-screen.ng-leave.ng-leave-active {
    opacity: 0
}
.boost-starting-screen.ng-enter {
    -webkit-transition: .5s linear all;
    -o-transition: .5s linear all;
    transition: .5s linear all;
    opacity: 0
}
.boost-starting-screen.ng-enter.ng-enter-active {
    opacity: 1
}
.boost-starting-screen__close {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.boost-starting-screen__close:hover {
    fill: #bbc2cf
}
.boost-starting-screen__close-icon {
    display: block;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none
}
.boost-starting-screen__container,
.boost-starting-screen__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}
.boost-starting-screen__container {
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 2rem 0 1rem;
    max-height: 40rem
}
.boost-starting-screen__title {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 2rem
}
.boost-starting-screen__subtitle {
    margin-bottom: 7rem;
    text-align: center;
    color: #fff;
    font-size: .875rem
}
.boost-starting-screen__user-picture {
    position: relative
}
.boost-starting-screen__user-picture-round {
    -webkit-animation: respiration 5s infinite 0s cubic-bezier(.66, 0, 0, 1);
    animation: respiration 5s infinite 0s cubic-bezier(.66, 0, 0, 1);
    z-index: 5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
    background-color: #eef0f5;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 8rem;
    height: 8rem
}
.boost-starting-screen__pulse,
.boost-starting-screen__pulse--delayed,
.boost-starting-screen__pulse--delayed-2 {
    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 8rem;
    height: 8rem
}
.boost-starting-screen__pulse {
    -webkit-animation: pulseMax 5s infinite 1.5s cubic-bezier(.66, 0, 0, 1);
    animation: pulseMax 5s infinite 1.5s cubic-bezier(.66, 0, 0, 1)
}
.boost-starting-screen__pulse--delayed {
    -webkit-animation: pulseMax 5s infinite 1s cubic-bezier(.66, 0, 0, 1);
    animation: pulseMax 5s infinite 1s cubic-bezier(.66, 0, 0, 1)
}
.boost-starting-screen__pulse--delayed-2 {
    -webkit-animation: pulseMax 5s infinite .5s cubic-bezier(.66, 0, 0, 1);
    animation: pulseMax 5s infinite .5s cubic-bezier(.66, 0, 0, 1)
}
.boost-starting-screen__footer {
    display: flex;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.boost-starting-screen__launch-boost {
    border-color: #fff;
    background-color: #fff;
    color: #3223be;
    margin-bottom: 3rem
}
.boost-starting-screen__launch-boost:hover {
    border-color: #6f65ac;
    background-color: #6f65ac;
    color: #fff
}
.boost-starting-screen__launch-boost:disabled,
.boost-starting-screen__launch-boost[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.boost-starting-screen__cancel-boost {
    color: #fff;
    font-size: .8rem
}
.boost-starting-screen__cancel-boost:hover {
    color: #bbc2cf
}
.boost-starting-screen__ar-info {
    margin-top: .7rem;
    color: #fff;
    font-size: .75rem;
    font-style: italic
}
.incognito-starting-screen__no-scroll {
    overflow: hidden
}
.incognito-starting-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: rgba(129, 121, 206, .95);
    width: 100%;
    height: 100%;
    overflow: auto
}
.incognito-starting-screen.ng-leave {
    -webkit-transition: .5s linear all;
    -o-transition: .5s linear all;
    transition: .5s linear all;
    opacity: 1
}
.incognito-starting-screen.ng-leave.ng-leave-active {
    opacity: 0
}
.incognito-starting-screen.ng-enter {
    -webkit-transition: .5s linear all;
    -o-transition: .5s linear all;
    transition: .5s linear all;
    opacity: 0
}
.incognito-starting-screen.ng-enter.ng-enter-active {
    opacity: 1
}
.incognito-starting-screen__close {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.so-layer__close,
.visa-layer__close {
    -o-transition: fill .25s ease-in-out;
    -webkit-transition: fill .25s ease-in-out;
    cursor: pointer
}
.incognito-starting-screen__close:hover {
    fill: #bbc2cf
}
.incognito-starting-screen__close-icon {
    display: block;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none
}
.incognito-starting-screen__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem 0 1rem;
    max-width: 50rem;
    max-height: 45rem
}
.incognito-starting-screen__title {
    margin-bottom: 1rem;
    color: #fff;
    font-size: 2rem
}
.incognito-starting-screen__subtitle {
    margin-bottom: 2rem;
    max-width: 100%;
    text-align: center;
    color: #fff;
    font-size: .9rem
}
.incognito-starting-screen__subtitle-left-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.8rem;
    text-align: center;
    color: #fff;
    font-weight: 600
}
.incognito-starting-screen__footer {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.incognito-starting-screen__launch-incognito {
    border-color: #fff;
    background-color: #fff;
    color: #3223be;
    margin-bottom: 2rem
}
.incognito-starting-screen__launch-incognito:hover {
    border-color: #6f65ac;
    background-color: #6f65ac;
    color: #fff
}
.incognito-starting-screen__launch-incognito:disabled,
.incognito-starting-screen__launch-incognito[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.incognito-starting-screen__cancel-incognito {
    color: #fff;
    font-size: .8rem
}
.incognito-starting-screen__cancel-incognito:hover {
    color: #bbc2cf
}
.incognito-starting-screen__content-animations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 3rem;
    height: 18rem
}
.incognito-starting-screen__avatar-0,
.incognito-starting-screen__avatar-1,
.incognito-starting-screen__avatar-2,
.incognito-starting-screen__avatar-3,
.incognito-starting-screen__avatar-4,
.incognito-starting-screen__avatar-5 {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .3);
    background-color: #eef0f5;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.cropper-container,
.gallery__slider,
.onboarding-screen__card,
.so-layer__offer,
.visa-layer__offer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.incognito-starting-screen__avatar-0 img,
.incognito-starting-screen__avatar-1 img,
.incognito-starting-screen__avatar-2 img,
.incognito-starting-screen__avatar-3 img,
.incognito-starting-screen__avatar-4 img,
.incognito-starting-screen__avatar-5 img {
    padding-top: .3rem
}
.incognito-starting-screen__avatar-0 {
    top: 0;
    left: 0;
    -webkit-animation: enterScaleAvaterIncognito .5s 0s cubic-bezier(.66, 0, 0, 1);
    animation: enterScaleAvaterIncognito .5s 0s cubic-bezier(.66, 0, 0, 1);
    width: 4rem;
    height: 4rem
}
.incognito-starting-screen__avatar-1 {
    top: 7rem;
    left: 8rem;
    -webkit-animation: enterScaleAvaterIncognito 4s 0s cubic-bezier(.66, 0, 0, 1);
    animation: enterScaleAvaterIncognito 4s 0s cubic-bezier(.66, 0, 0, 1);
    width: 2.5rem;
    height: 2.5rem
}
.incognito-starting-screen__avatar-2 {
    bottom: 3rem;
    left: 4rem;
    -webkit-animation: enterScaleAvaterIncognito 1s 0s cubic-bezier(.66, 0, 0, 1);
    animation: enterScaleAvaterIncognito 1s 0s cubic-bezier(.66, 0, 0, 1);
    width: 3.5rem;
    height: 3.5rem
}
.incognito-starting-screen__avatar-3 {
    top: 1rem;
    right: 8rem;
    -webkit-animation: enterScaleAvaterIncognito 1.5s 0s cubic-bezier(.66, 0, 0, 1);
    animation: enterScaleAvaterIncognito 1.5s 0s cubic-bezier(.66, 0, 0, 1);
    width: 4rem;
    height: 4rem
}
.incognito-starting-screen__avatar-4 {
    top: 8rem;
    right: 3rem;
    -webkit-animation: enterScaleAvaterIncognito 3.5s 0s cubic-bezier(.66, 0, 0, 1);
    animation: enterScaleAvaterIncognito 3.5s 0s cubic-bezier(.66, 0, 0, 1);
    width: 3rem;
    height: 3rem
}
.incognito-starting-screen__avatar-5 {
    right: 8rem;
    bottom: 2rem;
    -webkit-animation: enterScaleAvaterIncognito 2.5s 0s cubic-bezier(.66, 0, 0, 1);
    animation: enterScaleAvaterIncognito 2.5s 0s cubic-bezier(.66, 0, 0, 1);
    width: 2.5rem;
    height: 2.5rem
}
@-webkit-keyframes enterScaleAvaterIncognito {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes enterScaleAvaterIncognito {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
.incognito-starting-screen__ghost-eye {
    -webkit-animation: rollingEyes 3s ease-out infinite;
    animation: rollingEyes 3s ease-out infinite
}
@-webkit-keyframes rollingEyes {
    0%,
    100% {
        -webkit-transform: translateY(-.2rem);
        transform: translateY(-.2rem)
    }
    50% {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem)
    }
}
@keyframes rollingEyes {
    0%,
    100% {
        -webkit-transform: translateY(-.2rem);
        transform: translateY(-.2rem)
    }
    50% {
        -webkit-transform: translateY(.2rem);
        transform: translateY(.2rem)
    }
}
.incognito-starting-screen__ghost {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 10rem
}
.so-layer-screen,
.so-layer__offer {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column
}
@-webkit-keyframes floatGhost {
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
}
@keyframes floatGhost {
    50% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }
}
.incognito-starting-screen__ghost-icon {
    -webkit-animation: floatGhost 3s ease-out infinite;
    animation: floatGhost 3s ease-out infinite;
    margin-bottom: -.8rem;
    width: 10.5rem;
    height: 10.5rem
}
@-webkit-keyframes shrinkShadow {
    0%,
    100% {
        margin: 0 5%;
        width: 90%
    }
    50% {
        margin: 0 28%;
        width: 50%
    }
}
@keyframes shrinkShadow {
    0%,
    100% {
        margin: 0 5%;
        width: 90%
    }
    50% {
        margin: 0 28%;
        width: 50%
    }
}
.incognito-starting-screen__ghost-shadow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: shrinkShadow 3s ease-out infinite;
    animation: shrinkShadow 3s ease-out infinite;
    margin-top: -1rem;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}
.incognito-starting-screen__ghost-shadow-ellipse {
    opacity: .3;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    fill: #fff
}
@media (min-height:769px) {
    .incognito-starting-screen__subtitle {
        margin-bottom: 5rem
    }
    .incognito-starting-screen__content-animations {
        height: 20rem
    }
    .incognito-starting-screen__launch-incognito {
        margin-bottom: 3rem
    }
}
.so-layer-screen__no-scroll {
    overflow: hidden
}
.so-layer-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: -webkit-linear-gradient(315deg, #5ea3e2, #5fd2bf);
    background: -o-linear-gradient(315deg, #5ea3e2, #5fd2bf);
    background: linear-gradient(135deg, #5ea3e2, #5fd2bf);
    padding-bottom: 4rem;
    text-align: center;
    color: #fff
}
.so-layer__close {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    transition: fill .25s ease-in-out;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.so-layer__close:hover {
    fill: #bbc2cf
}
.so-layer__close-icon {
    display: block;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none
}
.so-layer__offer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    border: .1rem dashed #fff;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    cursor: pointer;
    padding: .8rem 2rem;
    line-height: 1;
    user-select: none
}
.so-layer__explanation,
.so-layer__footer {
    display: -webkit-box;
    -webkit-box-orient: vertical
}
.so-layer__offer-title {
    text-transform: uppercase;
    font-size: 1rem
}
.so-layer__offer-type {
    font-size: 6rem;
    font-weight: 700
}
.so-layer__payment-cta:hover {
    color: #fff
}
.so-layer__payment-cta {
    font-weight: 700;
    border-color: #fff;
    background-color: #fff;
    color: #5ec7c8;
    margin-top: 2rem
}
.so-layer__payment-cta:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.so-layer__payment-cta:disabled,
.so-layer__payment-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.so-layer__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 95%;
    color: #fff;
    font-size: .85rem
}
.cgu-layer-screen,
.visa-layer-screen {
    position: fixed;
    top: 0;
    -webkit-box-direction: normal
}
.cgu-layer__close-icon,
.visa-layer__close-icon {
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg)
}
.so-layer__footer-legal {
    font-size: .75rem;
    font-style: normal
}
.so-layer__loader {
    margin-top: 1.5rem;
    border-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .9)
}
@media (min-width:1441px) {
    .so-layer__offer-title {
        font-size: 1.3rem
    }
    .so-layer__offer-type {
        font-size: 9.5rem
    }
}
.so-layer__explanation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 50rem
}
.so-layer__explanation-title {
    margin-bottom: 2.5rem;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700
}
.so-layer__explanation-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 2.5rem
}
.so-layer__explanation-bloc {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 1.5rem;
    max-width: 12rem;
    font-size: .8rem
}
.so-layer__explanation-icon-bubble {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
    width: 3rem;
    height: 3rem
}
.so-layer__explanation-icon {
    width: 1.8rem;
    height: 1.8rem;
    fill: #fff
}
.visa-layer-screen__no-scroll {
    overflow: hidden
}
.visa-layer-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: url(https://iliusstd-a.akamaihd.net/dating/assets/images/bg-visa-layer-fe167ebed1.jpg) center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-bottom: 4rem;
    text-align: center;
    color: #fff
}
.visa-layer__close {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    transition: fill .25s ease-in-out;
    width: 1.5rem;
    height: 1.5rem;
    fill: #000
}
.visa-layer__close-icon {
    display: block;
    transform: rotateZ(45deg);
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none
}
.visa-layer__logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem 0
}
.cgu-layer-screen,
.visa-layer__offer {
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column
}
.visa-layer__logos-visa {
    border-right: 1px solid #fff;
    width: 6.5rem
}
.visa-layer__logos-meetic {
    min-width: 6.9rem
}
.visa-layer__logos-meetic,
.visa-layer__logos-visa {
    padding: 0 1rem;
    height: 2rem
}
.visa-layer__logos-meetic svg,
.visa-layer__logos-visa svg {
    width: auto
}
.visa-layer__offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: .1rem dashed #fff;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    cursor: pointer;
    padding: 1.5rem 2.5rem;
    line-height: 1;
    user-select: none
}
.visa-layer__offer-title {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: lighter
}
.visa-layer__offer-percentage {
    padding: 1rem;
    font-size: 6rem;
    font-weight: 700
}
.visa-layer__offer-percentage-off {
    font-size: 5rem
}
@media (min-width:1441px) {
    .visa-layer__offer-title {
        font-size: 1.3rem
    }
    .visa-layer__offer-percentage {
        font-size: 8rem
    }
}
.visa-layer__offer-description {
    max-width: 23rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: lighter
}
.visa-layer__payment-cta {
    font-weight: 700;
    border-color: #ffba31;
    background-color: #ffba31;
    color: #fff;
    margin-top: 2rem
}
.visa-layer__payment-cta:hover {
    color: #fff;
    border-color: #fda800;
    background-color: #fda800
}
.visa-layer__payment-cta:disabled,
.visa-layer__payment-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.cgu-layer-screen__no-scroll {
    overflow: hidden
}
.cgu-layer-screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    background: #fff;
    text-align: center;
    color: #464648
}
.cgu-layer__close,
.cgu-layer__close-icon {
    display: block;
    width: 1.5rem;
    height: 1.5rem
}
.cgu-layer__cgu-content-loader,
.cgu-layer__content-container {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.cgu-layer__brand-logo {
    display: block;
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 4rem;
    height: 4rem
}
.cgu-layer__close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    cursor: pointer;
    fill: #bbc2cf
}
.cgu-layer__close:hover {
    fill: #8491a4
}
.cgu-layer__close-icon {
    transform: rotateZ(45deg);
    pointer-events: none
}
.cgu-layer__content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44rem
}
.cgu-layer__title {
    margin-bottom: 1.2rem;
    font-size: 1.5rem
}
.cgu-layer__cgu-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    max-width: 42rem;
    height: 24rem;
    text-align: left;
    font-size: .8rem;
    overflow-y: scroll
}
.cgu-layer__cgu-content-loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40rem;
    height: 20rem
}
@media (min-height:769px) {
    .cgu-layer__cgu-content {
        height: 28rem
    }
}
.cgu-layer__cgu-content.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    background-color: #fff!important
}
.cgu-layer__cgu-content.ps-active-y .ps-scrollbar-y {
    right: .2rem;
    background-color: rgba(0, 0, 0, .4)!important
}
.cgu-layer__cgu-content #article_content {
    margin: 1rem 2rem
}
.cgu-layer__cgu-content h1 {
    color: #000
}
.cgu-layer__cgu-content h2,
.cta-button {
    color: #f7414e
}
.cgu-layer__download-cgu {
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    margin: .8rem 0;
    text-decoration: underline;
    color: #5f5f62;
    font-size: .875rem;
    font-weight: 700
}
.cgu-layer__download-cgu:hover {
    color: #464648
}
.cgu-layer__validate-cta {
    border-color: #f7414e;
    background-color: #f7414e;
    color: #fff;
    margin-bottom: .6rem;
    cursor: pointer
}
.cgu-layer__validate-cta:hover {
    border-color: #bf0f64;
    background-color: #bf0f64
}
.cgu-layer__validate-cta:disabled,
.cgu-layer__validate-cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.cgu-layer__footer {
    width: 36rem;
    color: #8491a4;
    font-size: .8rem
}
.notification-sync,
.notification-sync--with-banner-default,
.notification-sync--with-banner-small {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    z-index: 5;
    width: 100%
}
.notification-sync {
    -webkit-transform: translate3d(0, 4rem, 0);
    transform: translate3d(0, 4rem, 0)
}
.notification-sync--with-banner-default {
    -webkit-transform: translate3d(0, 10.25rem, 0);
    transform: translate3d(0, 10.25rem, 0)
}
.notification-sync--with-banner-small {
    -webkit-transform: translate3d(0, 7.5rem, 0);
    transform: translate3d(0, 7.5rem, 0)
}
.notification-sync__button {
    position: absolute;
    -webkit-transform: translate3d(-50%, -4rem, 0);
    transform: translate3d(-50%, -4rem, 0);
    opacity: 0;
    border-color: #f7414e;
    background-color: #f7414e;
    color: #fff
}
.notification-sync__button:hover {
    border-color: #bf0f64;
    background-color: #bf0f64
}
.notification-sync__button:disabled,
.notification-sync__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
@-webkit-keyframes syncButtonAppears {
    0%,
    82% {
        -webkit-transform: translate3d(-50%, -4rem, 0);
        transform: translate3d(-50%, -4rem, 0);
        opacity: 0
    }
    94% {
        -webkit-transform: translate3d(-50%, 1.9rem, 0);
        transform: translate3d(-50%, 1.9rem, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(-50%, 1.4rem, 0);
        transform: translate3d(-50%, 1.4rem, 0);
        opacity: 1
    }
}
@keyframes syncButtonAppears {
    0%,
    82% {
        -webkit-transform: translate3d(-50%, -4rem, 0);
        transform: translate3d(-50%, -4rem, 0);
        opacity: 0
    }
    94% {
        -webkit-transform: translate3d(-50%, 1.9rem, 0);
        transform: translate3d(-50%, 1.9rem, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(-50%, 1.4rem, 0);
        transform: translate3d(-50%, 1.4rem, 0);
        opacity: 1
    }
}
.notification-sync__button--visible {
    -webkit-transform: translate3d(-50%, 1.4rem, 0);
    transform: translate3d(-50%, 1.4rem, 0);
    -webkit-animation-name: syncButtonAppears;
    animation-name: syncButtonAppears;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    opacity: 1
}
.search__content .notification-sync {
    top: auto
}
.search__content .notification-sync__button {
    display: none
}
.picture-popup__facebook-upload,
.picture-popup__footer {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox
}
.search__content .notification-sync__button--visible {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -6rem
}
.konami-poney-animation {
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-animation: konami-poney 3s linear;
    animation: konami-poney 3s linear;
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}
@-webkit-keyframes konami-poney {
    0% {
        -webkit-transform: translateX(0) rotate(10deg);
        transform: translateX(0) rotate(10deg);
        opacity: 0
    }
    10% {
        -webkit-transform: translateX(300%) rotate(30deg);
        transform: translateX(300%) rotate(30deg);
        opacity: 1
    }
    33% {
        -webkit-transform: translateX(500%) rotate(50deg);
        transform: translateX(500%) rotate(50deg);
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(700%) rotate(30deg);
        transform: translateX(700%) rotate(30deg);
        opacity: 1
    }
    77% {
        -webkit-transform: translateX(1000%) rotate(10deg);
        transform: translateX(1000%) rotate(10deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000%) rotate(-10deg);
        transform: translateX(1000%) rotate(-10deg);
        opacity: 0
    }
}
@keyframes konami-poney {
    0% {
        -webkit-transform: translateX(0) rotate(10deg);
        transform: translateX(0) rotate(10deg);
        opacity: 0
    }
    10% {
        -webkit-transform: translateX(300%) rotate(30deg);
        transform: translateX(300%) rotate(30deg);
        opacity: 1
    }
    33% {
        -webkit-transform: translateX(500%) rotate(50deg);
        transform: translateX(500%) rotate(50deg);
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(700%) rotate(30deg);
        transform: translateX(700%) rotate(30deg);
        opacity: 1
    }
    77% {
        -webkit-transform: translateX(1000%) rotate(10deg);
        transform: translateX(1000%) rotate(10deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(1000%) rotate(-10deg);
        transform: translateX(1000%) rotate(-10deg);
        opacity: 0
    }
}
.alert-moderator-popup__popup {
    height: 28rem
}
.alert-moderator-popup__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5.5rem;
    -ms-flex: 0 0 5.5rem;
    flex: 0 0 5.5rem;
    margin-bottom: 1rem;
    width: 5.5rem;
    height: 5.5rem;
    fill: #8491a4
}
.alert-moderator-popup__title {
    margin-bottom: .2rem;
    text-align: center;
    color: #464648;
    font-size: 1.5rem
}
.alert-moderator-popup__description {
    margin-bottom: 1rem;
    text-align: center;
    color: #8491a4;
    font-size: .8rem;
    font-weight: 400
}
.alert-moderator-popup__reason {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: 1rem;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    padding: 1rem;
    color: #464648;
    font-size: .8rem;
    resize: none
}
.alert-moderator-popup__reason::-webkit-input-placeholder {
    color: #8491a4;
    font-size: .8rem;
    font-style: italic
}
.alert-moderator-popup__reason::-moz-placeholder {
    color: #8491a4;
    font-size: .8rem;
    font-style: italic
}
.alert-moderator-popup__reason:-ms-input-placeholder {
    color: #8491a4;
    font-size: .8rem;
    font-style: italic
}
.alert-moderator-popup__reason:focus {
    outline: 0;
    resize: none
}
.alert-moderator-popup__action-button {
    border-color: #e13236;
    background-color: #e13236;
    color: #fff;
    margin-bottom: .4rem;
    min-width: 10rem
}
.alert-moderator-popup__action-button:hover {
    border-color: #c31d20;
    background-color: #c31d20
}
.alert-moderator-popup__action-button:disabled,
.alert-moderator-popup__action-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.alert-moderator-popup__cancel {
    margin-bottom: 1rem;
    font-size: .7rem;
    font-weight: 400
}
.alert-moderator-popup__help-cta,
.alert-moderator-popup__help-text {
    font-size: .7rem;
    font-weight: 400
}
.picture-popup__popup {
    padding: 0;
    width: 32rem
}
.picture-popup__content {
    padding: 2rem 2rem 1rem
}
.picture-popup__footer {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.5rem;
    -webkit-border-bottom-left-radius: .2rem;
    border-bottom-left-radius: .2rem;
    -webkit-border-bottom-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
    background-color: #eef0f5;
    padding: 1rem;
    width: 30rem
}
.picture-popup__footer-file-restrictions {
    margin-bottom: .2rem;
    text-align: center;
    color: #8491a4;
    font-size: .7rem
}
.picture-popup__facebook-upload {
    border-color: #4267b2;
    background-color: #4267b2;
    color: #fff;
    display: flex;
    cursor: pointer
}
.picture-popup__facebook-upload:hover {
    border-color: #365899;
    background-color: #365899
}
.picture-popup__facebook-upload:disabled,
.picture-popup__facebook-upload[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.picture-popup__facebook-upload--icon {
    margin-right: .5rem;
    width: 1rem;
    height: 1rem
}
.picture-popup__title {
    margin-bottom: .7rem;
    max-width: 18rem;
    text-align: center;
    line-height: 1.2;
    color: #464648;
    font-size: 1.4rem
}
.picture-popup__description {
    margin-bottom: 1rem;
    width: 23rem;
    text-align: center;
    color: #8491a4;
    font-size: .8rem;
    font-weight: 400
}
.picture-popup__cancel {
    text-align: center;
    font-size: .7rem;
    font-weight: 400
}
.picture-popup__crop-form-section,
.picture-popup__upload-form-section {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%
}
.picture-popup__upload-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.picture-popup__upload-form-icon {
    margin-bottom: 1rem;
    width: 100%;
    height: 9rem
}
.picture-popup__upload-form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color .25s, border-color .25s;
    -o-transition: color .25s, border-color .25s;
    transition: color .25s, border-color .25s;
    margin: .5rem;
    border: 2px dashed #8491a4;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    background: #fff;
    padding: 2rem;
    width: 22rem;
    color: #8491a4;
    will-change: color, border-color
}
.picture-popup__upload-form-wrapper:hover {
    border-color: #464648;
    color: #464648
}
.picture-popup__upload-form-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%
}
.picture-popup__upload-form-input-hint {
    text-align: center;
    font-size: .8rem;
    font-weight: 700
}
.picture-popup__moderation-validate-button {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    margin-top: 1rem
}
.picture-popup__moderation-validate-button:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.picture-popup__moderation-validate-button:disabled,
.picture-popup__moderation-validate-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.picture-popup__moderation-section {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.blacklist-popup__popup {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 20rem
}
.blacklist-popup__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5.5rem;
    -ms-flex: 0 0 5.5rem;
    flex: 0 0 5.5rem;
    margin-bottom: 1rem;
    width: 5.5rem;
    height: 5.5rem;
    fill: #8491a4
}
.blacklist-popup__title {
    margin-bottom: .2rem;
    width: 100%;
    text-align: center;
    color: #464648;
    font-size: 1.5rem
}
.blacklist-popup__description {
    margin-bottom: 1rem;
    text-align: center;
    color: #8491a4;
    font-size: .8rem;
    font-weight: 400
}
.blacklist-popup__action-button {
    border-color: #e13236;
    background-color: #e13236;
    color: #fff;
    margin-bottom: .4rem;
    min-width: 13rem
}
.blacklist-popup__action-button:hover {
    border-color: #c31d20;
    background-color: #c31d20
}
.blacklist-popup__action-button:disabled,
.blacklist-popup__action-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.blacklist-popup__cancel {
    margin-bottom: 1rem;
    font-size: .7rem;
    font-weight: 400
}
.list-mini-profile__close-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8)
}
.list-mini-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50rem;
    -ms-flex: 0 0 50rem;
    flex: 0 0 50rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 8
}
.list-mini-profile__slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28rem;
    -ms-flex: 0 0 28rem;
    flex: 0 0 28rem;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-top: 4rem
}
.list-mini-profile__close {
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    margin-top: 2rem;
    border-color: #fff
}
.list-mini-profile__close:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: #bbc2cf;
    color: #bbc2cf
}
.list-mini-profile__close:disabled,
.list-mini-profile__close[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.list-mini-profile__slider-navigation--disabled,
.list-mini-profile__slider-navigation--normal {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: #fff
}
.contact-filter-popup__close-button,
.list-mini-profile__slider-navigation--normal:hover {
    fill: #bbc2cf
}
.list-mini-profile__slider-navigation--disabled {
    opacity: .1
}
.list-mini-profile__slider-navigation-icon--next,
.list-mini-profile__slider-navigation-icon--previous {
    display: block;
    margin: 0 1.5rem;
    width: 2rem;
    height: 2rem;
    pointer-events: none
}
.list-mini-profile__slider-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    background: #fff
}
.list-mini-profile__content-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-border-top-left-radius: .6rem;
    border-top-left-radius: .6rem;
    -webkit-border-bottom-left-radius: .6rem;
    border-bottom-left-radius: .6rem;
    overflow: hidden
}
.list-mini-profile__content-pictures,
.list-mini-profile__content-pictures--gradient {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-top-left-radius: .6rem;
    border-top-left-radius: .6rem;
    background-color: #eef0f5;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.list-mini-profile__content-pictures--gradient::before {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-border-top-left-radius: .6rem;
    border-top-left-radius: .6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#464648), color-stop(80%, transparent));
    background: -webkit-linear-gradient(#464648 0, transparent 80%);
    background: -o-linear-gradient(#464648 0, transparent 80%);
    background: linear-gradient(#464648 0, transparent 80%);
    width: 100%;
    height: 5rem;
    content: ' '
}
.list-mini-profile__content-pictures-new-member {
    position: absolute;
    top: .4rem;
    left: .6rem;
    color: #fff;
    font-size: .8rem
}
.list-mini-profile__content-pictures-count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: .6rem;
    left: .6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    width: 2.6rem;
    height: 2.6rem;
    line-height: 1;
    color: #fff;
    font-size: .75rem;
    font-weight: 300
}
.list-mini-profile__content-infos,
.list-mini-profile__content-infos-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    min-width: 0
}
.list-mini-profile__content-pictures-count-icon {
    width: 1.1rem;
    height: 1.1rem;
    fill: #fff
}
.list-mini-profile__gentleman-badge {
    position: absolute;
    top: 18.1rem;
    right: .3rem;
    z-index: 9
}
@media (min-width:1025px) {
    .list-mini-profile {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 56rem;
        -ms-flex: 0 0 56rem;
        flex: 0 0 56rem
    }
}
.list-mini-profile__content-infos {
    display: flex;
    -webkit-box-flex: 1.1;
    -webkit-flex: 1.1;
    -ms-flex: 1.1;
    flex: 1.1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.2rem;
    color: #464648;
    font-size: .9rem
}
.list-mini-profile__content-infos-header {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.list-mini-profile__content-infos-nickname {
    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-width: 0
}
.list-mini-profile__content-infos-nickname-text {
    min-width: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #464648;
    font-size: 1.5rem;
    font-weight: 700
}
.list-mini-profile__content-infos-nickname-is-online {
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    margin-left: .2rem;
    cursor: default;
    line-height: 1;
    color: #00c2ab;
    font-family: sans-serif;
    font-size: 2.4rem
}
.dating-profile-essay-edit__header-title,
.dating-profile-essay-edit__moderation-notice,
.list-mini-profile__content-infos-nickname-is-online-hint,
.places-page__infos {
    font-family: 'Rubik', sans-serif
}
.list-mini-profile__content-infos-nickname-is-online-hint {
    display: none;
    font-weight: 400
}
.list-mini-profile__content-infos-nickname-is-online:hover .list-mini-profile__content-infos-nickname-is-online-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.list-mini-profile__content-infos-premium {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: .4rem;
    text-transform: uppercase;
    color: #81c44e;
    font-family: 'Rubik', sans-serif;
    font-size: .95rem;
    font-weight: 700
}
.list-mini-profile__content-infos-premium-hint {
    font-family: 'Rubik';
    font-weight: 400
}
.no-touch .list-mini-profile__content-infos-premium:hover .list-mini-profile__content-infos-premium-hint {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.list-mini-profile__content-infos-more {
    color: #8491a4;
    font-weight: 300
}
.list-mini-profile__content-infos-empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.6;
    color: #8491a4;
    font-size: .85rem;
    font-weight: 300
}
.list-mini-profile__content-infos-empty-img {
    width: 8rem;
    height: 8rem
}
.list-mini-profile__content-infos-empty-text {
    width: 100%
}
.list-mini-profile__content-infos-empty-text-link {
    color: #8491a4;
    font-weight: 700;
    font-style: normal
}
.list-mini-profile__content-infos-essay {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-top: 2rem;
    line-height: 1.7;
    color: #8491a4;
    font-size: .85rem
}
.list-mini-profile__content-infos-essay-placeholder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem
}
.list-mini-profile__content-infos-essay-text {
    margin: 0 .2rem;
    max-width: 18.8rem;
    word-wrap: break-word
}
.list-mini-profile__content-infos-essay-placeholder-line {
    margin: .3rem 0;
    background-color: #eef0f5;
    height: .6rem
}
.list-mini-profile__content-infos-essay-more {
    text-decoration: underline;
    color: #8491a4;
    font-weight: 700
}
.list-mini-profile__content-infos-essay-more:hover {
    color: #464648
}
.list-mini-profile__content-cta-bar {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}
.list-mini-profile__content-infos-similarities {
    margin-bottom: 1rem
}
.list-mini-profile__similarities-separator {
    position: relative;
    margin-bottom: 1.5rem;
    border-bottom: solid 1px #bbc2cf
}
.list-mini-profile__similarities-pictures {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -1.25rem;
    left: calc(50% - 3rem);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    width: 6rem
}
.list-mini-profile__similarities-pictures--mutual-match {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -1.25rem;
    left: calc(50% - 3rem);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    width: 6rem
}
.list-mini-profile__similarities-pictures--mine,
.list-mini-profile__similarities-pictures--theirs {
    position: relative;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem
}
.list-mini-profile__similarities-pictures--theirs {
    left: .25rem;
    background-color: #eef0f5
}
.list-mini-profile__similarities-pictures--mine {
    right: .45rem;
    z-index: 5;
    margin-top: .1rem;
    background-color: #eef0f5;
    width: 2.25rem;
    min-width: 2.25rem;
    height: 2.25rem;
    min-height: 2.25rem
}
.list-mini-profile__similarities-pictures--mutual-match .list-mini-profile__similarities-pictures--theirs {
    left: -.1rem
}
.list-mini-profile__similarities-pictures--mutual-match .list-mini-profile__similarities-pictures--mine {
    right: -.1rem;
    margin-top: 0;
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem
}
.list-mini-profile__similarities-pictures-favorite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 6;
    margin: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 6px rgba(70, 70, 72, .15), 0 3px 6px rgba(70, 70, 72, .15);
    box-shadow: 0 3px 6px rgba(70, 70, 72, .15), 0 3px 6px rgba(70, 70, 72, .15);
    background: #fff;
    width: 1.5rem;
    height: 1.5rem;
    fill: #f7414e
}
.list-mini-profile__similarities-infos,
.picture-popup__crop-form-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.list-mini-profile__similarities-pictures-favorite-icon {
    width: 1rem;
    height: 1rem
}
.list-mini-profile__similarities-infos {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.list-mini-profile__similarities-infos-mm-text {
    color: #fff;
    font-weight: 700
}
.inbox-profile-bar__premium-icon {
    display: inline-block;
    margin: 0 .3rem;
    width: 1.2rem;
    height: 1.2rem;
    fill: #81c44e
}
@media (min-width:1025px) {
    .list-mini-profile__content-infos {
        padding: 1.6rem
    }
}
/*!
 * Cropper.js v1.0.0
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-09-03T12:52:44.102Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    user-select: none
}
.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none!important;
    max-width: none!important;
    min-height: 0!important;
    min-width: 0!important;
    width: 100%
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.cropper-wrap-box {
    overflow: hidden
}
.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}
.cropper-modal {
    background-color: #000;
    opacity: .5
}
.cropper-view-box {
    display: block;
    height: 100%;
    outline: #39f solid 1px;
    overflow: hidden;
    width: 100%
}
.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}
.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}
.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}
.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}
.cropper-center:after,
.cropper-center:before {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute
}
.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}
.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}
.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}
.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}
.cropper-line {
    background-color: #39f
}
.cropper-line.line-e {
    cursor: e-resize;
    right: -3px;
    top: 0;
    width: 5px
}
.cropper-line.line-n {
    cursor: n-resize;
    height: 5px;
    left: 0;
    top: -3px
}
.cropper-line.line-w {
    cursor: w-resize;
    left: -3px;
    top: 0;
    width: 5px
}
.cropper-line.line-s {
    bottom: -3px;
    cursor: s-resize;
    height: 5px;
    left: 0
}
.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}
.cropper-point.point-e {
    cursor: e-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}
.cropper-point.point-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}
.cropper-point.point-w {
    cursor: w-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}
.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}
.cropper-point.point-ne {
    cursor: ne-resize;
    right: -3px;
    top: -3px
}
.cropper-point.point-nw {
    cursor: nw-resize;
    left: -3px;
    top: -3px
}
.cropper-point.point-sw {
    bottom: -3px;
    cursor: sw-resize;
    left: -3px
}
.cropper-point.point-se {
    bottom: -3px;
    cursor: se-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}
@media (min-width:768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}
@media (min-width:992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}
@media (min-width:1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}
.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}
.cropper-invisible {
    opacity: 0
}
.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}
.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}
.cropper-hidden {
    display: none!important
}
.cropper-move {
    cursor: move
}
.cropper-crop {
    cursor: crosshair
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}
.picture-popup__crop-form-area {
    margin: 1.5rem 0 0;
    overflow: hidden
}
.picture-popup__crop-form-image {
    max-width: 22rem
}
.picture-popup__crop-form-footer {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 7rem
}
.picture-popup__crop-form-actions {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.picture-popup__crop-form-cancel-button {
    margin-top: 1rem;
    font-size: .7rem;
    font-weight: 400
}
.picture-popup__crop-form-validate-button {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff
}
.picture-popup__crop-form-validate-button:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.picture-popup__crop-form-validate-button:disabled,
.picture-popup__crop-form-validate-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.picture-popup__crop-form-picture-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: .5rem .5rem 1rem
}
.picture-popup__crop-form-rotate-button {
    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;
    font-size: .8rem;
    font-weight: 700
}
.picture-popup__crop-form-rotate-icon-wrapper {
    display: block;
    margin-right: .5rem;
    width: 1rem;
    height: 1rem
}
.contact-filter-popup__header,
.dating-upload-form__loader {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.dating-upload-form__loader {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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
}
.contact-filter-popup__popup {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 27rem;
    -ms-flex: 0 0 27rem;
    flex: 0 0 27rem;
    padding: 0 2rem 1.5rem;
    height: 28rem
}
.contact-filter-popup__close-button:hover {
    fill: #8491a4
}
.contact-filter-popup__header {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-top-left-radius: .65rem;
    border-top-left-radius: .65rem;
    -webkit-border-top-right-radius: .65rem;
    border-top-right-radius: .65rem;
    background-color: #4e5f71;
    padding: 2rem;
    width: 100%;
    text-align: center;
    color: #fff
}
.contact-filter-popup__header-title {
    font-size: 1.4rem
}
.contact-filter-popup__header-desc {
    font-size: .8rem
}
.contact-filter-popup__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-top: 1rem
}
.contact-filter-popup__content-desc {
    text-align: center;
    color: #8491a4
}
.contact-filter-popup__content-filter {
    padding: .5rem 0;
    font-size: .8rem
}
.contact-filter-popup__content-filter:not(:last-child) {
    border-bottom: 1px solid #eef0f5
}
.contact-filter-popup__label {
    padding-right: .5rem;
    color: #bbc2cf
}
.contact-filter-popup__label--selected {
    padding-right: .5rem;
    color: #8491a4
}
.contact-filter-popup__cta {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff;
    margin-top: .5rem;
    cursor: pointer;
    max-width: 10rem
}
.contact-filter-popup__cta:hover {
    border-color: #4ea5af;
    background-color: #4ea5af
}
.contact-filter-popup__cta:disabled,
.contact-filter-popup__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.contact-filter-popup__age-explanation {
    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: #8491a4
}
.contact-filter-popup__age-edit-wrapper {
    position: relative;
    max-width: 8rem
}
.contact-filter-popup__age-edit {
    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
}
.ar-reactivation-popup__popup-content,
.ar-reactivation-success-popup__popup-content {
    display: -ms-flexbox;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.ar-reactivation-popup__popup-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: #464648;
    font-size: .9rem;
    box-sizing: border-box
}
.ar-reactivation-popup__icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 1rem;
    width: 8rem;
    height: 8rem;
    fill: #bbc2cf
}
.ar-reactivation-popup__title {
    margin-bottom: 1.2rem;
    text-align: center;
    line-height: 1.1;
    color: #464648;
    font-size: 1.4rem;
    font-weight: 200
}
.ar-reactivation-popup__description {
    margin-bottom: 1rem;
    text-align: center;
    color: #8491a4;
    font-size: .85rem;
    font-weight: 400
}
.ar-reactivation-popup__action-button {
    border-color: #8491a4;
    background-color: #8491a4;
    color: #fff;
    margin: .4rem 0;
    min-width: 10rem
}
.ar-reactivation-popup__action-button:hover {
    border-color: #464648;
    background-color: #464648
}
.ar-reactivation-popup__action-button:disabled,
.ar-reactivation-popup__action-button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.ar-reactivation-success-popup__popup-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: #464648;
    font-size: .9rem;
    box-sizing: border-box
}
.ar-reactivation-success-popup__icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 2rem;
    width: 12rem;
    fill: #bbc2cf
}
.ar-reactivation-success-popup__title {
    margin-bottom: 1.2rem;
    text-align: center;
    line-height: 1.1;
    color: #464648;
    font-size: 1.4rem;
    font-weight: 200
}
.ar-reactivation-success-popup__description {
    margin-bottom: 1.5rem;
    text-align: center;
    color: #8491a4;
    font-size: .85rem;
    font-weight: 400
}
.ar-reactivation-success-popup__cta {
    border-color: #8491a4;
    background-color: #8491a4;
    color: #fff;
    margin: .4rem 0;
    min-width: 10rem
}
.ar-reactivation-success-popup__cta:hover {
    border-color: #464648;
    background-color: #464648
}
.ar-reactivation-success-popup__cta:disabled,
.ar-reactivation-success-popup__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.dating-promo-bubble--left,
.dating-promo-bubble--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 7;
    margin-top: -2rem;
    width: 25rem;
    height: 25rem
}
.ng-enter.dating-promo-bubble--left,
.ng-enter.dating-promo-bubble--right,
.ng-leave.ng-leave-active.dating-promo-bubble--left,
.ng-leave.ng-leave-active.dating-promo-bubble--right {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    opacity: 0
}
.dating-promo-bubble--right {
    right: -4rem;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}
.dating-promo-bubble--left {
    left: -4rem;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}
.dating-promo-bubble--with-banner-default {
    -webkit-transform: translate3d(0, 6.25rem, 0);
    transform: translate3d(0, 6.25rem, 0)
}
.dating-promo-bubble--with-banner-small {
    -webkit-transform: translate3d(0, 3.5rem, 0);
    transform: translate3d(0, 3.5rem, 0)
}
.dating-promo-bubble__container--boost,
.dating-promo-bubble__container--gentleman,
.dating-promo-bubble__container--incognito {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff
}
.dating-promo-bubble__container--gentleman {
    background: #ed5565
}
.dating-promo-bubble__container--boost,
.dating-promo-bubble__container--incognito {
    background: #3223be
}
.dating-promo-bubble__close {
    display: block;
    position: absolute;
    top: 6.5rem;
    -webkit-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out;
    z-index: 2;
    cursor: pointer;
    padding: .3rem .3rem .3rem 0;
    width: 1.2rem;
    height: 1.2rem;
    fill: #fff
}
.dating-promo-bubble--right .dating-promo-bubble__close {
    right: 5rem
}
.dating-promo-bubble__close:hover {
    fill: #bbc2cf
}
.dating-promo-bubble__close-icon {
    display: block;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    width: 1.2rem;
    height: 1.2rem;
    pointer-events: none
}
.dating-promo-bubble__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-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: center
}
.dating-promo-bubble--left .dating-promo-bubble__content {
    margin: 6.8rem 3rem 2rem 5rem
}
.dating-promo-bubble--right .dating-promo-bubble__content {
    margin: 6.8rem 5rem 2rem 3rem
}
.dating-promo-bubble__content-icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: .6rem;
    width: 3.4rem;
    height: 3.4rem
}
.dating-promo-bubble__container--boost .dating-promo-bubble__content-icon,
.dating-promo-bubble__container--incognito .dating-promo-bubble__content-icon {
    width: 5.5rem;
    height: 5.5rem
}
.dating-promo-bubble__content-title {
    margin-bottom: .6rem;
    line-height: 1.4;
    font-size: 1rem
}
.dating-promo-bubble__content-description {
    margin: 0 auto 1.2rem;
    font-size: .75rem
}
.dating-promo-bubble__content-link {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    -webkit-border-radius: 1.75rem;
    border-radius: 1.75rem;
    background: #fff;
    padding: .75rem 1.25rem;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700
}
.dating-promo-bubble__container--boost,
.dating-promo-bubble__container--gentleman,
.dating-promo-bubble__container--incognito {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}
.dating-promo-bubble__container--gentleman .dating-promo-bubble__content-link {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #ed5565
}
.dating-promo-bubble__container--gentleman .dating-promo-bubble__content-link:hover {
    background: #da4453;
    color: #fff
}
.dating-promo-bubble__container--boost .dating-promo-bubble__content-link,
.dating-promo-bubble__container--incognito .dating-promo-bubble__content-link {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    color: #3223be
}
.dating-promo-bubble__container--boost .dating-promo-bubble__content-link:hover,
.dating-promo-bubble__container--incognito .dating-promo-bubble__content-link:hover {
    background: #6f65ac;
    color: #fff
}
.dating-promo-bubble__content-link:hover {
    color: #bbc2cf
}
@media (min-width:1441px) {
    .dating-promo-bubble--right {
        margin-right: calc((100% - 1441px)/ 2)
    }
    .dating-promo-bubble--left {
        margin-left: calc((100% - 1441px)/ 2)
    }
    .dating-promo-bubble--left .dating-promo-bubble__close,
    .dating-promo-bubble--right .dating-promo-bubble__close {
        right: 2rem
    }
    .dating-promo-bubble--left .dating-promo-bubble__content,
    .dating-promo-bubble--right .dating-promo-bubble__content {
        margin: 6.8rem 5rem 2rem
    }
}
.legal-cross-sell {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-color: #fcfdf8;
    background-image: url(https://iliusstd-a.akamaihd.net/dating/assets/images/legal-cross-sell-background-68e9a219b2.jpg);
    background-repeat: no-repeat;
    background-position: right 92%;
    -webkit-background-size: auto 227%;
    background-size: auto 227%;
    padding: 3.45rem 5rem;
    color: #000;
    font-size: .875rem
}
.legal-cross-sell__content {
    margin: 0 auto;
    max-width: 1441px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.legal-cross-sell__form {
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background-color: rgba(255, 255, 255, .7);
    padding: 1.25rem;
    max-width: 29rem
}
.legal-cross-sell__logo {
    display: block;
    margin-bottom: 2.09rem;
    max-width: 16.1rem;
    height: 3.5rem
}
.legal-cross-sell__cta,
.legal-cross-sell__list,
.legal-cross-sell__paragraph {
    margin-bottom: 1.375rem
}
.legal-cross-sell__list {
    padding: 0
}
.legal-cross-sell__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none
}
.legal-cross-sell__list-item--feature {
    margin-bottom: .413rem;
    font-weight: 700
}
.legal-cross-sell__list-item--agreement:before {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2.5rem;
    -ms-flex: 0 0 2.5rem;
    flex: 0 0 2.5rem;
    content: '-'
}
.legal-cross-sell__feature-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .9rem;
    -ms-flex: 0 0 .9rem;
    flex: 0 0 .9rem;
    margin-right: .475rem;
    width: .9rem;
    height: .9rem;
    fill: #81c44e
}
.legal-cross-sell__link,
.legal-cross-sell__link:active,
.legal-cross-sell__link:visited {
    color: #000
}
.legal-cross-sell__link {
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
    text-decoration: underline
}
.legal-cross-sell__link:hover {
    color: #8491a4
}
.legal-cross-sell__cta {
    border-color: #f7414e;
    background-color: #f7414e;
    color: #fff;
    display: inline-block;
    margin-top: 2.15rem
}
.legal-cross-sell__cta:hover {
    border-color: #bf0f64;
    background-color: #bf0f64
}
.legal-cross-sell__cta:disabled,
.legal-cross-sell__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.forms-checkbox__label {
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}
.forms-checkbox__input {
    position: absolute;
    left: -999rem
}
.forms-checkbox__input.forms-checkbox__input+.forms-checkbox__label-wrapper .forms-checkbox__input-display {
    width: .625rem;
    height: .625rem;
    margin: 0 .6rem 0 0
}
.forms-checkbox__input.forms-checkbox__input+.forms-checkbox__label-wrapper .forms-checkbox__input-check {
    fill: #fff
}
.forms-checkbox__input.forms-checkbox__input:checked+.forms-checkbox__label-wrapper .forms-checkbox__input-display {
    border-color: #81c44e;
    background-color: #81c44e
}
.forms-checkbox__input--big.forms-checkbox__input+.forms-checkbox__label-wrapper .forms-checkbox__input-display {
    width: .82rem;
    height: .82rem;
    margin: .0625rem .475rem 0 .125rem
}
.forms-checkbox__input--optin.forms-checkbox__input:checked+.forms-checkbox__label-wrapper .forms-checkbox__input-display {
    border-color: #67bdc7;
    background-color: #67bdc7
}
.forms-checkbox__input--optin.forms-checkbox__input+.forms-checkbox__label-wrapper {
    cursor: pointer
}
.forms-checkbox__input--optin.forms-checkbox__input+.forms-checkbox__label-wrapper:hover .forms-checkbox__label {
    color: #67bdc7
}
.forms-checkbox__input-display {
    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;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background-color: #fff;
    cursor: pointer
}
.forms-range,
.places-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.forms-checkbox__input-check {
    opacity: 0;
    width: 100%;
    height: 100%
}
.forms-checkbox__input:checked+.forms-checkbox__label-wrapper .forms-checkbox__input-check {
    opacity: 1
}
.forms-range {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.forms-range__select {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 38%;
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    font-size: .8rem
}
.forms-range__separator {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    text-align: center
}
.forms-range__separator--search {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.5rem;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    padding: 0
}
@-webkit-keyframes placesPagePulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .3)
    }
    70% {
        -webkit-box-shadow: 0 0 0 90vh rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 90vh rgba(255, 255, 255, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}
@keyframes placesPagePulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .3)
    }
    70% {
        -webkit-box-shadow: 0 0 0 90vh rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 90vh rgba(255, 255, 255, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}
.places-page {
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-linear-gradient(320deg, #67bdc7, #6780db);
    background: -o-linear-gradient(320deg, #67bdc7, #6780db);
    background: linear-gradient(130deg, #67bdc7, #6780db);
    padding: 6%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.places-page__ellipse,
.places-page__phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.places-page__pulse,
.places-page__pulse-delayed-1,
.places-page__pulse-delayed-2 {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff
}
.places-page__pulse {
    -webkit-animation: placesPagePulse 6s infinite 1s;
    animation: placesPagePulse 6s infinite 1s
}
.places-page__pulse-delayed-1 {
    -webkit-animation: placesPagePulse 6s infinite 1.5s;
    animation: placesPagePulse 6s infinite 1.5s
}
.places-page__pulse-delayed-2 {
    -webkit-animation: placesPagePulse 6s infinite 2s;
    animation: placesPagePulse 6s infinite 2s
}
.places-page__pin-1,
.places-page__pin-2,
.places-page__pin-3,
.places-page__pin-4 {
    position: absolute;
    fill: rgba(255, 255, 255, .3)
}
.places-page__pin-1 {
    top: 60%;
    left: 15%;
    width: 2rem;
    height: 2rem
}
.places-page__pin-2 {
    top: 10%;
    left: 40%;
    width: 3rem;
    height: 3rem
}
.places-page__pin-3 {
    top: 15%;
    right: 5%;
    width: 1.5rem;
    height: 1.5rem
}
.places-page__pin-4 {
    top: 75%;
    right: 10%;
    width: 2rem;
    height: 2rem
}
.places-page__ellipse {
    display: flex;
    position: absolute;
    top: 80%;
    right: 0;
    bottom: 0;
    left: 0;
    fill: #fff
}
.places-page__phone {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    z-index: 5;
    margin-right: 2rem;
    background: url(https://iliusstd-a.akamaihd.net/dating/components/places/assets/phone-screen-a2aa784f96.png) right no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}
.places-page__infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 5rem;
    color: #fff
}
.places-page__infos-title {
    margin-bottom: .8rem;
    max-width: 30rem;
    font-size: 2rem;
    font-weight: 700
}
.places-page__infos-desc {
    margin-bottom: .8rem;
    max-width: 23rem;
    font-size: 1rem
}
.places-page__infos-desc-list {
    margin-bottom: 3rem;
    line-height: 1.6;
    font-size: .9rem
}
.places-page__infos-footer {
    font-size: .7rem;
    font-style: italic
}
.places-page__infos-apps {
    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;
    margin-bottom: .5rem;
    width: 19rem
}
.places-page__infos-app {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: .2em solid #fff;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    padding: .5em;
    text-transform: uppercase;
    color: #fff;
    font-size: .7em;
    font-weight: 700
}
.places-page__infos-app-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.7rem;
    -ms-flex: 0 0 1.7rem;
    flex: 0 0 1.7rem;
    padding-left: .5rem;
    height: 1.7rem;
    fill: #fff
}
.mutual-match__input-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    padding: .8rem 0
}
.mutual-match__inbox-icon--write-disabled,
.mutual-match__inbox-icon--write-enabled {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2.8rem;
    -ms-flex: 0 0 2.8rem;
    flex: 0 0 2.8rem;
    z-index: 9;
    margin: 0 -2rem .5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 16px rgba(70, 70, 72, .12), 0 2px 8px rgba(70, 70, 72, .24);
    box-shadow: 0 2px 16px rgba(70, 70, 72, .12), 0 2px 8px rgba(70, 70, 72, .24);
    background: #fff;
    padding: .8rem;
    height: 2.8rem
}
.mutual-match__inbox-icon--write-enabled {
    fill: #4ccbf8
}
.mutual-match__inbox-icon--write-disabled {
    fill: #464648
}
.mutual-match__input-form-remaining-conversations {
    margin-bottom: .4rem;
    text-align: center;
    color: #8491a4;
    font-size: .8rem
}
.mutual-match__input-separator {
    border-bottom: 1px solid #dee0e5
}
.mutual-match__input-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background: #fff
}
.mutual-match__input {
    display: block;
    outline: 0;
    border: 0;
    -webkit-border-radius: .4rem;
    border-radius: .4rem;
    background: #eef0f5;
    padding: .5rem 1rem;
    width: 90%;
    height: 4.1rem;
    font-size: .8rem;
    resize: none
}
.mutual-match__input::-webkit-input-placeholder {
    color: #8491a4;
    font-style: italic
}
.mutual-match__input::-moz-placeholder {
    color: #8491a4;
    font-style: italic
}
.mutual-match__input:-ms-input-placeholder {
    color: #8491a4;
    font-style: italic
}
.mutual-match__input-send-button {
    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-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    outline: 0;
    border: 0;
    background: 0 0;
    fill: #4ccbf8
}
.mutual-match__input-send-button:disabled {
    fill: #bbc2cf
}
.mutual-match__input-disabled-description-wrapper,
.mutual-match__input-disabled-wrapper,
.mutual-match__paywall,
.mutual-match__quota-ecomodel,
.mutual-match__write-disabled-container {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .8rem 0;
    -webkit-border-radius: .4rem;
    border-radius: .4rem;
    background: #464648;
    padding: .5rem 1rem;
    height: 4.1rem;
    font-size: .87rem
}
.mutual-match__paywall {
    margin: 1rem 0;
    background: #fff;
    color: #8491a4
}
.mutual-match__sub-title {
    margin: 0 0 .6rem;
    text-align: center;
    color: #8491a4;
    font-size: .87rem
}
.mutual-match__quota-ecomodel {
    background: #eef0f5;
    color: #8491a4
}
.mutual-match__input-disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%
}
.mutual-match__input-disabled-description-wrapper {
    width: 100%
}
.mutual-match__input-disabled-description {
    max-width: 100%;
    text-align: center;
    color: #fff;
    font-size: .8rem
}
.mutual-match__input-disabled-link {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    outline: 0;
    border: 0;
    background: 0 0;
    padding: 0;
    text-decoration: underline;
    color: #fff;
    font-size: .8rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.no-touch .mutual-match__input-disabled-link:hover {
    color: #bbc2cf
}
.mutual-match__input-disabled-link--add-picture {
    display: block
}
.mutual-match__overlay-skip-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: -2.5rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 26rem
}
.mutual-match__overlay-skip {
    margin: .5rem auto;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    color: #fff;
    font-size: .87em;
    font-weight: 200
}
.mutual-match__overlay-skip:hover {
    color: #eef0f5
}
.list-mini-profile__content-inbox-mm-bg {
    position: absolute;
    right: 0;
    bottom: 7rem;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    width: 101%;
    height: 4rem
}
.list-mini-profile__content-inbox,
.list-mini-profile__content-inbox--mutual-match {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 7rem;
    -ms-flex: 0 0 7rem;
    flex: 0 0 7rem;
    -webkit-border-bottom-left-radius: .6rem;
    border-bottom-left-radius: .6rem;
    background: #eef0f5;
    min-height: 7.16rem
}
.list-mini-profile__content-inbox {
    background: #eef0f5
}
.list-mini-profile__content-inbox--mutual-match {
    z-index: 1
}
.list-mini-profile__inbox-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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-border-bottom-left-radius: .6rem;
    border-bottom-left-radius: .6rem;
    padding: .8rem;
    background: #4ccbf8
}
.list-mini-profile__inbox-form-remaining-conversations,
.mm-profile__inbox-form-remaining-conversations {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-bottom: .25rem;
    text-align: left;
    color: #fff;
    font-size: .75rem
}
.list-mini-profile__inbox-form-wrapper,
.mm-profile__inbox-form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.list-mini-profile__inbox-form-input,
.mm-profile__inbox-form-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    border: 0;
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    background-color: #fff;
    padding: .6rem 3.4rem .6rem .8rem;
    font-size: .8rem;
    resize: none
}
.list-mini-profile__inbox-form-send-button,
.mm-profile__inbox-form-send-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: 0 0;
    padding-right: 1rem;
    outline: 0
}
.list-mini-profile__inbox-form-input::-webkit-input-placeholder,
.mm-profile__inbox-form-input::-webkit-input-placeholder {
    color: #8491a4
}
.list-mini-profile__inbox-form-input::-moz-placeholder,
.mm-profile__inbox-form-input::-moz-placeholder {
    color: #8491a4
}
.list-mini-profile__inbox-form-input:-ms-input-placeholder,
.mm-profile__inbox-form-input:-ms-input-placeholder {
    color: #8491a4
}
.list-mini-profile__inbox-form-send-button {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border: 0;
    fill: #4ccbf8
}
.mm-profile__inbox-form-send-button {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border: 0;
    fill: #f7414e
}
.list-mini-profile__inbox-form-send-button:disabled,
.mm-profile__inbox-form-send-button:disabled {
    fill: #bbc2cf
}
.list-mini-profile__quota-ecomodel,
.list-mini-profile__write-disabled,
.mm-profile__quota-ecomodel,
.mm-profile__write-disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #464648;
    background-position: center;
    text-align: center;
    color: #fff;
    font-size: .9rem
}
.list-mini-profile__write-disabled,
.mm-profile__write-disabled {
    background-image: url(https://iliusstd-a.akamaihd.net/dating/components/dating-wrapper/dating-header/banner/assets/pass-pattern-29fefe8822.png)
}
.list-mini-profile__content-inbox--mutual-match .list-mini-profile__inbox-form,
.list-mini-profile__content-inbox--mutual-match .list-mini-profile__input-disabled,
.list-mini-profile__content-inbox--mutual-match .list-mini-profile__input-disabled-wrapper,
.list-mini-profile__content-inbox--mutual-match .list-mini-profile__quota-ecomodel,
.list-mini-profile__content-inbox--mutual-match .list-mini-profile__write-disabled {
    z-index: 1;
    background: #f7414e
}
.list-mini-profile__write-disabled-text,
.mm-profile__write-disabled-text {
    margin: 0 1.4rem
}
.list-mini-profile__write-disabled-link,
.mm-profile__write-disabled-link {
    text-decoration: underline
}
.list-mini-profile__write-disabled-link:hover,
.mm-profile__write-disabled-link:hover {
    color: #bbc2cf
}
.list-mini-profile__quota-ecomodel,
.mm-profile__quota-ecomodel {
    padding: 0 1.4rem
}
.list-mini-profile__input-disabled-wrapper,
.mm-profile__input-disabled-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}
.list-mini-profile__input-disabled,
.mm-profile__input-disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-bottom-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    background: #4ccbf8;
    padding: 1rem
}
.list-mini-profile__input-disabled-loading-icon,
.mm-profile__input-disabled-loading-icon {
    border-color: rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .9)
}
.list-mini-profile__input-disabled-description-wrapper,
.mm-profile__input-disabled-description-wrapper {
    text-align: center;
    font-size: .9rem
}
.list-mini-profile__input-disabled-description,
.mm-profile__input-disabled-description {
    max-width: 100%;
    text-align: center;
    color: #fff
}
.list-mini-profile__input-disabled-link,
.mm-profile__input-disabled-link {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    outline: 0;
    border: 0;
    background: 0 0;
    padding: 0;
    text-decoration: underline;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.no-touch .list-mini-profile__input-disabled-link:hover {
    color: #dee0e5
}
.list-mini-profile__input-disabled-link--add-picture,
.mm-profile__input-disabled-link--add-picture {
    display: block
}
.mm-profile__inbox-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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-border-bottom-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding: 1.5rem .5rem .5rem
}
.inbox-thread-inputs__send-icon {
    display: block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: fill .25s;
    -o-transition: fill .25s;
    transition: fill .25s;
    width: 2rem;
    height: 2rem;
    fill: inherit
}
.dating-lara-bot,
.dating-lara-bot--opened,
.dating-profile-disabled {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column
}
.dating-lara-bot,
.dating-lara-bot--opened {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.lara-bot__bubble-inner,
.lara-bot__iframe-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.dating-lara-bot {
    z-index: 5
}
.dating-lara-bot--opened {
    z-index: 9
}
.lara-bot__bubble {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 4.9rem;
    height: 4.9rem
}
.lara-bot__bubble-inner {
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transition: border .5s ease-in-out;
    -o-transition: border .5s ease-in-out;
    transition: border .5s ease-in-out;
    border: .4rem solid rgba(241, 67, 151, .2);
    -webkit-border-radius: inherit;
    border-radius: inherit;
    cursor: pointer;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.no-touch .lara-bot__bubble-inner:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(0, 1.8, 1, 1.8), -webkit-box-shadow .5s ease-in-out;
    -o-transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8), box-shadow .5s ease-in-out;
    transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8), box-shadow .5s ease-in-out;
    transition: transform .5s cubic-bezier(0, 1.8, 1, 1.8), box-shadow .5s ease-in-out, -webkit-transform .5s cubic-bezier(0, 1.8, 1, 1.8), -webkit-box-shadow .5s ease-in-out;
    border: .4rem solid rgba(191, 15, 100, .3)
}
.lara-bot__bubble--open .lara-bot__bubble-inner {
    border: .4rem solid rgba(191, 15, 100, .3)
}
.lara-bot__bubble-img {
    border: .25rem solid #fff;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.lara-bot__bubble-logo {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    padding: .1rem;
    width: 1.2rem;
    height: 1.2rem
}
.lara-bot__bubble-logo svg {
    fill: #f7414e
}
.lara-bot__bubble-hint {
    display: none;
    top: -4.1rem;
    right: 0;
    bottom: auto;
    left: auto;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    width: 16rem;
    white-space: normal
}
.lara-bot__bubble-hint::before {
    top: auto;
    right: 2.15rem;
    bottom: -.25rem;
    left: auto
}
.lara-bot__bubble-heartbeat {
    -webkit-animation-name: bubble-heartbeat;
    animation-name: bubble-heartbeat;
    -webkit-animation-duration: 121.5s;
    animation-duration: 121.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes bubble-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    0.2% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    0.4% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    0.6% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    0.8%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes bubble-heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    0.2% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    0.4% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    0.6% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    0.8%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.lara-bot__bubble-dot {
    position: relative
}
.lara-bot__bubble-dot::after {
    position: absolute;
    top: .3rem;
    left: .3rem;
    -webkit-transition: top .5s cubic-bezier(0, 1.8, 1, 1.8), left .5s cubic-bezier(0, 1.8, 1, 1.8);
    -o-transition: top .5s cubic-bezier(0, 1.8, 1, 1.8), left .5s cubic-bezier(0, 1.8, 1, 1.8);
    transition: top .5s cubic-bezier(0, 1.8, 1, 1.8), left .5s cubic-bezier(0, 1.8, 1, 1.8);
    border: .125rem solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f7414e;
    width: .5625rem;
    height: .5625rem;
    content: ''
}
.no-touch .dating-lara-bot:hover .lara-bot__bubble-hint {
    display: block;
    padding: 10px
}
.lara-bot__iframe-container {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.lara-bot__iframe {
    margin-bottom: 1rem;
    border: 0;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    box-shadow: 0 2px 6px rgba(70, 70, 72, .12), 0 2px 4px rgba(70, 70, 72, .24);
    background: #fff;
    width: 23.2rem;
    height: calc(100vh - 10rem)
}
.lara-bot__iframe-triangle {
    position: absolute;
    right: 1.8rem;
    bottom: .5rem;
    z-index: 9;
    border-width: .5rem .5rem 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    width: 0;
    height: 0;
    content: ''
}
.lara-bot__iframe-loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.lara-bot--hidden {
    display: none
}
.dating-profile-disabled,
.dating-profile-disabled__picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.lara-bot--on-top-of-bottom-banner {
    bottom: calc(1.5rem + 8rem)
}
.lara-bot--on-top-of-bottom-banner .lara-bot__iframe {
    height: calc(100vh - (10rem + 8rem))
}
.dating-lara-bot .lara-bot__iframe-hidden,
.lara-bot--on-top-of-bottom-banner .lara-bot__iframe-hidden {
    visibility: hidden;
    width: 0;
    height: 0
}
.expired-offer-popup__popup {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22rem;
    height: 22rem
}
.expired-offer-popup__icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 1rem;
    width: 8rem;
    height: 8rem
}
.expired-offer-popup__title {
    margin-bottom: .7rem;
    max-width: 18rem;
    text-align: center;
    line-height: 1.2;
    color: #464648;
    font-size: 1.4rem
}
.expired-offer-popup__description {
    margin-bottom: 1rem;
    max-width: 15rem;
    text-align: center;
    color: #8491a4;
    font-size: .8rem;
    font-weight: 400
}
.expired-offer-popup__button {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff
}
.expired-offer-popup__button:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.expired-offer-popup__button:disabled,
.expired-offer-popup__button[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.dating-profile-disabled {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.dating-profile-disabled__picture {
    display: flex;
    position: relative;
    margin-bottom: 1rem
}
.dating-profile-disabled__picture-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 6.5rem;
    height: 6.5rem
}
.dating-profile-disabled__picture-icon {
    position: absolute;
    right: -.5rem;
    bottom: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #8c92a6;
    padding: .5rem;
    width: 2rem;
    height: 2rem;
    fill: #fff
}
.dating-profile-disabled__title {
    margin-bottom: .5rem;
    text-align: center;
    color: #464648
}
.dating-profile-disabled__description {
    margin-bottom: 1rem;
    max-width: 100%;
    text-align: center;
    color: #8491a4;
    font-size: .8rem
}
.dating-profile-disabled__cta {
    border-color: #8c92a6;
    background-color: #8c92a6;
    color: #fff;
    margin: 1rem auto;
    min-width: 13rem
}
.dating-profile-disabled__cta:hover {
    border-color: #464648;
    background-color: #464648
}
.dating-profile-disabled__cta:disabled,
.dating-profile-disabled__cta[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.completion-rate-popup__popup {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 30rem;
    color: #464648
}
.completion-rate-popup__completion-steps,
.dating-profile-essay-view {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.completion-rate-popup__popup .dating-profile-essay-edit {
    padding: 0
}
.completion-rate-popup__title {
    margin-bottom: .2rem;
    font-size: 1.3rem;
    font-weight: 300
}
.completion-rate-popup__subtitle {
    margin-bottom: .5rem;
    font-size: .9rem
}
.completion-rate-popup__separator {
    border-top: 1px solid #bbc2cf
}
.completion-rate-popup__completion-steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.4rem 0
}
.completion-rate-popup__completion-step {
    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: .5rem 0;
    font-size: .85rem
}
.completion-rate-popup__completion-step-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.5rem;
    width: 1.6rem;
    height: 1.6rem;
    fill: #bbc2cf
}
.completion-rate-popup__completion-step-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.completion-rate-popup__completion-step-text--completed {
    font-weight: 700
}
.completion-rate-popup__completion-valid-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 6.5rem;
    -ms-flex: 0 0 6.5rem;
    flex: 0 0 6.5rem;
    padding: .25rem .5rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #59a61e
}
.completion-rate-popup__completion-step-cta-edit,
.completion-rate-popup__completion-step-cta-offers {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 6.5rem;
    -ms-flex: 0 0 6.5rem;
    flex: 0 0 6.5rem;
    padding: .4rem;
    line-height: 1.3;
    font-size: .7rem
}
.completion-rate-popup__completion-step-cta-edit {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff
}
.completion-rate-popup__completion-step-cta-edit:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.completion-rate-popup__completion-step-cta-edit:disabled,
.completion-rate-popup__completion-step-cta-edit[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.completion-rate-popup__completion-step-cta-offers {
    border-color: #81c44e;
    background-color: #81c44e;
    color: #fff
}
.completion-rate-popup__completion-step-cta-offers:hover {
    border-color: #59a61e;
    background-color: #59a61e
}
.completion-rate-popup__completion-step-cta-offers:disabled,
.completion-rate-popup__completion-step-cta-offers[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.completion-rate-popup__cta-footer {
    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
}
.completion-rate-popup__cta-validate {
    border-color: #67bdc7;
    background-color: #67bdc7;
    color: #fff
}
.completion-rate-popup__cta-validate:hover {
    border-color: #44abb7;
    background-color: #44abb7
}
.completion-rate-popup__cta-validate:disabled,
.completion-rate-popup__cta-validate[disabled] {
    border-color: #bbc2cf;
    background-color: #bbc2cf
}
.dating-profile-essay-placeholder {
    position: relative
}
.dating-profile-essay-placeholder__line {
    margin: 1rem auto .5rem;
    background: #8491a4;
    width: 75%;
    height: .4rem
}
.dating-profile-essay-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    width: 80%
}
.dating-profile-essay-view__essay,
.dating-profile-essay-view__headline,
.dating-profile-essay-view__zero-state {
    text-align: center;
    line-height: 1.3;
    color: #464648;
    font-size: 1rem
}
.dating-profile-essay-view__essay {
    margin-top: 1rem;
    white-space: pre-wrap
}
.dating-profile-essay-view__zero-state {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.dating-profile-essay-view__headline-quotes {
    margin-right: .5rem;
    vertical-align: bottom;
    text-align: center;
    line-height: 0;
    color: #bbc2cf;
    font-family: serif;
    font-size: 4rem;
    font-weight: 700;
    font-style: normal
}
.dating-profile-essay-edit {
    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-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background: #fff;
    padding: 1.2rem 1.7rem;
    color: #464648;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.dating-profile-essay-edit__input {
    display: block;
    border: 1px solid #bbc2cf;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    padding: .5rem;
    width: 100%;
    min-height: 5.8rem;
    color: #464648;
    font-size: .8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical
}
.dating-profile-essay-edit__input:focus {
    outline: 0
}
.dating-profile-essay-edit__input::-webkit-input-placeholder {
    font-style: italic
}
.dating-profile-essay-edit__input::-moz-placeholder {
    font-style: italic
}
.dating-profile-essay-edit__input::-ms-input-placeholder {
    font-style: italic
}
.dating-profile-essay-edit__input::placeholder {
    font-style: italic
}
.dating-profile-essay-edit__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .9rem;
    border-bottom: 1px solid #bbc2cf;
    padding-bottom: .9rem
}
.dating-profile-essay-edit__header-title {
    font-size: 1.375rem;
    font-weight: 300
}
.dating-profile-essay-edit__notifications {
    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
}
.dating-profile-essay-edit__moderation-notice {
    color: #67bdc7;
    font-size: .8rem;
    font-style: italic
}
.dating-profile-essay-edit__update-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation-name: animateEnterOpacity;
    animation-name: animateEnterOpacity;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    margin-left: 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #67bdc7;
    padding: .1rem;
    width: .8rem;
    height: .8rem;
    color: #fff;
    fill: #fff
}
.dating-profile-essay-edit__content {
    line-height: 1.3;
    color: #8491a4;
    font-size: 1rem
}
.dating-profile-essay-edit__entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.dating-profile-essay-edit__character-counter {
    margin: .5rem 0 .7rem;
    line-height: 1;
    color: #464648;
    font-size: .6875rem
}
.dating-profile-essay-edit__character-count--valid {
    color: #67bdc7
}
.dating-profile-essay-edit__character-count--invalid {
    color: #e13236
}
.dating-profile-essay-edit__tos {
    margin-bottom: .8rem;
    line-height: 1.3;
    color: #8491a4;
    font-size: .7rem;
    font-style: italic
}
.dating-profile-essay-edit__action-group {
    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-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.dating-profile-essay-edit__action-button-update {
    border-color: #67bdc7;
    color: #67bdc7;
    margin-right: 1rem
}
.dating-profile-essay-edit__action-button-update:hover {
    border-color: #44abb7;
    color: #44abb7
}
.dating-profile-essay-edit__action-button-update:disabled,
.dating-profile-essay-edit__action-button-update[disabled] {
    opacity: .4
}
.dating-profile-essay-edit__action-button-revert {
    border-color: #8491a4;
    color: #8491a4
}
.dating-profile-essay-edit__action-button-revert:hover {
    border-color: #464648;
    color: #464648
}
.dating-profile-essay-edit__action-button-revert:disabled,
.dating-profile-essay-edit__action-button-revert[disabled] {
    opacity: .4
}
.saved-search-list-card__notification-disabled svg,
.saved-search-list-card__notification-off svg,
.saved-search-list-card__notification-on svg,
.saved-search-list-card__simple-action-button svg {
    width: 1.5rem;
    height: 1.5rem
}
.saved-search-list-card__profiles .generic-placeholder,
.saved-search-list-card__profiles .rounded-square-picture__content,
.saved-search-list-card__profiles .saved-search-list-card__profiles-button {
    border: .125rem solid #fff;
    -webkit-border-radius: 28%;
    border-radius: 28%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.saved-search-list-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding: 3rem
}
.saved-search-list-card__profiles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: -.25rem;
    -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;
    margin-top: 1rem;
    width: 100%
}
.saved-search-list-card__profiles .saved-search-list-card__profiles-item {
    display: inline-block;
    -webkit-flex-basis: 2.25rem;
    -ms-flex-preferred-size: 2.25rem;
    flex-basis: 2.25rem;
    margin: 0 -.5rem 0 0
}
.saved-search-list-card__profiles .saved-search-list-card__profiles-button {
    background: #83f;
    width: 100%;
    height: 100%
}
.rounded-square-picture-placeholder:after,
.rounded-square-picture__content,
.saved-search-error-card {
    background-color: #eef0f5
}
.saved-search-list-card__profiles .saved-search-list-card__profiles-button svg {
    margin-left: .5625rem;
    width: 1rem;
    fill: #fff
}
.saved-search-list-card__profiles-counter {
    margin-top: 1rem;
    color: #83f
}
.saved-search-list-card__profiles-counter--none {
    color: #8c92a6
}
.saved-search-list-card__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    text-align: center
}
.saved-search-list-card__cta {
    margin-top: 1.5rem
}
.saved-search-list-card__action-buttons {
    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;
    margin-top: 1.5rem;
    width: 6.5rem
}
.saved-search-list-card__notification-on svg {
    cursor: pointer;
    fill: #00c2ab
}
.saved-search-list-card__notification-on:hover svg {
    fill: #00ae99
}
.saved-search-list-card__notification-off svg {
    cursor: pointer;
    fill: #8c92a6
}
.saved-search-list-card__notification-off:hover svg {
    cursor: pointer;
    fill: #7d8395
}
.saved-search-list-card__notification-disabled svg {
    opacity: .5;
    cursor: progress
}
.saved-search-list-card__simple-action-button svg {
    fill: #8c92a6
}
.saved-search-list-card__simple-action-button:hover svg {
    cursor: pointer;
    fill: #7d8395
}
.saved-search-list-card--no-results .saved-search-list-card__action-buttons {
    margin-top: 2rem
}
.loading-saved-search__card .loading-saved-search__profiles-counter,
.saved-search-list-card--no-results .saved-search-list-card__profiles-counter {
    margin-top: 1.5rem
}
.loading-saved-search__title {
    -webkit-border-radius: .375rem;
    border-radius: .375rem;
    width: 6.875rem;
    height: .75rem
}
.loading-saved-search__title:first-child {
    margin-bottom: 1rem;
    width: 10rem
}
.loading-saved-search__card .loading-saved-search__profiles-counter .generic-placeholder {
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    width: 9.25rem;
    height: .5rem
}
.loading-saved-search__card .saved-search-list-card__action-buttons {
    margin-top: 2.125rem
}
.loading-saved-search__card .saved-search-list-card__action-buttons .generic-placeholder {
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    width: 1rem;
    height: 1rem
}
.loading-saved-search__card .saved-search-list-card__profiles {
    margin-top: 1.375rem
}
.loading-saved-search__card .saved-search-list-card__cta-placeholder {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.25rem;
    -ms-flex: 0 0 4.25rem;
    flex: 0 0 4.25rem
}
.create-saved-search,
.search-hub-banner-wrapper {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.dating-search-hub .show-more-saved-search__card {
    -webkit-box-shadow: 0 3rem 8rem -1.5rem rgba(107, 134, 177, .17);
    box-shadow: 0 3rem 8rem -1.5rem rgba(107, 134, 177, .17);
    cursor: pointer
}
.dating-search-hub .show-more-saved-search__card>:not(.show-more-feed-button) {
    opacity: .32
}
.dating-search-hub .show-more-saved-search__card .show-more-feed-button {
    position: absolute
}
.create-saved-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    max-width: 100%
}
.create-saved-search .create-search-cta {
    border: 2px solid #8c92a6;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem
}
.create-saved-search .create-search-cta__icon {
    fill: #8c92a6
}
.create-saved-search .create-saved-search-label {
    margin-top: 1.5rem;
    max-width: 100%;
    text-align: center;
    color: #8c92a6
}
.scroll-component-container__spacer {
    height: 22.4375rem
}
.dating-search-hub {
    margin-bottom: -2rem;
    background: #fff;
    width: 100%
}
.search-hub__saved-search-list-position-indicator {
    width: 100%
}
.search-hub-banner-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}
.search-hub-banner-wrapper .banner-container {
    margin: 5.25rem 0 4.75rem
}
.algolia-autocomplete__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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
}
.rounded-square-picture-placeholder:after,
.rounded-square-picture:after {
    display: block;
    padding-bottom: 100%;
    content: ''
}
.swipe-profile-page {
    width: 100%
}
.rounded-square-picture {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-border-radius: 23.5%;
    border-radius: 23.5%
}
.rounded-square-picture__content {
    position: absolute;
    left: 0;
    -webkit-border-radius: 28%;
    border-radius: 28%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%
}
.rounded-square-picture__bullet {
    position: absolute;
    top: -5px;
    right: -5px
}
.rounded-square-picture__bullet .online-indicator__bullet {
    border: 2px solid #fff;
    width: 1rem;
    height: 1rem
}
.rounded-square-picture-placeholder {
    position: relative;
    -webkit-border-radius: 28%;
    border-radius: 28%;
    width: 100%;
    overflow: hidden
}
.cta-button,
.mutual-match-list__header {
    display: -webkit-flex;
    display: -ms-flexbox
}
.rounded-square-picture-placeholder .generic-placeholder {
    position: absolute
}
.rounded-square--mutual-match:before {
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    bottom: -.5rem;
    left: -.5rem;
    margin: auto;
    border: .1875rem solid #f7414e;
    -webkit-border-radius: 28%;
    border-radius: 28%;
    background-color: #fff;
    padding: .1875rem;
    width: 100%;
    height: 100%;
    content: ''
}
.rounded-square-picture__disabled-profile {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #8c92a6;
    padding: .3rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.cta-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 2.5rem;
    border-radius: 2.5rem;
    -webkit-box-shadow: 0 7px 16px 0 rgba(140, 146, 166, .2);
    box-shadow: 0 7px 16px 0 rgba(140, 146, 166, .2);
    background: #fff;
    padding: 1rem 1.5rem
}
.cta-button__icon {
    padding: 0;
    width: 2.2rem;
    height: 2.2rem;
    fill: #f7414e
}
.cta-button__icon-friends {
    padding: 0;
    width: 2.2rem;
    height: 2.2rem;
    fill: #fff;
}
.cta-button.cta-button--sent .cta-button__icon,
.mutual-match-list__header-icon {
    fill: #fff
}
.no-touch .cta-button:hover {
    background-color: #eef0f5
}
.cta-button.cta-button--sent {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f7414e;
    cursor: default;
    color: #fff
}
.no-touch .cta-button.cta-button--sent:hover {
    background: #f7414e
}
.mutual-match-list {
    padding: 1rem .5rem 0
}
.mutual-match-list__header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem
}
.mutual-match-list__elements,
.mutual-match-list__scroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.mutual-match-list__header-icon,
.mutual-match-list__header-icon--springbok {
    margin: 0 .5rem;
    width: 1.8rem;
    height: 2rem
}
.mutual-match-list__header-icon--springbok {
    fill: #f7414e
}
.mutual-match-list__header-title {
    color: #f7414e
}
.mutual-match-list__scroll {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.mutual-match-list__scroll-navigation-button {
    border: 0;
    padding: 0
}
.mutual-match-list__scroll-navigation-button:focus {
    outline: 0
}
.mutual-match-list__scroll-navigation-button[disabled] .mutual-match-list__scroll-navigation-arrow {
    cursor: default;
    fill: #eef0f5
}
.mutual-match-list__scroll-navigation-arrow {
    background-color: #fff;
    cursor: pointer;
    width: 1.5rem
}
.mutual-match-list__elements {
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth
}
.mutual-match-list__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;
    margin: .5em .75rem;
    cursor: pointer;
    width: 4rem;
    min-width: 4rem
}
.mutual-match-list__item .rounded-square-picture__content {
    -webkit-border-radius: 28%;
    border-radius: 28%
}
.mutual-match-list__item .profile-infos__wrapper {
    margin: 0
}
.mutual-match-list__item-picture {
    margin-bottom: .5rem;
    width: 4rem;
    height: 4rem
}
.mutual-match-list__item-nickname .profile-infos__nickname {
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.mutual-match-list__item-age {
    color: #8491a4;
    font-weight: lighter
}
.mutual-match-empty-state {
    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
}
.mutual-match-empty-state__icon {
    height: 6rem
}
.mutual-match-empty-state__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;
    margin: .5rem;
    width: 100%;
    height: 6rem
}
.mutual-match-empty-state__title {
    margin-bottom: .5rem
}
.mutual-match-empty-state__cta {
    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: #f7414e
}
@media (min-width:768px) {
    .mutual-match-empty-state__cta,
    .mutual-match-empty-state__title {
        line-height: 1rem;
        font-size: .75rem
    }
    .mutual-match-empty-state__icon {
        min-width: 5rem
    }
}
@media (min-width:1056px) {
    .mutual-match-empty-state__cta,
    .mutual-match-empty-state__title {
        line-height: 1.25rem;
        font-size: .875rem
    }
    .mutual-match-empty-state__icon {
        min-width: 7.5rem
    }
}
.mutual-match-empty-state__cta:hover {
    cursor: pointer
}
.mutual-match-empty-state__cta-icon {
    margin-left: .5rem;
    height: 1.5rem;
    fill: #f7414e
}
.online-indicator {
    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
}
.online-indicator__bullet {
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #00c2ab;
    width: .5rem;
    height: .5rem
}
.empty-block,
.profiles-column__grid {
    display: -webkit-box;
    display: -ms-flexbox
}
.empty-block {
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 31rem;
    -ms-flex: 0 1 31rem;
    flex: 0 1 31rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    padding: 2rem;
    line-height: 1.4375
}
.empty-block__icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
    height: 8rem
}
.empty-block--with-border {
    border: 4px solid #eef0f5;
    -webkit-border-radius: 2.75rem;
    border-radius: 2.75rem
}
.empty-block__content {
    margin-left: 3rem
}
.empty-block__content--large {
    width: 27rem
}
.empty-block__description {
    color: #8c92a6
}
.empty-block .springbok-button {
    margin: 1rem 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
.profiles-column {
    margin-top: -2rem
}
.profiles-column__grid {
    display: -webkit-flex;
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -1.25rem -.75rem 0
}
.profiles-column__grid .profiles-column__item,
.profiles-column__grid .profiles-column__item--spacer {
    margin-top: 1.25rem;
    width: 21rem;
    height: 6.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.profiles-column__grid .profiles-column__item {
    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;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: -webkit-box-shadow .33s ease;
    -o-transition: box-shadow .33s ease;
    transition: box-shadow .33s ease;
    transition: box-shadow .33s ease, -webkit-box-shadow .33s ease;
    -webkit-border-radius: 1.82rem;
    border-radius: 1.82rem;
    background-color: #fff
}
.profiles-column__grid .profiles-column__item--spacer {
    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;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profile-mini__content--right,
.profiles-column__item-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center
}
.profiles-column__item .profile-mini__picture {
    width: 5rem;
    height: 5rem
}
.profile-mini__content--right {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 11rem
}
.profiles-column__grid .profile-mini__content--right .profile-infos__wrapper {
    padding-right: 0
}
.profiles-column__item-left {
    display: block;
    padding-left: .75rem
}
.profiles-column__item-right {
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1.75rem;
    width: 3rem
}
.profiles-column__item-right .profiles-column__item-icon {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f6f7fa;
    width: 3rem;
    height: 3rem;
    fill: #1f2f49
}
.profiles-column__item-icon:hover {
    background-color: #eef0f5;
    cursor: pointer
}
.profile-infos {
    width: 100%;
    min-width: 0
}
.profile-column-cta {
    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-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.1875rem;
    cursor: pointer;
    width: 100%
}
.profiles-column__placeholder-wrapper,
.show-more-feed-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-column-cta-icon {
    padding-left: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #f7414e
}
.profile-column-cta .profile-column-cta__content {
    text-align: center;
    color: #f7414e
}
.profiles-column__placeholder-wrapper {
    display: flex
}
.profiles-column__placeholder {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1rem;
    -webkit-border-radius: 1.82rem;
    border-radius: 1.82rem;
    width: 20rem;
    height: 6.5rem
}
.show-more-feed-button {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .3125rem 0 .3125rem .3125rem
}
.profiles-grid__empty-block,
.profiles-grid__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal
}
.show-more-feed-button__text {
    margin-right: .3125rem;
    color: #f7414e
}
.show-more-feed-button__icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #f7414e
}
.profiles-grid__empty-block {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: .625rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 .125rem 1.25rem 0 rgba(107, 134, 177, .15);
    box-shadow: 0 .125rem 1.25rem 0 rgba(107, 134, 177, .15);
    background-color: #fff;
    padding: 2.9375rem 2.1875rem;
    width: 100%;
    height: 13.75rem;
    color: #8c92a6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media screen and (max-width:1280px) and (min-width:1025px) {
    .profiles-grid__empty-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 28.75rem;
        -ms-flex: 0 0 28.75rem;
        flex: 0 0 28.75rem
    }
}
.profiles-grid__empty-block-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.125rem;
    -ms-flex: 0 0 8.125rem;
    flex: 0 0 8.125rem;
    margin-right: 3.75rem
}
.profiles-grid__empty-block-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 31rem;
    -ms-flex: 0 1 31rem;
    flex: 0 1 31rem
}
@media (min-width:769px) {
    .profiles-grid__empty-block {
        padding: 1.5rem 3.75rem
    }
}
.profiles-grid__container {
    width: 100%
}
.profiles-grid__list {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profiles-grid__item {
    margin-right: 32px;
    width: calc((88px * 1) + (32px * (1 - 1)))
}
@media (min-width:1056px) {
    .profiles-grid__item {
        width: calc((48px * 1) + (32px * (1 - 1)))
    }
}
@media (min-width:1248px) {
    .profiles-grid__item {
        width: calc((64px * 1) + (32px * (1 - 1)))
    }
}
.profiles-grid__item:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .profiles-grid__item {
        margin-right: 32px;
        width: calc((88px * 2) + (32px * (2 - 1)))
    }
    .profiles-grid__item:last-child {
        margin-right: 0
    }
}
.profile-mini__content--bottom .profile-infos__wrapper,
.profiles-grid__item .profile-infos__wrapper {
    margin: 0
}
@media (min-width:1056px) and (min-width:1056px) {
    .profiles-grid__item {
        width: calc((48px * 2) + (32px * (2 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .profiles-grid__item {
        width: calc((64px * 2) + (32px * (2 - 1)))
    }
}
.profiles-grid__item--clickable {
    cursor: pointer
}
@media (max-width:768px) {
    .profiles-grid__item .profile-infos__age-city {
        font-size: .75rem
    }
}
.members-list-horizontal-bloc {
    width: 100%
}
.members-list-horizontal-bloc__header {
    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-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}
.mod__infos,
.profile-mini,
.profiles-mosaic__cta--right>a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.members-list-horizontal-bloc__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1rem;
    line-height: 1.4;
    color: #1f2f49
}
.members-list-horizontal-bloc__subtitle {
    display: block;
    color: #8c92a6
}
.members-list-horizontal-bloc__show-more {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}
.members-list-horizontal-bloc__content {
    width: 100%
}
.discover-wrapper .rounded-square-picture-placeholder,
.discover-wrapper .rounded-square-picture__content {
    -webkit-border-radius: 23.5%;
    border-radius: 23.5%
}
.discover-wrapper .profile-mini .profile-mini__content--inside {
    -webkit-border-bottom-left-radius: 23.5%;
    border-bottom-left-radius: 23.5%;
    -webkit-border-bottom-right-radius: 23.5%;
    border-bottom-right-radius: 23.5%
}
.profiles-mosaic__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -.6rem -.625rem 0
}
.profiles-mosaic--left,
.profiles-mosaic--right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 15rem;
    -ms-flex: 0 1 15rem;
    flex: 0 1 15rem
}
.profiles-mosaic--left {
    max-width: 15rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profiles-mosaic--left>* {
    display: none
}
.profiles-mosaic--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.profiles-mosaic__item--right {
    display: none;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profiles-mosaic--left,
.profiles-mosaic__item--right {
    padding: .625rem
}
.profiles-mosaic__cta--right>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    background-color: #f7414e;
    height: 100%;
    color: #fff
}
.mod__wave,
.profiles-mosaic--left>:nth-child(1),
.profiles-mosaic__item--right:nth-child(-n+4) {
    display: block
}
.mod__card,
.mutual-match-layer__wrapper .layer,
.swipe-card {
    background: #fff
}
.gentleman-badge__tooltip,
.message-sender__input,
.swipe-profile__interaction.swipe-profile__interaction--no,
.swipe-profile__interaction.swipe-profile__interaction--yes {
    background-color: #fff
}
.profiles-mosaic__container .rounded-square-picture-placeholder,
.profiles-mosaic__container .rounded-square-picture__content {
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem
}
.profiles-mosaic__container .profile-mini .profile-mini__content--inside {
    -webkit-border-bottom-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    -webkit-border-bottom-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}
.profiles-mosaic__cta-icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
@media screen and (max-width:1280px) and (min-width:1025px) {
    .members-list-horizontal-bloc__mosaic {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .members-list-horizontal-bloc__mosaic .members-list-horizontal-bloc__header {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-right: 2.93rem
    }
    .members-list-horizontal-bloc__mosaic .profiles-mosaic__container {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 28.75rem;
        -ms-flex: 0 0 28.75rem;
        flex: 0 0 28.75rem
    }
}
@media screen and (max-width:1025px) {
    .profiles-mosaic__container {
        -webkit-box-pack: normal;
        -webkit-justify-content: normal;
        -ms-flex-pack: normal;
        justify-content: normal
    }
}
.swipe-card {
    -webkit-border-radius: 2rem;
    border-radius: 2rem
}
.swipe-card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 3rem 3rem 3.25rem
}
@media (min-width:1025px) {
    .swipe-card__content {
        padding: 4.375rem 4.375rem 3.625rem
    }
}
.swipe-profile__interaction {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: box-shadow .25s, background-color .25s;
    transition: box-shadow .25s, background-color .25s, -webkit-box-shadow .25s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 4.25rem;
    height: 4.25rem
}
.swipe-profile__interaction-icon {
    width: 2.25rem;
    height: 2.25rem
}
.swipe-profile__interaction.swipe-profile__interaction--yes .swipe-profile__interaction-icon {
    fill: #f7414e
}
.swipe-profile__interaction.swipe-profile__interaction--no .swipe-profile__interaction-icon {
    fill: #1f2f49
}
.swipe-profile__interaction.swipe-profile__interaction--no:hover,
.swipe-profile__interaction.swipe-profile__interaction--yes:hover {
    background-color: #eef0f5
}
.swipe-profile__interaction.swipe-profile__interaction--swiping {
    -webkit-animation: button-burst .25s;
    animation: button-burst .25s
}
.mod__wrapper {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-bottom: 2rem;
    background: #f6f7fa;
    padding-bottom: 2rem;
    width: 100vw
}
.mod__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3.8rem
}
.mod__cards {
    margin-right: 32px;
    width: calc((88px * 3) + (32px * (3 - 1)));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media (min-width:1056px) {
    .mod__wrapper {
        padding-bottom: 4rem
    }
    .mod__content {
        padding-top: 6rem
    }
    .mod__cards {
        width: calc((48px * 3) + (32px * (3 - 1)))
    }
}
@media (min-width:1248px) {
    .mod__cards {
        width: calc((64px * 3) + (32px * (3 - 1)))
    }
}
.mod__cards:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .mod__cards {
        margin-right: 32px;
        width: calc((88px * 7) + (32px * (7 - 1)))
    }
    .mod__cards:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .mod__cards {
        width: calc((48px * 7) + (32px * (7 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .mod__cards {
        width: calc((64px * 7) + (32px * (7 - 1)))
    }
}
.mod__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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    cursor: pointer;
    padding: 1.6rem 1rem 2.4rem;
    width: 14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media (min-width:1056px) {
    .mod__cards--reduced {
        left: -4.7rem
    }
    .mod__card {
        padding: 2rem 1rem 3rem;
        width: 17.5rem
    }
}
.mod__card .profile-mini__picture,
.mod__card .rounded-square-picture-placeholder {
    width: 9.2rem;
    height: 9.2rem
}
.mod__card:first-child {
    -webkit-transform: rotate(-3deg) translateX(-2.5rem);
    -ms-transform: rotate(-3deg) translateX(-2.5rem);
    transform: rotate(-3deg) translateX(-2.5rem);
    z-index: 3
}
@media (min-width:1056px) {
    .mod__card .profile-mini__picture,
    .mod__card .rounded-square-picture-placeholder {
        width: 11.5rem;
        height: 11.5rem
    }
    .mod__card:first-child {
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}
.mod__card:nth-child(2),
.mod__card:nth-child(3) {
    position: absolute;
    bottom: -1.5rem
}
.mod__card:nth-child(2) {
    right: 0;
    -webkit-transform: rotate(12deg) scale(.8);
    -ms-transform: rotate(12deg) scale(.8);
    transform: rotate(12deg) scale(.8)
}
.mod__card:nth-child(3) {
    left: -5rem;
    -webkit-transform: rotate(-12deg) scale(.8);
    -ms-transform: rotate(-12deg) scale(.8);
    transform: rotate(-12deg) scale(.8)
}
.mod__cards-empty-icon {
    margin-top: 4rem;
    width: 100%;
    max-width: 25rem
}
.mod__infos {
    margin-right: 32px;
    width: calc((88px * 3) + (32px * (3 - 1)));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4;
    text-align: center
}
@media (min-width:1056px) {
    .mod__card:nth-child(3) {
        left: 0
    }
    .mod__infos {
        width: calc((48px * 3) + (32px * (3 - 1)))
    }
}
@media (min-width:1248px) {
    .mod__infos {
        width: calc((64px * 3) + (32px * (3 - 1)))
    }
}
.mod__infos:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .mod__infos {
        margin-right: 32px;
        width: calc((88px * 5) + (32px * (5 - 1)))
    }
    .mod__infos:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .mod__infos {
        width: calc((48px * 5) + (32px * (5 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .mod__infos {
        width: calc((64px * 5) + (32px * (5 - 1)))
    }
}
.mod__title {
    margin-bottom: 2.5rem;
    color: #1f2f49
}
.mod__wave {
    position: absolute;
    right: 0;
    bottom: -1rem;
    left: 0;
    z-index: 3;
    background-image: url(https://iliusstd-a.akamaihd.net/dating/assets/images/wave_background-ea305aab77.svg);
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 6rem
}
@media (min-width:1056px) {
    .mod__title {
        font-size: 2.75rem;
        font-weight: 700
    }
    .mod__wave {
        background-position: top center;
        height: 10rem
    }
}
.mod-empty-state__description {
    margin-top: 11rem;
    width: 29rem;
    color: #1f2f49
}
.mod-empty-state__subtitle {
    color: #8c92a6
}
.profile-essay {
    position: relative
}
.profile-essay__text {
    word-break: break-word;
    word-wrap: break-word
}
.profile-essay--medium>.profile-essay__text,
.profile-essay--small>.profile-essay__text {
    white-space: pre-wrap;
    color: #1f2f49
}
.profile-essay--big>.placeholder,
.profile-essay--medium>.placeholder,
.profile-essay--small>.placeholder,
.profile-essay__placeholder {
    color: #8c92a6
}
.profile-essay--big:before {
    position: absolute;
    top: -2rem;
    left: -1.8rem;
    width: 4.2rem;
    height: 4.2rem;
    content: url(https://iliusstd-a.akamaihd.net/core/assets/icons/sprbk_quotes-65ad94052f.svg)
}
.profile-essay__loading-line {
    margin: 1.1rem 0;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    height: 1.2rem
}
.profile-essay--small .profile-essay__loading-line {
    margin-bottom: .8rem;
    -webkit-border-radius: .4rem;
    border-radius: .4rem;
    height: .8rem
}
.profile-infos__mutual-match {
    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-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1rem;
    -webkit-border-radius: .9375rem;
    border-radius: .9375rem;
    background-color: rgba(237, 20, 125, .05);
    padding: .5rem .6rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: .85rem
}
.profile-infos__content,
.profile-infos__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-infos__mutual-match--title {
    text-transform: uppercase;
    color: #f7414e
}
.profile-infos__mutual-match--icon {
    margin-right: .5rem;
    width: .875rem;
    fill: #f7414e
}
.profile-infos__wrapper {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1rem
}
.profile-infos__content {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .2rem;
    min-width: 0
}
.profile-infos__nickname {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1f2f49
}
.profile-infos__age-city {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8c92a6
}
.profile-infos__content>div:not(:last-child) {
    margin-right: .25rem
}
.profile-infos__content .premium-indicator__bullet {
    width: 1rem;
    height: 1rem
}
.profile-infos__nickname--loading {
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    padding: .25rem;
    width: 75%;
    height: .9rem
}
.profile-infos__age-city--loading {
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    padding: .2rem;
    width: 60%;
    height: .7rem
}
.profile-mini__content--bottom .profile-infos__age-city--loading,
.profile-mini__content--bottom .profile-infos__nickname--loading {
    margin: 0 1rem
}
.profile-mini__content--bottom .profile-infos__age-city--loading {
    height: .725rem
}
.profile-mini__content--bottom .profile-infos__nickname--loading {
    margin-bottom: .2rem;
    height: 1rem
}
.profile-infos__disabled {
    color: #8c92a6
}
.profile-mini {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.profile-mini__content--hidden,
.profile-mini__content--inside.profile-mini__content--loading {
    display: none
}
.profile-mini__picture {
    position: relative;
    width: auto;
    height: auto
}
.profile-mini--top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-width: 0
}
.profile-mini__content--top {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 1.5rem;
    width: 100%;
    min-width: 0
}
.profile-mini__content--bottom {
    margin-top: .9375rem;
    width: auto
}
.profile-mini__content--inside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-bottom-left-radius: 28%;
    border-bottom-left-radius: 28%;
    -webkit-border-bottom-right-radius: 28%;
    border-bottom-right-radius: 28%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), color-stop(40%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0, transparent 40%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .6) 0, transparent 40%);
    background: linear-gradient(to top, rgba(0, 0, 0, .6) 0, transparent 40%);
    padding: 9% 12%;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile-mini__content--inside .profile-infos {
    position: relative;
    width: 100%;
    height: 100%
}
.profile-mini__content--inside .profile-infos__wrapper {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%
}
.profile-mini__content--inside .profile-infos__wrapper:first-child {
    bottom: 1.5rem
}
.profile-mini.profile-mini--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.profile-mini.profile-mini--right .profile-infos__content {
    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
}
.profile-mini.profile-mini--right .rounded-square-picture__content,
.profile-mini.profile-mini--top .rounded-square-picture__content {
    -webkit-border-radius: 28%;
    border-radius: 28%
}
.profile-mini.profile-mini--right .profile-mini__content--right {
    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-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}
.profile-mini.profile-mini--right .profile-infos__wrapper {
    margin-left: 1.25rem
}
.profile-mini.profile-mini--right .profile-infos__nickname {
    color: #1f2f49
}
.profile-mini.profile-mini--right .profile-infos__age-city {
    color: #8c92a6
}
.profile-mini__content--inside .profile-infos__age-city,
.profile-mini__content--inside .profile-infos__nickname {
    color: #fff
}
.profile-mini__content--bottom .profile-infos__nickname {
    color: #1f2f49
}
.profile-mini__content--bottom .profile-infos__age-city {
    color: #8c92a6
}
.generic-placeholder {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background-color: #eef0f5;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.generic-placeholder__loading {
    background-color: #f6f7fa
}
@-webkit-keyframes placeholderLoader {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}
@keyframes placeholderLoader {
    0% {
        left: -100%
    }
    100% {
        left: 100%
    }
}
.generic-placeholder-loader {
    position: relative;
    top: 0;
    left: 0;
    -webkit-animation-name: placeholderLoader;
    animation-name: placeholderLoader;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: -webkit-gradient(linear, left top, right top, from(#f6f7fa), color-stop(#eef0f5), to(#f6f7fa));
    background: -webkit-linear-gradient(left, #f6f7fa, #eef0f5, #f6f7fa);
    background: -o-linear-gradient(left, #f6f7fa, #eef0f5, #f6f7fa);
    background: linear-gradient(to right, #f6f7fa, #eef0f5, #f6f7fa);
    width: inherit;
    height: inherit;
    content: ''
}
.gentleman-badge {
    position: relative;
    width: 2.5rem;
    height: 2.5rem
}
.inbox-profile-bar__gentleman-badge .gentleman-badge,
.inbox-profile-bar__gentleman-badge .gentleman-badge__icon {
    width: 2rem;
    height: 2rem
}
.gentleman-badge__icon {
    cursor: pointer;
    height: 100%
}
.gentleman-badge__tooltip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 3.4rem;
    left: -3.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 9;
    -webkit-border-radius: .75rem;
    border-radius: .75rem;
    padding: .8rem;
    width: 16rem;
    color: #464648
}
.inbox-profile-bar__gentleman-badge .gentleman-badge__tooltip {
    top: 2.45rem;
    bottom: auto;
    left: -3.2rem
}
.list-mini-profile__gentleman-badge .gentleman-badge__tooltip {
    left: -15.2rem
}
.list-mini-profile__gentleman-badge .gentleman-badge__tooltip::after {
    left: 15.9rem
}
.gentleman-badge__tooltip::after {
    display: block;
    position: absolute;
    bottom: -.45rem;
    left: 3.9rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-width: 0 .5rem .5rem;
    border-style: solid;
    border-color: transparent transparent #fff;
    content: ' '
}
.inbox-profile-bar__gentleman-badge .gentleman-badge__tooltip::after {
    display: none
}
.inbox-profile-bar__gentleman-badge .gentleman-badge__tooltip::before {
    display: block;
    position: absolute;
    top: -.45rem;
    left: 3.7rem;
    border-width: 0 .5rem .5rem;
    border-style: solid;
    border-color: transparent transparent #fff;
    content: ' '
}
.gentleman-badge__tooltip-close {
    position: absolute;
    top: .4rem;
    right: .4rem;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    fill: #8c92a6
}
.gentleman-badge__tooltip-close:hover {
    fill: #6f7790
}
.gentleman-badge__tooltip-title {
    margin-bottom: .25rem;
    color: #1f2f49
}
.gentleman-badge__tooltip-description {
    margin-bottom: .25rem;
    color: #8c92a6
}
.gentleman-badge__tooltip-link {
    color: #8c92a6
}
.gentleman-badge__tooltip-link:hover {
    color: #6f7790
}
.quick-info {
    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
}
.intermediate-screen,
.message-sender-textarea__wrapper {
    -webkit-flex-direction: column;
    -webkit-box-direction: normal
}
.quick-info__icon--payment,
.quick-info__icon--primary {
    margin-right: .625rem;
    min-width: 1.5rem;
    height: 1.5rem
}
.quick-info__icon--primary {
    fill: #f7414e
}
.quick-info__icon--payment {
    fill: #39b900
}
.intermediate-screen {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 35rem;
    text-align: center;
    color: #fff
}
.intermediate-screen__icon {
    width: 15.63rem;
    height: 15.63rem
}
.intermediate-screen__title {
    margin-top: 1.9rem;
    margin-bottom: .625rem
}
.intermediate-screen__description {
    line-height: 1.5;
    font-weight: 100
}
.message-sender {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
    color: #8c92a6
}
.message-sender__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 0;
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
    padding: 1.1875rem 3.4rem 1.1875rem 1.5rem;
    max-height: 5rem;
    color: #1f2f49;
    font-weight: 400;
    word-break: break-word;
    overflow-y: auto;
    resize: none
}
.message-sender__input[contenteditable=true]:empty:before {
    display: block;
    opacity: 1;
    color: #8c92a6;
    font-weight: 300;
    content: attr(placeholder)
}
.message-sender__text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.1875rem 3.4rem 1.1875rem 1.5rem;
    color: #f7414e
}
.message-sender__input:focus {
    outline: 0
}
.message-sender__input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}
.message-sender__send {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: .4375rem;
    bottom: .4375rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f7414e;
    cursor: pointer;
    padding: .65625rem;
    width: 1.375rem;
    height: 1.375rem;
    text-align: center
}
.message-sender__send--icon {
    width: 1.4rem;
    fill: #fff
}
.message-sender__sent--icon {
    width: .8rem;
    fill: #fff
}
.message-sender-textarea__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.message-sender-textarea__infos {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.875rem;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    -webkit-box-shadow: 0 4px 20px 0 rgba(107, 134, 177, .2);
    box-shadow: 0 4px 20px 0 rgba(107, 134, 177, .2);
    padding: .625rem;
    max-width: 29.25rem;
    color: #1f2f49;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.message-sender-textarea__infos--contact-filter,
.message-sender-textarea__infos--quota {
    padding: .875rem 1.563rem
}
.message-sender-textarea__quick-infos-content {
    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;
    text-align: center
}
.message-sender-textarea__infos .springbok-button--payment {
    margin-top: .5rem;
    padding: .5rem 1rem;
    line-height: 1
}
.message-sender-textarea__content {
    position: relative;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
    border: 2px solid #e1e1e1;
    -webkit-border-radius: .875rem;
    border-radius: .875rem;
    width: 23.13rem;
    height: 7.188rem
}
.message-sender-textarea__content--answer-sent {
    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 1.2rem;
    height: 5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.message-sender-textarea__input {
    outline: 0;
    border: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    padding: 1.2rem 5rem 1.2rem 1.688rem;
    width: 100%;
    height: 100%;
    resize: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.message-sender-textarea__cta-send {
    position: absolute;
    right: .9375rem;
    bottom: .9375rem
}
.message-sender-textarea__cta-send .springbok-button {
    margin: 0;
    padding: .813rem
}
.message-sender-textarea__cta-send-icon {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}
.message-sender-textarea__content--answer-sent .message-sender-textarea__cta-send .springbok-button {
    cursor: default
}
.message-sender-textarea__inbox-link {
    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: 2rem;
    width: 8rem;
    color: #f7414e
}
@media (min-width:1248px) {
    .message-sender-textarea__inbox-link {
        width: auto
    }
}
.message-sender-textarea__inbox-link-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.5rem;
    -ms-flex: 0 0 1.5rem;
    flex: 0 0 1.5rem;
    margin-left: .3rem;
    height: 1.5rem;
    fill: #f7414e
}
.mutual-match-layer,
.profile-full__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column
}
.message-sender-textarea__inbox-link:hover .message-sender-textarea__inbox-link-icon {
    -webkit-animation: movingArrow .25s;
    animation: movingArrow .25s
}
.mutual-match-layer__picture-content,
.shuffle-slider__image,
.similarities-avatar {
    background-position: center;
    -webkit-background-size: cover
}
.mutual-match-layer__wrapper .layer__close-icon {
    fill: #1f2f49
}
.mutual-match-layer__wrapper .layer-background__icons--left {
    opacity: 1;
    background-image: url(https://iliusstd-a.akamaihd.net/core/assets/images/layer-background__icons-mm--left-866b60e66f.svg)
}
.mutual-match-layer__wrapper .layer-background__icons--right {
    opacity: 1;
    background-image: url(https://iliusstd-a.akamaihd.net/core/assets/images/layer-background__icons-mm--right-5d117f4901.svg)
}
.mutual-match-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.mutual-match-layer__title-intro {
    margin-bottom: .6rem;
    color: #f7414e
}
.mutual-match-layer__title {
    color: #1f2f49
}
.mutual-match-layer__pictures-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem 0 0
}
.mutual-match-layer__picture {
    position: relative;
    width: 10rem;
    height: 10rem
}
.mutual-match-layer__picture-content {
    border: 6px solid #f7414e;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.mutual-match-layer__picture-crown-icon {
    position: absolute;
    top: -6rem;
    right: 0;
    left: 0;
    z-index: 1;
    margin: auto;
    width: 4.75rem
}
.mutual-match-layer__picture-crown-icon path {
    stroke: #f7414e
}
.mutual-match-layer__pictures-fav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    margin: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .18);
    background: #f7414e;
    width: 4.5rem;
    height: 4.5rem
}
.profile-full__wrapper,
.springbok-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.mutual-match-layer__pictures-fav-icon {
    width: 2.25rem;
    height: 2.25rem;
    fill: #fff
}
.mutual-match-layer__infos {
    margin: 2rem 0 1rem;
    color: #8c92a6
}
.mutual-match-layer__message-sender {
    margin-top: 2rem
}
.mutual-match-layer__message-sender .message-sender-textarea__infos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.mutual-match-layer__message-sender .message-sender-textarea__cta-send .springbok-button {
    padding: .7rem
}
.mutual-match-layer__message-sender .message-sender-textarea__infos .springbok-button--payment {
    margin-top: 0
}
@media (min-height:769px) {
    .mutual-match-layer__picture-crown-icon {
        top: -7rem
    }
    .mutual-match-layer__picture {
        width: 12.5rem;
        height: 12.5rem
    }
    .mutual-match-layer__message-sender {
        margin-top: 5rem
    }
    .mutual-match-layer__infos {
        margin: 5rem 0 2rem
    }
    .mutual-match-layer__pictures-fav {
        width: 5.625rem;
        height: 5.625rem
    }
}
.springbok-button {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .5rem;
    border: 0;
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
    cursor: pointer;
    padding: 0 2rem
}
.springbok-button:focus:hover {
    outline: 0
}
.springbok-button:disabled {
    cursor: not-allowed
}
.springbok-button--big {
    height: 3.5rem
}
.springbok-button--big.springbok-button--circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 3.5rem
}
.springbok-button--medium {
    height: 2.75rem
}
.springbok-button--medium.springbok-button--circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 2.75rem
}
.springbok-button--small {
    height: 2.25rem
}
.springbok-button--small.springbok-button--circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 2.25rem
}
.springbok-button--xl {
    height: 5rem
}
.springbok-button--xl.springbok-button--circle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 5rem
}
.springbok-button--circle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.125rem
}
.springbok-button--primary {
    background-color: #f7414e;
    color: #fff
}
.springbok-button--primary:focus,
.springbok-button--primary:hover {
    background-color: #b40e5e
}
.springbok-button--primary:active {
    background-color: #78093f
}
.springbok-button--primary:disabled {
    background-color: #f68abf
}
.springbok-button--business {
    background-color: #39b900;
    color: #fff
}
.springbok-button--business:focus,
.springbok-button--business:hover {
    background-color: #257900
}
.springbok-button--business:active {
    background-color: #123a00
}
.springbok-button--business:disabled {
    background-color: #82df59
}
.springbok-button.springbok-button--secondary {
    -webkit-box-shadow: 0 5px 12px 0 rgba(107, 134, 177, .15);
    box-shadow: 0 5px 12px 0 rgba(107, 134, 177, .15);
    background-color: #fff
}
.springbok-button.springbok-button--text-only {
    display: block;
    background: 0 0;
    padding: 0;
    height: auto;
    color: #8c92a6
}
.springbok-button--secondary.springbok-button--primary {
    background-color: #fff;
    color: #f7414e
}
.springbok-button--secondary.springbok-button--primary:focus,
.springbok-button--secondary.springbok-button--primary:hover {
    color: #b40e5e
}
.springbok-button--secondary.springbok-button--primary:active {
    color: #78093f
}
.springbok-button--secondary.springbok-button--primary:disabled {
    color: #c5c8d2
}
.springbok-button--secondary.springbok-button--business {
    background-color: #fff;
    color: #39b900
}
.springbok-button--secondary.springbok-button--business:focus,
.springbok-button--secondary.springbok-button--business:hover {
    color: #257900
}
.springbok-button--secondary.springbok-button--business:active {
    color: #123a00
}
.springbok-button--secondary.springbok-button--business:disabled {
    color: #c5c8d2
}
.springbok-button--neutral {
    background-color: #1f2f49;
    color: #fff;
    fill: #fff
}
.springbok-button--neutral:focus,
.springbok-button--neutral:hover {
    background-color: #0c121c
}
.springbok-button--neutral:active {
    background-color: #000
}
.springbok-button--neutral:disabled {
    background-color: #6a717d
}
.profile-full__wrapper {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem auto;
    color: #1f2f49;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile-full__back-button,
.profile-full__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-full__content {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    width: 64rem;
    max-width: 100%
}
.profile-full__back-button {
    display: flex;
    position: absolute;
    top: 0;
    left: 1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
    color: #1f2f49
}
.profile-full__left,
.profile-full__right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.profile-full__back-button-icon {
    margin-right: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #1f2f49
}
.profile-full__back-button:hover .profile-full__back-button-icon {
    -webkit-animation: movingArrow .25s;
    animation: movingArrow .25s
}
.profile-full__content--with-ad {
    margin: 0;
    width: auto
}
.profile-full__content--left-fixed .profile-full__left {
    position: fixed;
    z-index: 2
}
.profile-full__content--left-fixed .profile-full__right {
    padding-left: 15rem
}
.profile-full__left {
    margin-right: 32px;
    width: calc((88px * 2) + (32px * (2 - 1)));
    display: flex;
    -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;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
@media (min-width:1056px) {
    .profile-full__content--left-fixed .profile-full__right {
        padding-left: 18rem
    }
    .profile-full__left {
        width: calc((48px * 2) + (32px * (2 - 1)))
    }
}
@media (min-width:1248px) {
    .profile-full__left {
        width: calc((64px * 2) + (32px * (2 - 1)))
    }
}
.profile-full__left:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .profile-full__left {
        margin-right: 32px;
        width: calc((88px * 4) + (32px * (3 - 1)))
    }
    .profile-full__left:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .profile-full__left {
        width: calc((48px * 4) + (32px * (3 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .profile-full__left {
        width: calc((64px * 4) + (32px * (3 - 1)))
    }
}
.profile-full__right {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile-full__babu-ad,
.profile-full__profile-infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-full__main-picture--active {
    cursor: pointer
}
.profile-full__main-picture .gentleman-badge {
    width: 2.7rem;
    height: 2.7rem
}
.profile-full__main-picture .gentleman-badge__tooltip {
    top: 3.4rem;
    bottom: auto;
    z-index: 7
}
.profile-full__main-picture .gentleman-badge__tooltip::after {
    top: -.45rem;
    bottom: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}
.profile-full__ad {
    padding-left: 32px
}
.profile-full__babu-ad {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem
}
@media screen and (max-width:1248px) {
    .profile-full__ad,
    .profile-full__babu-ad {
        display: none
    }
    .profile-full__right {
        margin-right: 0
    }
}
.profile-full__profile-infos {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profile-full__profile-report {
    padding: 1rem
}
.profile-full__profile-infos .profile-infos__wrapper {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0
}
.profile-full__profile-infos .profile-infos__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.profile-full__profile-infos .profile-infos__nickname {
    line-height: 1.2
}
.profile-full__profile-infos .profile-infos__nickname--loading {
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    padding: .5rem 0;
    width: 12rem;
    height: 1.2rem
}
.profile-full__profile-infos .online-indicator,
.swipe-profile__profile-infos .online-indicator {
    padding: 0 .4rem
}
.profile-full__profile-infos .online-indicator__bullet {
    width: .56rem;
    height: .56rem
}
.profile-full__profile-infos .profile-infos__age-city--loading {
    width: 10rem
}
.profile-full__last-connection-date {
    margin-top: 1.8rem
}
.last-connection-date--loading {
    -webkit-border-radius: .5rem;
    border-radius: .5rem;
    width: 15rem;
    height: .8rem
}
.last-connection-date {
    color: #8c92a6
}
.profile-full__essay {
    margin: 1.6rem 0 3.75rem
}
.profile-full__gallery {
    margin-bottom: 3.75rem
}
.profile-full__gallery-pictures {
    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;
    margin-top: 1.875rem;
    overflow: scroll;
}
.profile-full__gallery-more-pictures,
.profile-full__gallery-picture {
    width: 5.5rem;
    height: 5.5rem;
    flex: 0 0 33%;
    justify-content: flex-start;
    padding: 3px;
}
@media (min-width:1056px) {
    .profile-full__gallery-more-pictures,
    .profile-full__gallery-picture {
        width: 7.2rem;
        height: 7.2rem
    }
}
@media (min-width:1248px) {
    .profile-full__content--with-ad .profile-full__gallery-more-pictures,
    .profile-full__content--with-ad .profile-full__gallery-picture {
        width: 6.2rem;
        height: 6.2rem
    }
}
.profile-full__gallery-picture .rounded-square-picture-placeholder,
.profile-full__gallery-picture .rounded-square-picture__content {
    -webkit-border-radius: 23.5%;
    border-radius: 23.5%
}
.profile-full__gallery-more-pictures {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 23.5%;
    border-radius: 23.5%;
    background: #1f2f49;
    color: #fff;
    font-size: 1.875rem;
    font-weight: 500
}
.profile-full__similarities {
    margin-bottom: 3.75rem;
    -webkit-border-radius: .625rem;
    border-radius: .625rem;
    -webkit-box-shadow: 0 .1875rem 1rem 0 rgba(107, 134, 177, .22);
    box-shadow: 0 .1875rem 1rem 0 rgba(107, 134, 177, .22);
    background: #fff
}
.profile-full__similarities .similarities-header {
    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: 6.25rem
}
.profile-full__interactions {
    width: 100%
}
.profile-full__interactions,
.profile-full__interactions-message-sender {
    margin-top: 1.875rem
}
.profile-full__interactions-message-sender--fixed {
    margin-right: 32px;
    width: calc((88px * 2) + (32px * (2 - 1)));
    position: fixed
}
@media (min-width:1056px) {
    .profile-full__interactions-message-sender--fixed {
        width: calc((48px * 2) + (32px * (2 - 1)))
    }
}
@media (min-width:1248px) {
    .profile-full__interactions-message-sender--fixed {
        width: calc((64px * 2) + (32px * (2 - 1)))
    }
}
.profile-full__interactions-message-sender--fixed:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .profile-full__interactions-message-sender--fixed {
        margin-right: 32px;
        width: calc((88px * 3) + (32px * (3 - 1)))
    }
    .profile-full__interactions-message-sender--fixed:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .profile-full__interactions-message-sender--fixed {
        width: calc((48px * 3) + (32px * (3 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .profile-full__interactions-message-sender--fixed {
        width: calc((64px * 3) + (32px * (3 - 1)))
    }
}
.profile-full__interactions-ctas {
    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
}
.gallery,
.profile-full__interactions-blacklisted,
.profile-full__interactions-blacklisted-infos {
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}
.profile-full__interactions-ctas .cta-button__icon {
    margin-right: 1rem
}
.profile-full__interactions-message-sender .message-sender-textarea__infos--payment .quick-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: .3rem
}
.profile-full__interactions-message-sender .message-sender-textarea__infos--payment .quick-info__icon--payment {
    margin: .2rem 0
}
.profile-full__interactions-message-sender .message-sender-textarea__content,
.profile-full__interactions-message-sender .message-sender-textarea__infos {
    width: calc(100% - 4px)
}
.profile-full__interactions-message-sender .message-sender-textarea__cta-send .springbok-button {
    padding: .7rem
}
.profile-full__interactions-message-sender .message-sender-textarea__cta-send-icon {
    width: 1.2rem;
    height: 1.2rem
}
.profile-full__interactions-blacklisted {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.profile-full__interactions-blacklisted-icon {
    margin-bottom: 2rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #c5c8d2;
    padding: 1rem;
    width: 2rem;
    height: 2rem;
    fill: #fff
}
.profile-full__interactions-blacklisted-infos {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-border-radius: .875rem;
    border-radius: .875rem;
    -webkit-box-shadow: 0 4px 20px 0 rgba(107, 134, 177, .2);
    box-shadow: 0 4px 20px 0 rgba(107, 134, 177, .2);
    padding: 1.25rem;
    text-align: center
}
.profile-full__interactions-unblacklist {
    margin-top: 1.313rem
}
.profile-full__interactions-blacklisted-infos--other .quick-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.profile-full__interactions-blacklisted-infos--other .quick-info__icon--primary {
    margin: 0 0 .625rem
}
.gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.gallery__slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    user-select: none
}
.gallery__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    margin: auto;
    padding: 1rem;
    width: 2.188rem;
    height: 2.188rem;
    fill: #fff
}
.gallery__arrow--left {
    left: .5rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.gallery__arrow--right {
    right: .5rem
}
.gallery__picture-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35rem;
    height: 22rem
}
.gallery__picture {
    display: block;
    margin: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .15);
    max-width: 100%;
    max-height: 100%
}
.gallery__picture--fading {
    -webkit-animation: fadein 1s;
    animation: fadein 1s
}
.gallery__picture-infos {
    margin-top: 1.563rem;
    color: #fff
}
.gallery__slider-thumbnails {
    position: relative;
    margin-top: 3rem;
    width: 40.63rem;
    height: 6.25rem;
    overflow: hidden
}
.gallery__thumbnails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: left .5s;
    -o-transition: left .5s;
    transition: left .5s;
    width: 100%
}
.gallery__thumbnail {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 6.25rem;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: .5;
    margin: 0 .9375rem;
    height: 6.25rem
}
.gallery__thumbnail--selected,
.gallery__thumbnail:hover {
    opacity: 1
}
.gallery__thumbnail .rounded-square-picture__content {
    -webkit-border-radius: 23.5%;
    border-radius: 23.5%
}
@media (min-width:769px) {
    .gallery__arrow--left {
        left: 2.125rem;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .no-touch .gallery__arrow--left:hover {
        left: 1.5rem
    }
    .gallery__arrow--right {
        right: 2.125rem
    }
    .no-touch .gallery__arrow--right:hover {
        right: 1.5rem
    }
}
@media (min-height:769px) {
    .gallery__picture-wrapper {
        width: 43.13rem;
        height: 28.13rem
    }
    .gallery__slider-thumbnails {
        margin-top: 4.375rem
    }
}
.profile-full__reflists {
    margin-bottom: 3.75rem
}
.profile-full__reflists-titles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem
}
.profile-full__reflists-title {
    opacity: .5;
    line-height: 1.2
}
.profile-full__reflists-title:not(.profile-full__reflists-title--active):hover {
    opacity: 1
}
.profile-full__reflists-title--active {
    opacity: 1;
    border-bottom: 2px solid
}
.profile-full__reflists-title--profile {
    margin-right: 2.5rem
}
.profile-full__popup-reflists-title {
    margin-bottom: 1.875rem
}
.profile-full__popup-reflists-title--search,
.profile-full__reflists-title--search {
    color: #83f
}
.profile-full__popup-reflists:last-child {
    margin-top: 2rem
}
.profile-full__thematic-announces {
    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
}
.profile-full__thematic-announce {
    position: relative;
    margin-bottom: 3rem
}
.profile-full__thematic-announce-quotes {
    position: absolute;
    top: -1rem;
    left: -1.1rem;
    width: 2.313rem;
    height: 1.813rem
}
.profile-full__thematic-announce-title {
    margin-bottom: .2rem;
    color: #f7414e
}
.profile-full__thematic-announce-content {
    color: #1f2f49;
    overflow-wrap: break-word;
    word-wrap: break-word
}
.profile-full__error-loading {
    margin: auto;
    max-width: 53rem
}
.profile-full__error-not-found {
    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;
    text-align: center;
    color: #1f2f49
}
.profile-full__error-not-found-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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.discover-event,
.profile-full__error-babu-ad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.profile-full__error-ad {
    margin-left: 2rem
}
.profile-full__error-icon {
    margin-bottom: 3.75rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .15);
    background: #fff;
    padding: 1rem;
    width: 6rem;
    height: 6rem;
    fill: #1f2f49
}
.profile-full__error-title {
    margin-bottom: 1.875rem
}
.profile-full__error-description {
    line-height: 1.438rem
}
.profile-full__error-babu-ad {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem
}
.discover-event {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}
.discover-event__content,
.discover-event__header {
    display: -webkit-flex;
    -webkit-box-direction: normal
}
.discover-event__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}
.discover-event__title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #1f2f49;
    line-height: 1.4
}
.discover-event__subtitle {
    display: block;
    color: #8c92a6
}
.discover-event__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -.6rem;
    cursor: pointer;
    padding: .625rem;
    width: 28.75rem;
    height: 13.75rem
}
.discover-event__empty-state {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 .125rem 1.25rem 0 rgba(107, 134, 177, .15);
    box-shadow: 0 .125rem 1.25rem 0 rgba(107, 134, 177, .15);
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    color: #8c92a6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.activities-counter__element,
.discover-event__empty-state-text,
.input__wrapper,
.mutual-match-card,
.switch-toggle {
    -webkit-box-sizing: border-box
}
.discover-event__empty-state-img,
.discover-event__empty-state-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}
.discover-event__empty-state-text {
    padding-right: 1rem;
    padding-bottom: 2.5rem;
    padding-left: 2.1875rem;
    box-sizing: border-box
}
.discover-event__empty-state-img {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background: url(https://iliusstd-a.akamaihd.net/dating/assets/images/discover_event_default-9ccfa96482.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}
.discover-event__empty-state-title {
    margin-bottom: 1rem
}
@media screen and (max-width:1280px) and (min-width:1025px) {
    .discover-event {
        -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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .discover-event .discover-event__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 28.75rem;
        -ms-flex: 0 0 28.75rem;
        flex: 0 0 28.75rem
    }
    .discover-event .discover-event__header {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-left: 2.93rem
    }
    .discover-event .discover-event__header .discover-event__title {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        padding-bottom: 2.06rem
    }
}
.giphy-picker__empty,
.moderate-action-popover__list,
.spotify-picker--empty,
.spotify-picker-container,
.spotify-picker__track-overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
@media screen and (max-width:1025px) {
    .discover-event__content {
        width: 100%
    }
}
.giphy-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.giphy {
    -webkit-border-radius: 1.125rem;
    border-radius: 1.125rem
}
.giphy--error {
    color: #8c92a6;
    font-style: italic
}
.giphy-link {
    display: block;
    position: absolute;
    right: 0;
    bottom: .25rem;
    cursor: pointer;
    padding: .5rem 1rem;
    text-align: right;
    color: #fff
}
.giphy-link:hover {
    color: #464648
}
.premium-indicator {
    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
}
.premium-indicator .premium-indicator__bullet {
    fill: #39b900
}
.moderate-action-popover__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.emoji-picker,
.enter-key-mode {
    display: -ms-flexbox;
    display: -webkit-flex
}
.action__item {
    cursor: pointer;
    white-space: nowrap;
    color: #8c92a6
}
.action__item:not(:last-child) {
    padding-bottom: 1.1rem
}
.no-touch .action__item:hover {
    color: #f7414e
}
.enter-key-mode {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.emoji-picker,
.giphy-picker,
.spotify-picker {
    -webkit-flex-wrap: wrap
}
.enter-key-mode .search-checkbox-form__label {
    color: #8c92a6
}
.enter-key-mode .search-checkbox {
    margin: auto .4rem auto auto;
    padding: .05rem
}
.enter-key-mode .search-checkbox--checked {
    border-color: #00c2ab;
    background: #00c2ab
}
.enter-key-mode .search-checkbox--normal,
.swipe-profiles-list__error .error-block {
    background: #fff
}
.enter-key-mode .search-checkbox--normal,
.search-checkbox--checked {
    border-width: .125rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-color: #8c92a6
}
.emoji-picker-container {
    position: absolute;
    bottom: 6.5rem;
    left: .6rem;
    z-index: 1;
    -webkit-box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16);
    box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16);
    background-color: #fff;
    height: 17.2rem
}
.emoji-picker-container:after,
.giphy-picker-container:after {
    left: 1rem;
    border-width: .6rem .6rem 0;
    border-color: #fff transparent;
    content: ''
}
.emoji-picker {
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .5rem;
    width: 20rem;
    max-height: 15.5rem;
    overflow-y: scroll
}
.emoji-picker-container:after {
    position: absolute;
    bottom: -.55rem;
    z-index: 9;
    border-style: solid;
    width: 0;
    height: 0
}
.giphy-picker-container,
.spotify-picker-container {
    bottom: 6.5rem;
    -webkit-box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16)
}
.emoji-picker__element {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.8rem
}
.giphy-picker-container {
    position: absolute;
    left: 3.1rem;
    z-index: 1;
    box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16);
    background-color: #fff;
    padding-bottom: 1rem;
    height: 17.2rem
}
.giphy-picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 20rem;
    height: 14.2rem
}
.giphy-picker-container:after {
    position: absolute;
    bottom: -.55rem;
    z-index: 9;
    border-style: solid;
    width: 0;
    height: 0
}
.giphy-picker-gif {
    margin: 0 .5rem .5rem;
    cursor: pointer
}
.giphy-picker-gif--image {
    display: block;
    width: 100%
}
.giphy-picker__search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    margin: .5rem
}
.giphy-picker__search-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    border: 0;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background: #eef0f5;
    padding: .5rem 2.2rem .5rem .5rem;
    max-height: 1rem
}
.giphy-picker__search-input::-webkit-input-placeholder {
    color: #8491a4
}
.giphy-picker__search-input::-moz-placeholder {
    color: #8491a4
}
.giphy-picker__search-input:-ms-input-placeholder {
    color: #8491a4
}
.giphy-picker__search-icon {
    position: absolute;
    top: .45rem;
    right: .5rem;
    cursor: pointer;
    width: 1.1rem;
    height: 1.1rem;
    fill: #8491a4
}
.giphy-picker__search-icon:hover {
    fill: #464648
}
.giphy-picker__loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}
.giphy-picker__empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}
.giphy-picker__empty--icon {
    margin-bottom: 1rem;
    -webkit-border-radius: .6rem;
    border-radius: .6rem;
    background: #8491a4;
    padding: 1rem 1.2rem;
    color: #fff
}
.giphy-picker__empty--text {
    text-align: center;
    color: #bbc2cf
}
.spotify-picker-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 3.5rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    box-shadow: 5px 5px 6px rgba(70, 70, 72, .16), -5px 0 6px rgba(70, 70, 72, .16);
    background-color: #fff;
    padding-bottom: 1rem;
    width: 22.5rem;
    height: 17.2rem
}
.spotify-picker-container:after {
    position: absolute;
    bottom: -.55rem;
    left: 3.3rem;
    z-index: 9;
    border-width: .6rem .6rem 0;
    border-style: solid;
    border-color: #fff transparent;
    width: 0;
    height: 0;
    content: ''
}
.spotify-picker__search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 2rem;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    margin: .5rem
}
.spotify-picker,
.spotify-picker__tracks {
    display: -webkit-flex;
    display: -ms-flexbox
}
.spotify-picker__search-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    outline: 0;
    border: 0;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background: #eef0f5;
    padding: .5rem 2.2rem .5rem .5rem;
    max-height: 1rem
}
.spotify-picker__search-input::-webkit-input-placeholder {
    color: #8491a4
}
.spotify-picker__search-input::-moz-placeholder {
    color: #8491a4
}
.spotify-picker__search-input:-ms-input-placeholder {
    color: #8491a4
}
.spotify-picker__search-icon {
    position: absolute;
    top: .45rem;
    right: .5rem;
    cursor: pointer;
    width: 1.1rem;
    height: 1.1rem;
    fill: #8491a4
}
.spotify-picker {
    display: -webkit-box;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 14.2rem
}
.spotify-picker .infinite-scroll__container {
    overflow: overlay
}
.spotify-picker__tracks {
    display: -webkit-box;
    display: 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
}
.spotify-picker__track,
.spotify-picker__track-overlay {
    display: -webkit-flex;
    display: -ms-flexbox;
    min-width: 10.2rem
}
.spotify-picker__track {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .2rem;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
    min-height: 10.2rem
}
.spotify-picker__track-logo {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 8;
    width: 1.2rem;
    height: 1.2rem
}
.spotify-picker__track-logo--background {
    position: absolute;
    top: .6rem;
    right: .6rem;
    z-index: 1;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #000;
    width: 1rem;
    height: 1rem
}
.spotify-picker__track-overlay {
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, .05) 20%, rgba(0, 0, 0, .5) 100%);
    background: -o-linear-gradient(rgba(0, 0, 0, .05) 20%, rgba(0, 0, 0, .5) 100%);
    background: linear-gradient(rgba(0, 0, 0, .05) 20%, rgba(0, 0, 0, .5) 100%);
    max-width: 10.2rem;
    height: 10.2rem;
    overflow: hidden;
    color: #fff
}
.spotify-picker__track-artist {
    padding: 0 .7rem
}
.spotify-picker__track-name {
    padding: 0 .7rem .5rem
}
.spotify-picker--empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 14.2rem;
    text-align: center;
    color: #8491a4
}
.activities-counter__element,
.activities-counter__element--with-notification,
.rating__content,
.spotify-picker--error {
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.spotify-picker--empty__image {
    margin-bottom: .5rem;
    width: 6rem;
    height: 6rem;
    fill: #8491a4
}
.spotify-picker--error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .5rem;
    height: 14.2rem;
    text-align: center;
    color: #8491a4
}
.spotify-picker--error__reset-button {
    margin-top: .5rem;
    text-decoration: underline
}
.rating__cross {
    position: absolute;
    top: 2.475rem;
    right: 1.875rem;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    fill: #8c92a6
}
.rating__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    padding: 2.5rem;
    width: 22rem
}
.rating__content-title {
    padding-bottom: .9375rem;
    color: #1f2f49;
    font-family: Montserrat
}
.rating__content-question {
    margin-bottom: 1.25rem;
    color: #1f2f49;
    font-family: Montserrat
}
.rating__stars {
    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-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    fill: #8c92a6
}
.rating__stars-item {
    -webkit-transition: fill .4s ease;
    -o-transition: fill .4s ease;
    transition: fill .4s ease;
    margin-right: 1.5rem;
    width: 1.5rem;
    height: 1.5rem
}
.rating__thanks {
    color: #1f2f49
}
.rating__arrow {
    position: relative;
    left: 1.5rem;
    border-right: .6rem solid transparent;
    border-bottom: .6rem solid #fff;
    border-left: .6rem solid transparent;
    width: 0;
    height: 0
}
.received-favorites__empty-block .empty-block,
.received-visits__empty-block .empty-block {
    padding: 2.5rem
}
.scam-mention {
    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-top: 3rem;
    padding-bottom: 3rem
}
.scam-mention .scam-mention__content {
    text-align: center;
    color: #8c92a6
}
.activities-counter {
    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: 2rem 0
}
.activities-counter__element,
.activities-counter__element--with-notification {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    color: #1f2f49
}
.activities-counter__element {
    border: 4px solid #eef0f5;
    background-color: #fff;
    box-sizing: border-box
}
.activities-counter__element:hover {
    cursor: pointer
}
.activities-counter__element--with-notification {
    background-color: #eef0f5
}
.activities-counter__element-favorites .activities-counter__element-icon {
    width: 1.25rem
}
.activities-counter__element-visits .activities-counter__element-icon {
    width: 1.375rem
}
.activities-counter__element-activity .activities-counter__element-icon {
    width: 1.25rem
}
.activities-counter__element-icon {
    height: 1.5rem;
    fill: #1f2f49
}
.activities-counter__badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -.2rem;
    right: -.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f7414e;
    min-width: 1.75rem;
    height: 1.75rem;
    color: #fff
}
.mutual-match-card {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 2rem 2rem;
    height: 31.5rem;
    box-sizing: border-box
}
.mutual-match-card.card:first-child {
    margin-left: 0
}
.mutual-match-card .profile-mini__content--top {
    width: 100%
}
.mutual-match-card .online-indicator__bullet {
    width: .375rem;
    height: .375rem
}
.mutual-match-card .profile-mini__picture {
    width: 10rem
}
.mutual-match-card .profile-infos__age-city {
    color: #8c92a6
}
.mutual-match-card__similarities {
    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: 1.8125rem 0 1rem;
    width: 100%;
    height: 8rem;
    text-align: center;
    color: #8c92a6
}
.mutual-match-card__similarities--empty {
    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
}
.mutual-match-card__placeholder {
    margin-right: 2rem;
    margin-bottom: 7.5rem;
    -webkit-border-radius: 2.75rem;
    border-radius: 2.75rem;
    width: 22rem;
    height: 31.5rem
}
.mutual-match-card-similarities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f7414e
}
.mutual-match-card-similarities__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mutual-match-card-similarities__title--icon {
    margin-right: .3125rem;
    width: 1.375rem;
    height: .875rem;
    fill: #f7414e
}
.mutual-match-card-similarities__similarity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    margin-top: 1.25rem;
    min-height: 4.3125rem;
    line-height: 1.4375
}
.mutual-match-card-similarities__similarity--field {
    color: #1f2f49
}
.mutual-match-card-similarities__similarity--value {
    color: #8c92a6
}
.mutual-match-card-similarities__navigation {
    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;
    z-index: 1
}
.mutual-match-card-similarities__arrow {
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    fill: #1f2f49
}
.mutual-match-card-similarities__navigation-button {
    border: 0;
    background-color: #fff
}
.mutual-match-card-similarities__navigation-button:focus {
    outline: 0
}
.mutual-match-card-similarities__navigation-button[disabled] .mutual-match-card-similarities__arrow {
    cursor: default;
    fill: #eef0f5
}
.mutual-match-card-similarities__bullet {
    margin: 0 .25rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #eef0f5;
    cursor: pointer;
    width: .375rem;
    height: .375rem
}
.mutual-match-card-similarities__bullet--selected,
.promo-banner--introduction {
    background-color: #1f2f49
}
.mutual-match-cards-list-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3rem
}
.mutual-match-cards__title.journal-line {
    margin-top: 2rem;
    margin-bottom: .5rem
}
.journal-wrapper .mutual-match-cards__title .members-list-horizontal-bloc__subtitle {
    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: #f7414e
}
.journal-wrapper .mutual-match-cards__title .members-list-horizontal-bloc__subtitle--icon {
    margin-right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #f7414e
}
.promo-banner {
    padding: 0 1rem;
    height: 8rem
}
.promo-banner--boost,
.promo-banner--incognito {
    background-color: #3223be
}
.promo-banner__content {
    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-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: auto;
    max-width: 70rem
}
.journal-line,
.promo-banner-left {
    display: -webkit-flex;
    display: -ms-flexbox
}
.promo-banner__description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1rem;
    color: #fff
}
.promo-banner__description--regular {
    opacity: .75
}
.promo-banner__close-icon {
    width: 1.5rem;
    fill: #fff
}
.promo-banner-left {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1rem;
    height: 100%
}
.promo-banner-left .promo-picture {
    width: 14rem;
    height: 8rem
}
.dating-journal,
.journal-line__item,
.journal-spacer {
    width: 100%
}
.promo-banner .springbok-button {
    margin: 0;
    background-color: rgba(255, 255, 255, .1)
}
.promo-banner .springbok-button:hover {
    margin: 0;
    background-color: rgba(255, 255, 255, .05)
}
@media (min-width:769px) {
    .promo-banner {
        padding: 0 3rem
    }
}
@media (min-width:1025px) {
    .promo-banner {
        padding: 0 5rem
    }
    .promo-banner-left {
        margin-right: 4.875rem
    }
    .promo-banner__description {
        margin-left: 2.875rem
    }
}
.journal-wrapper {
    margin-bottom: -2rem;
    background-color: #fff;
    overflow: hidden
}
.journal-line {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 3rem
}
.journal-visits-received,
.saved-search-modal__form {
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical
}
.journal-spacer {
    margin-bottom: 5rem
}
.journal-separator {
    background-color: #eef0f5;
    height: .0625rem
}
.journal__title {
    margin-bottom: 4rem;
    color: #1f2f49
}
.background-wave {
    background-image: url(https://iliusstd-a.akamaihd.net/dating/assets/images/sprbk_wave-3ad659ebf0.svg);
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: 120rem 120rem;
    background-size: 120rem
}
.journal--top {
    background-color: #fff
}
.journal--bottom {
    background-color: #f6f7fa
}
.journal-visits-received {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.journal__margin-top {
    margin-top: 3rem
}
@media (min-width:1025px) {
    .journal-line {
        margin: 0 5rem
    }
    .journal-line .members-list-horizontal-bloc__mosaic {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
@media (min-width:1280px) {
    .journal-line {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: auto;
        max-width: 70rem
    }
    .journal-line .journal-line__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 28.75rem;
        -ms-flex: 0 1 28.75rem;
        flex: 0 1 28.75rem
    }
    .journal-visits-received {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .journal-line .members-list-horizontal-bloc__mosaic {
        display: block
    }
}
.journal-wrapper .members-list-horizontal-bloc__subtitle {
    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: #1f2f49;
    font-size: 1.95rem;
    font-weight: 700
}
.journal-wrapper .members-list-horizontal-bloc__main-title {
    display: block;
    margin-top: .5rem;
    color: #8c92a6
}
.journal-wrapper .members-list-horizontal-bloc__subtitle-icon {
    display: inline-block;
    margin-right: .5rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #1f2f49
}
.saved-search-modal__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.saved-search-modal__icon {
    width: 10rem
}
.saved-search-modal__title {
    margin: 1.5rem 0
}
.saved-search-modal__name-container {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.5rem;
    color: #8c92a6
}
.banner__dev-career,
.saved-search-modal__opt-in-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}
.saved-search-modal__name-container .input__wrapper {
    margin-top: 1rem;
    max-width: 16rem
}
.saved-search-modal__name-container .input__wrapper input {
    height: 2rem;
    text-align: inherit
}
.saved-search-modal__opt-in-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    text-align: left;
    color: #8c92a6
}
.banner__dev-career,
.profile-disabled {
    display: -webkit-box;
    display: -webkit-flex
}
.saved-search-modal__opt-in-container .saved-search-modal__opt-in-label {
    padding-right: 1rem
}
.saved-search-modal__opt-in-container .switch-toggle {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 0
}
.springbok-button.saved-search-modal__cancel-btn {
    margin-top: 1.5rem
}
.saved-search-modal__name-container,
.saved-search-modal__opt-in-container,
.saved-search-modal__title {
    max-width: 100%
}
.saved-search-delete-modal__title {
    margin: 0 0 1.5rem;
    text-align: center
}
.saved-search-delete-modal__buttons-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
}
.saved-search-delete-modal__buttons-wrapper .springbok-button {
    margin: 0 .75rem
}
.input__wrapper {
    border: 2px solid #bbc2cf;
    -webkit-border-radius: 100rem;
    border-radius: 100rem;
    padding: 0 1rem;
    overflow: hidden;
    box-sizing: border-box
}
.input__wrapper input,
.input__wrapper textarea {
    outline: 0;
    border: 0
}
.banner__dev-career {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 6;
    background-color: rgba(31, 47, 73, .9);
    padding: 2rem;
    color: #fff
}
.banner__dev-career-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 3em;
    -ms-flex: 0 0 3em;
    flex: 0 0 3em;
    margin-right: 1em;
    height: 3em;
    fill: #fff
}
.banner__dev-career-icon svg {
    width: 3rem;
    height: 3rem
}
.banner__dev-career-title {
    margin-bottom: .375rem
}
.banner__dev-career-message {
    margin: 0
}
.banner__dev-career-message-link {
    cursor: pointer;
    text-decoration: underline
}
.banner__dev-career-close {
    display: block;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    height: 1rem;
    fill: #fff
}
.banner__dev-career-close svg {
    width: 1.125rem;
    height: 1.125rem
}
.switch-toggle-input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}
.switch-toggle {
    position: relative;
    border: 0;
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    cursor: pointer;
    width: 3.25rem;
    height: 2rem;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    box-sizing: border-box
}
.switch-toggle:before {
    display: block;
    position: absolute;
    top: -.125rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    width: 2rem;
    height: 2rem;
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}
.switch-toggle:focus:hover {
    outline: 0
}
.switch-toggle.switch-toggle--on {
    border: .125rem solid #00c2ab;
    background-color: #00c2ab
}
.switch-toggle.switch-toggle--on:before {
    left: 1.25rem;
    border: .125rem solid #00c2ab;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.switch-toggle.switch-toggle--on:hover {
    border: .125rem solid #00ae99;
    background-color: #00ae99
}
.switch-toggle.switch-toggle--on:hover:before {
    left: 1.25rem;
    border: .125rem solid #00ae99;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.switch-toggle.switch-toggle--off {
    border: .125rem solid #c5c8d2;
    background-color: #eef0f5
}
.switch-toggle.switch-toggle--off:before {
    left: -.125rem;
    border: .125rem solid #c5c8d2
}
.switch-toggle.switch-toggle--off:hover {
    border: .125rem solid #c5c8d2;
    background-color: #d5d7dc
}
.switch-toggle.switch-toggle--off:hover:before {
    border: .125rem solid #c5c8d2
}
.switch-toggle:disabled,
.switch-toggle:disabled:hover {
    border: .125rem solid #c5c8d2;
    background-color: #fff;
    cursor: not-allowed
}
.switch-toggle:disabled:before,
.switch-toggle:disabled:hover:before {
    border: .125rem solid #c5c8d2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.profile-disabled {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.error-block,
.scroll-title {
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.profile-disabled__icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    padding: 1.25rem;
    width: 4rem;
    height: 4rem;
    color: #1f2f49;
    fill: #1f2f49
}
.profile-disabled__title {
    margin: 4rem 0 1.5rem
}
.profile-disabled__description {
    margin-bottom: 4rem;
    width: 30rem;
    text-align: center;
    color: #8c92a6
}
.error-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    background: #eef0f5;
    cursor: pointer;
    padding: 4.375rem 0;
    text-align: center;
    color: #8c92a6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.error-block__icon {
    margin-bottom: .75rem;
    width: 2.5rem;
    height: 2.5rem
}
.error-block__icon svg path {
    fill: #1f2f49
}
.fake-scroll-bar {
    position: absolute;
    right: 0;
    bottom: 3.75rem;
    left: 0;
    -webkit-transition: opacity .1s ease-in;
    -o-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in;
    opacity: 0;
    margin: 0 auto;
    background-color: transparent;
    width: 100%;
    max-width: 70rem;
    height: .25rem
}
.fake-scroll-bar.scrolling {
    -webkit-transition: opacity .25s ease-in;
    -o-transition: opacity .25s ease-in;
    transition: opacity .25s ease-in;
    opacity: 1
}
.fake-scroll-bar .fake-scroll-bar__thumb {
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background-color: #1f2f49;
    height: 100%
}
.scroll-button__icon {
    width: 2.25rem;
    height: 2.25rem
}
.scroll-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20rem;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem;
    -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;
    margin-right: 2rem
}
.scroll-title__main {
    margin-bottom: 2rem;
    color: #1f2f49
}
.scroll-title__sub {
    color: #8c92a6
}
.scroll-component {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}
.scroll-component .scroll-component-wrapper {
    padding-top: 2rem;
    padding-bottom: 6rem;
    width: 100%;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;
    will-change: scroll-position;
    -ms-overflow-style: none;
    scrollbar-width: none
}
.scroll-component .scroll-component-wrapper::-webkit-scrollbar {
    display: none;
    background: 0 0;
    width: 0!important;
    height: 0!important;
    -webkit-appearance: none
}
.scroll-component .scroll-component-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 100%
}
.scroll-component .scroll-component__button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    padding-bottom: 5rem
}
.scroll-component .scroll-component__button-container .springbok-button {
    -webkit-transition: visibility 0s, opacity .5s linear;
    -o-transition: visibility 0s, opacity .5s linear;
    transition: visibility 0s, opacity .5s linear;
    -webkit-animation: buttonAnimation 5s infinite ease-in-out;
    animation: buttonAnimation 5s infinite ease-in-out;
    visibility: visible;
    opacity: .1
}
.scroll-component.scroll-component--started .scroll-component__button-container .springbok-button {
    -webkit-animation: buttonAnimation;
    animation: buttonAnimation;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}
.scroll-component .scroll-component__button-container--none {
    -webkit-transition: visibility 0s, opacity .5s linear;
    -o-transition: visibility 0s, opacity .5s linear;
    transition: visibility 0s, opacity .5s linear;
    visibility: hidden;
    opacity: 0
}
@-webkit-keyframes buttonAnimation {
    100%,
    80%,
    85%,
    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}
@keyframes buttonAnimation {
    100%,
    80%,
    85%,
    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    95% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}
.scroll-component .scroll-component__button-container .springbok-button:hover {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-animation: buttonAnimation;
    animation: buttonAnimation;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    opacity: 1
}
.page-controls__bullet,
.similarities-content {
    -webkit-transition: all .5s;
    -o-transition: all .5s
}
.scroll-component .scroll-component__button-container--right {
    right: 1rem
}
.scroll-component .scroll-component__button-container--left {
    left: 1rem
}
.card.card--dashed {
    border: .15rem dashed #8c92a6
}
.card {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22rem;
    -ms-flex: 0 0 22rem;
    flex: 0 0 22rem;
    margin-left: 2rem;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    max-width: 22rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.spotify-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.spotify-iframe {
    -webkit-border-radius: 1.125rem;
    border-radius: 1.125rem
}
.similarities-header {
    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
}
.similarities-pictures {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.75rem
}
.similarities-avatar {
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    width: 3.375rem;
    height: 3.375rem
}
.similarities-avatar:first-child {
    z-index: 1
}
.similarities-avatar:last-child {
    margin-left: -1rem
}
.similarities-see-more {
    color: #f7414e
}
.similarities-content {
    transition: all .5s;
    opacity: 1;
    max-height: 100rem
}
.similarities-content--folded {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden
}
.similarities-content-items {
    padding: 0 2.8rem .8rem
}
.reflist-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
}
.reflist-list__item::before {
    display: block;
    margin: .4375rem 1rem 0 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f7414e;
    width: .5rem;
    height: .5rem;
    content: ''
}
.reflist-list__item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    word-wrap: break-word
}
.reflist-list__item-content .form-field {
    width: 100%;
}
.reflist-list__item-field {
    color: #8c92a6
}
.reflist-list__item-values {
    color: #1f2f49;
    overflow-wrap: break-word;
    word-wrap: break-word
}
.reflist-list__item--search::before {
    background: #83f
}
.reflist-list__show-more {
    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: 2rem;
    color: #f7414e
}
.swipe-profile-list,
.swipe-profile-list__content {
    display: -ms-flexbox;
    -webkit-box-direction: normal
}
.reflist-list__show-more-icon {
    margin-left: .4rem;
    width: 1.3rem;
    height: 1.3rem;
    fill: #f7414e
}
.swipe-profile-list,
.swipe-profile-list__swipe-list {
    height: calc(100% - 4rem);
    -webkit-box-orient: vertical
}
.reflist-list__show-more:hover .reflist-list__show-more-icon {
    -webkit-animation: movingArrow .25s;
    animation: movingArrow .25s
}
.reflist-list-shuffle {
    min-width: 0
}
.reflist-list-shuffle__item {
    margin-bottom: .25rem;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}
.reflist-list-shuffle__item-title {
    margin-right: .5rem;
    color: #8c92a6
}
.reflist-list-shuffle__item-description,
.swipe-card-end__title {
    color: #1f2f49
}
.swipe-profile-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem
}
.swipe-profile-list__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.swipe-profile-list__title {
    color: #8c92a6
}
.swipe-profile-list__swipe-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}
@media (min-width:1056px) {
    .swipe-profile-list__swipe-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.swipe-profile-list__swipe-card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-animation: scale-up .25s forwards;
    animation: scale-up .25s forwards;
    margin-top: 1rem;
    -webkit-border-radius: 2rem;
    border-radius: 2rem;
    height: calc(100% - 8rem);
    overflow: hidden
}
@media (min-width:1056px) {
    .swipe-profile-list__swipe-card {
        height: auto
    }
}
.swipe-profile-list__swipe-card--swiping {
    -webkit-animation: scale-out .25s forwards;
    animation: scale-out .25s forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}
.swipe-profile-list__swipe-card .swipe-card__content {
    padding: 3rem 1.5rem 1.5rem 2rem;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media (min-width:1056px) {
    .swipe-profile-list__swipe-card .swipe-card__content {
        padding: 3rem 1.5rem 1.5rem 3rem
    }
}
@media (min-width:1248px) {
    .swipe-profile-list__swipe-card .swipe-card__content {
        padding: 4rem 1.5rem 1.5rem 4rem
    }
}
.swipe-profile-list__remaining-profiles {
    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-top: 2rem
}
@media (min-width:1056px) {
    .swipe-profile-list__remaining-profiles {
        position: absolute;
        right: calc(-64px - 32px);
        -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: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-top: 1rem;
        padding-left: 1rem
    }
}
.swipe-profile-list__remaining-profile {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .25;
    margin-right: 1rem;
    width: 64px;
    height: 64px
}
.swipe-profile-list__remaining-profile:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .swipe-profile-list__remaining-profile {
        margin-right: 0;
        margin-bottom: 1rem
    }
}
.swipe-profile-list__remaining-profile--remaining,
.swipe-profile-list__remaining-profile:first-child {
    opacity: 1
}
.swipe-profile-list__remaining-profile--remaining {
    -webkit-border-radius: 28%;
    border-radius: 28%;
    background: #1f2f49;
    color: #fff
}
.swipe-profile-list__remaining-profile--remaining span {
    opacity: .5
}
.swipe-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.swipe-profile__right {
    margin-right: 32px;
    width: calc((88px * 2) + (32px * (2 - 1)))
}
@media (min-width:1056px) {
    .swipe-profile__right {
        width: calc((48px * 2) + (32px * (2 - 1)))
    }
}
@media (min-width:1248px) {
    .swipe-profile__right {
        width: calc((64px * 2) + (32px * (2 - 1)))
    }
}
.swipe-profile__right:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .swipe-profile__right {
        margin-right: 32px;
        width: calc((88px * 3) + (32px * (3 - 1)))
    }
    .swipe-profile__right:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .swipe-profile__right {
        width: calc((48px * 3) + (32px * (3 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .swipe-profile__right {
        width: calc((64px * 3) + (32px * (3 - 1)))
    }
}
.swipe-profile__left {
    margin-right: 32px;
    width: calc((88px * 4) + (32px * (4 - 1)));
    margin-top: -1.5rem;
    padding: 1.5rem 1.5rem 1.5rem 1rem;
    overflow: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media (min-width:1056px) {
    .swipe-profile__left {
        width: calc((48px * 4) + (32px * (4 - 1)))
    }
}
@media (min-width:1248px) {
    .swipe-profile__left {
        width: calc((64px * 4) + (32px * (4 - 1)))
    }
}
.swipe-profile__left:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .swipe-profile__left {
        margin-right: 32px;
        width: calc((88px * 5) + (32px * (5 - 1)));
        margin-top: -1rem;
        padding: 1rem 1rem 1rem 2rem
    }
    .swipe-profile__left:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .swipe-profile__left {
        width: calc((48px * 5) + (32px * (5 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .swipe-profile__left {
        width: calc((64px * 5) + (32px * (5 - 1)))
    }
}
@media (min-width:1248px) {
    .swipe-profile__left {
        margin-top: -2.5rem;
        padding: 2.5rem
    }
}
.swipe-profile__left::-webkit-scrollbar {
    margin-top: -.5rem;
    margin-right: -.5rem;
    width: .25rem
}
.swipe-profile__left::-webkit-scrollbar-track {
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background: #eef0f5
}
.swipe-profile__left::-webkit-scrollbar-thumb {
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background: #1f2f49
}
.swipe-profile__picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.swipe-profile__picture .rounded-square-picture__bullet {
    z-index: 9
}
.swipe-profile__picture .gentleman-badge__tooltip {
    top: 3.4rem;
    bottom: auto;
    z-index: 7
}
.swipe-profile__picture .gentleman-badge__tooltip::after {
    top: -.45rem;
    bottom: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}
.swipe-profile__picture-swiping-layer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.swipe-profile__picture-swiping-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .875)
}
.swipe-profile__picture-swiping-icon {
    z-index: 1;
    width: 8rem;
    height: 8rem
}
@media (min-width:1056px) {
    .swipe-profile__picture-swiping-icon {
        margin-right: 32px;
        width: calc((88px * 2) + (32px * (2 - 1)))
    }
    .swipe-profile__picture-swiping-icon:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .swipe-profile__picture-swiping-icon {
        width: calc((48px * 2) + (32px * (2 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .swipe-profile__picture-swiping-icon {
        width: calc((64px * 2) + (32px * (2 - 1)))
    }
}
.swipe-profile__picture-swiping--no .rounded-square-picture__content {
    -webkit-filter: saturate(.5);
    filter: saturate(.5)
}
.swipe-profile__picture-swiping--no .swipe-profile__picture-swiping-icon {
    -webkit-animation: zoom-in .5s forwards;
    animation: zoom-in .5s forwards;
    fill: #1f2f49
}
.swipe-profile__picture-swiping--yes .rounded-square-picture__content {
    -webkit-filter: saturate(1.5);
    filter: saturate(1.5)
}
.swipe-profile__picture-swiping--yes .swipe-profile__picture-swiping-icon {
    -webkit-animation: scale-up .5s forwards;
    animation: scale-up .5s forwards;
    fill: #f7414e
}
.swipe-profile__interactions {
    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-top: 1.5rem
}
.swipe-profile__interactions .swipe-profile__interaction {
    margin: 0 .75rem
}
.swipe-profile__profile-infos {
    margin-bottom: 1.5rem
}
.swipe-profile__profile-infos .profile-infos__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.swipe-profile__profile-infos .profile-infos__wrapper {
    margin: 0
}
.swipe-profile__profile-infos .profile-infos__nickname {
    line-height: 1.2
}
.swipe-profile__profile-infos .online-indicator__bullet {
    width: .56rem;
    height: .56rem
}
.swipe-profile__last-connection-date {
    margin-bottom: .5rem
}
.swipe-profile__essay,
.swipe-profile__reflists,
.swipe-profile__similarities {
    margin-bottom: 3rem
}
.swipe-profile__similarities .similarities-content {
    margin-top: 1.5rem
}
.swipe-profile__similarities .similarities-pictures {
    margin: 0 1rem 0 0
}
.swipe-profile__cta {
    margin: 0
}
.swipe-card-end,
.swipe-profiles-list__error {
    margin-right: 32px;
    width: calc((88px * 6) + (32px * (6 - 1)));
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media (min-width:1056px) {
    .swipe-card-end,
    .swipe-profiles-list__error {
        width: calc((48px * 6) + (32px * (6 - 1)))
    }
}
@media (min-width:1248px) {
    .swipe-card-end,
    .swipe-profiles-list__error {
        width: calc((64px * 6) + (32px * (6 - 1)))
    }
}
.swipe-card-end:last-child,
.swipe-profiles-list__error:last-child {
    margin-right: 0
}
@media (min-width:1056px) {
    .swipe-card-end,
    .swipe-profiles-list__error {
        margin-right: 32px;
        width: calc((88px * 8) + (32px * (8 - 1)))
    }
    .swipe-card-end:last-child,
    .swipe-profiles-list__error:last-child {
        margin-right: 0
    }
}
@media (min-width:1056px) and (min-width:1056px) {
    .swipe-card-end,
    .swipe-profiles-list__error {
        width: calc((48px * 8) + (32px * (8 - 1)))
    }
}
@media (min-width:1056px) and (min-width:1248px) {
    .swipe-card-end,
    .swipe-profiles-list__error {
        width: calc((64px * 8) + (32px * (8 - 1)))
    }
}
.swipe-card-end__icon {
    margin-bottom: 2rem;
    width: 13rem;
    height: 13rem
}
.swipe-card-end__countdown,
.swipe-card-end__description,
.swipe-profiles-layer .layer__close {
    color: #8c92a6
}
.swipe-card-end__countdown {
    margin-top: 1rem
}
.swipe-card-end__countdown-counter {
    margin: 0 .5rem
}
.swipe-card-end__cta {
    margin-top: 2rem
}
.swipe-profiles-layer .layer__close-icon {
    fill: #8c92a6
}
.swipe-profiles-layer .layer {
    background: #f6f7fa
}
.swipe-profiles-layer .swipe-profile-list__content {
    height: 100%
}
.banner-container {
    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
}
.banner-right-container,
.legal-footer {
    display: -ms-flexbox;
    display: -webkit-flex
}
.banner-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 10rem;
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem;
    margin-right: 3rem
}
.banner-right-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 1rem;
    -ms-flex: 1 1 1rem;
    flex: 1 1 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.banner-description {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
}
.banner-description__title {
    display: block;
    margin-bottom: 1rem;
    color: #1f2f49
}
.banner-description__subtitle {
    display: block;
    color: #8c92a6
}
.banner-cta {
    display: block;
    margin: 2rem 0 0;
    text-align: center;
    white-space: nowrap
}
@media (min-width:1056px) {
    .banner-right-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .banner-description {
        margin-right: 2rem
    }
    .banner-container {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .banner-cta {
        margin: 0
    }
}
.legal-footer {
    display: -webkit-box;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem;
    border-top: 1px solid #8491a4;
    background-color: #fff;
    height: 3rem
}
.legal-footer-link,
.legal-footer-link:visited {
    padding: 0;
    color: #4e5f71;
    font-family: 'Rubik', 'Rubik';
    font-size: .875rem
}
.legal-footer-link:hover {
    color: #394653
}
.legal-footer-link:not(:first-child)::before {
    margin: 0 .4rem;
    font-size: .8rem;
    content: '•'
}
.payment-block {
    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: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 4px solid #39b900;
    -webkit-border-radius: 2.75rem;
    border-radius: 2.75rem;
    background-color: #fff;
    padding: 2.25rem;
    color: #1f2f49
}
.payment-block__subtitle {
    color: #8c92a6
}
.payment-block__title {
    margin: .5rem;
    text-align: center
}
.payment-block__interactions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 3rem 0;
    width: 100%;
    text-align: center
}
.payment-block__interactions-favs,
.payment-block__interactions-visits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.payment-block__interactions-favs--icon {
    width: 3.125rem;
    height: 2.8125rem;
    fill: #39b900
}
.payment-block__interactions-visits--icon {
    width: 3.5rem;
    height: 2.8125rem;
    fill: #39b900
}
.payment-block--separator {
    opacity: .1;
    border-right: 1px solid #8c92a6;
    height: 7.375rem
}
.payment-block__interactions-notifications {
    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-block__interactions-notifications--number {
    margin-left: .5rem;
    -webkit-border-radius: 1.875rem;
    border-radius: 1.875rem;
    background-color: #f0ffea;
    padding: .5rem 1.1rem;
    min-width: 1.25rem;
    text-align: center;
    color: #39b900
}
.payment-block__interactions-description {
    margin-top: 1rem;
    max-width: 70%
}
.payment-block__one-interaction {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.carousel-wrapper,
.onboarding-screen__card,
.onboarding-screen__card-placeholders,
.shuffle-slider__pictures-count {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}
.payment-payment-block__one-interaction--icon {
    width: 3.75rem;
    height: 3.75rem;
    fill: #39b900
}
.payment-block__right-part {
    margin-left: 2.75rem
}
.payment-block__cta {
    margin: 1.5rem 0 0
}
.slider-photos,
.slider-photos__wrapper {
    position: relative;
    width: 100%
}
.slider-photo__content {
    -webkit-border-radius: 28%;
    border-radius: 28%;
    overflow: hidden
}
.slider-photos-scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}
.slider-photos__image {
    width: 100%
}
.slider-photos__page-controls {
    margin-top: .75rem
}
.slider-photos__bullet-gentleman {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}
.carousel-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 13rem
}
.carousel,
.carousel-scrollable {
    -webkit-box-align: center;
    position: relative
}
.carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32rem
}
.carousel-focus {
    margin: 0 1rem;
    width: 30rem;
    overflow: hidden
}
.carousel-scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    height: 12rem
}
.carousel-img {
    -webkit-transition: width .2s ease-out, height .2s ease-out;
    -o-transition: width .2s ease-out, height .2s ease-out;
    transition: width .2s ease-out, height .2s ease-out;
    margin: 1rem;
    -webkit-border-radius: 28%;
    border-radius: 28%;
    width: 8rem;
    height: 8rem;
    -o-object-fit: cover;
    object-fit: cover
}
.carousel-img--focused {
    width: 10rem;
    height: 10rem
}
.carousel-img--with-pointer {
    cursor: pointer
}
.slider-photos__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    margin: auto
}
.slider-photos__nav--prev {
    left: 0
}
.slider-photos__nav--next {
    right: 0
}
.slider-photos__nav-button {
    margin: 0;
    outline: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    padding: .375rem;
    width: 2.25rem;
    height: 2.25rem
}
.slider-photos__nav-button:hover {
    background-color: #eef0f5
}
.slider-photos__wrapper .slider-photos__nav-button--prev {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.slider-photos__wrapper .slider-photos__nav-button--next {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}
.shuffle-slider__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}
.shuffle-slider,
.shuffle-slider__nav {
    display: -webkit-box;
    display: -ms-flexbox
}
.shuffle-slider {
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-border-top-left-radius: 1.25rem;
    border-top-left-radius: 1.25rem;
    -webkit-border-bottom-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
    width: 100%;
    overflow: hidden
}
.shuffle-slider__nav {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.shuffle-slider__nav .slider-photos__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 50%
}
.shuffle-slider__nav .slider-photos__nav--prev {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.shuffle-slider__nav .slider-photos__nav--next {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.shuffle-slider__nav .slider-photos__nav-button--prev {
    margin-left: -.5rem
}
.shuffle-slider__nav .slider-photos__nav-button--next {
    margin-right: -.5rem
}
.shuffle-slider__content {
    overflow: hidden
}
.shuffle-slider-scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}
.shuffle-slider__image {
    background-size: cover;
    width: 100%
}
.shuffle-slider__gentleman-badge {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 9
}
.shuffle-slider__pictures-count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    width: 3.125rem;
    height: 3.125rem;
    color: #fff
}
.shuffle-slider__photo-icon {
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff
}
.page-controls {
    margin: auto;
    width: 7rem;
    overflow: hidden
}
.page-controls__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .5rem 0
}
.page-controls__bullet {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .5rem;
    -ms-flex: 0 0 .5rem;
    flex: 0 0 .5rem;
    transition: all .5s;
    margin: 0 .25rem;
    outline: 0;
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #eef0f5;
    padding: 0;
    height: .5rem
}
.page-controls__content--scrollable {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}
.page-controls__bullet--small {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}
.page-controls__bullet--smaller {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}
.page-controls__bullet:hover {
    background-color: #d5dae8
}
.page-controls__bullet--active,
.page-controls__bullet--active:hover {
    background-color: #1f2f49
}
.list__title {
    margin-bottom: 1rem
}
.see-more-profiles-cta {
    margin: 0 .6rem 2rem;
    -webkit-border-radius: .2rem;
    border-radius: .2rem;
    background-color: #4e5f71;
    cursor: pointer;
    padding: .8rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Rubik';
    font-size: .8rem
}
.no-touch .see-more-profiles-cta:hover {
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
    background-color: #394653
}
.onboarding-screen__cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.onboarding-screen__cards--grayscale .onboarding-screen__card {
    opacity: 1
}
.onboarding-screen__cards--grayscale .onboarding-screen__card--left .onboarding-screen__card-avatar,
.onboarding-screen__cards--grayscale .onboarding-screen__card--right .onboarding-screen__card-avatar {
    background-color: #f2f3f5
}
.onboarding-screen__cards--grayscale .onboarding-screen__card-cta {
    background-color: #dee0e5
}
.onboarding-screen__cards--grayscale .onboarding-screen__card-cta--center,
.onboarding-screen__cards--grayscale .onboarding-screen__card-cta--center .onboarding-screen__card-cta-icon,
.onboarding-screen__cards--grayscale .onboarding-screen__card-placeholder {
    background-color: #bbc2cf
}
.onboarding-screen__cards--grayscale .onboarding-screen__card-cta-icon {
    width: 1.25rem;
    fill: #fff
}
.onboarding-screen__cards--grayscale .onboarding-screen__card-center-cta-messages .onboarding-screen__card-cta-icon {
    fill: #fff
}
.onboarding-screen__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    background-color: #fff;
    width: 11rem;
    height: 15rem;
    user-select: none
}
.onboarding-screen__card--left {
    -webkit-transform: scale(.8) rotate(-15deg) translate(3.5rem, 1.5rem);
    -ms-transform: scale(.8) rotate(-15deg) translate(3.5rem, 1.5rem);
    transform: scale(.8) rotate(-15deg) translate(3.5rem, 1.5rem)
}
.onboarding-screen__card--center {
    opacity: 1;
    z-index: 3
}
.onboarding-screen__card--right {
    -webkit-transform: scale(.8) rotate(15deg) translate(-3.5rem, 1.5rem);
    -ms-transform: scale(.8) rotate(15deg) translate(-3.5rem, 1.5rem);
    transform: scale(.8) rotate(15deg) translate(-3.5rem, 1.5rem)
}
.onboarding-screen__card-avatar {
    -webkit-border-top-left-radius: .3rem;
    border-top-left-radius: .3rem;
    -webkit-border-top-right-radius: .3rem;
    border-top-right-radius: .3rem;
    background: #dee0e5;
    height: 10.5rem
}
.onboarding-screen__card-ctas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    bottom: 1.125rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 2.4375rem
}
.onboarding-screen__card-explanation,
.onboarding-screen__card-placeholders {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    position: relative
}
.onboarding-screen__card-cta-icon {
    width: 100%;
    fill: #f7414e
}
.onboarding-screen__card-center-cta-messages .onboarding-screen__card-cta-icon {
    fill: #1f2f49
}
.onboarding-screen__card-center-cta-favorites,
.onboarding-screen__card-icon-cta-interaction {
    background-color: #fff
}
.onboarding-screen__card-center-cta-interaction--sent {
    background: #f7414e
}
.onboarding-screen__card-center-cta-interaction--sent .onboarding-screen__card-cta-icon {
    fill: #fff;
    fill-rule: nonzero
}
.onboarding-screen__card-placeholders {
    display: flex;
    bottom: 1rem;
    -webkit-box-flex: 2rem;
    -webkit-flex: 2rem;
    -ms-flex: 2rem;
    flex: 2rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-animation-name: fadein;
    animation-name: fadein;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
.onboarding-screen__card-explanation {
    display: flex;
    bottom: .5rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.onboarding-screen__favorites-explanation,
.onboarding-screen__messages-explanation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .5rem;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    height: 2rem;
    color: #fff;
    font-size: .7rem
}
.onboarding-screen__favorites-explanation {
    background-color: #f7414e;
    text-align: center
}
.onboarding-screen__messages-explanation {
    background-color: #4ccbf8
}
.onboarding-screen__favorites-explanation::before,
.onboarding-screen__messages-explanation::before {
    position: absolute;
    top: -.3rem;
    -webkit-transition: left .5s ease-in-out, right .5s ease-in-out;
    -o-transition: left .5s ease-in-out, right .5s ease-in-out;
    transition: left .5s ease-in-out, right .5s ease-in-out;
    border-width: 0 .4rem .4rem;
    border-style: solid;
    width: 0;
    height: 0;
    content: ''
}
.onboarding-screen__favorites-explanation::before {
    left: 3.16rem;
    border-color: transparent transparent #f7414e
}
.onboarding-screen__messages-explanation::before {
    left: calc(100% - 3.5rem);
    border-color: transparent transparent #4ccbf8
}
.onboarding-screen__card-placeholder {
    margin: .25rem;
    -webkit-border-radius: .375rem;
    border-radius: .375rem;
    background-color: #bbc2cf;
    height: .375rem
}
.onboarding-screen__card-placeholder--big {
    width: 6rem
}
.onboarding-screen__card-placeholder--small {
    width: 4rem
}
.ereputation-popup__mask {
    background: rgba(31, 47, 73, .5)
}
.ereputation-popup__popup {
    -webkit-border-radius: 1.25rem;
    border-radius: 1.25rem;
    -webkit-box-shadow: 0 6px 16px -3px rgba(107, 134, 177, .25);
    box-shadow: 0 6px 16px -3px rgba(107, 134, 177, .25);
    padding: 0;
    width: 23.4375rem;
    height: 42.5rem;
    max-height: 95%;
    overflow: hidden
}
.ereputation-popup__close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    border: 0;
    background: 0 0;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.ui-slider-horizontal {
    height: 6px;
    background: #E0E0E0;
    border: none;
    clear: both;
    margin: 12px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
    margin-top: 5px;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #2B65F8;
    box-shadow: 0 1px 0 #2B65F8 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #2B65F8;
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #2B65F8;
    width: 22px;
    height: 22px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
    outline:none;
}
.ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #fff;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}
#slider-range {
  position:relative;
  width: 65% !important;
  padding-left:7.5%;
  top:-7px;
  display:inline-table !important;
}
#slider-range2 {
  position:relative;
  width: 85% !important;
  top:-7px;
}
#slider-range-age1 {
    position:relative;
  width: 10% !important;
  display:inline-table !important;
    font-family:'Montserrat';
    font-size:13px;
    color:#404040; 
    text-align:left;    
}
#slider-range-age2 {
    position:relative;
  width: 10% !important;
  display:inline-table !important;
    font-family:'Montserrat';
    font-size:13px;
    color:#404040;
    text-align:right;
}
.kabobloader {
  margin: auto;
  top:0;
  right:0;
  bottom:0;
  left:0;
  position:absolute;
  width: 70px;
  height:70px;
}
.kabobloader > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.kabobloader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.kabobloader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.profile-photo {
    background-size:   cover;
    background-repeat: no-repeat;
    background-position: top center;  
}
.profile-full__profile-btns{
    position: absolute;
    right: 20px;
    top: 40px;
}
.profile-full__profile-btns a{
    display: inline-table;
    margin-right: 10px;
    border-radius: 50% !important;
    padding: 1rem !important;
}
.gifImages {
  position: absolute;
  bottom: 115px;
  left: 0px;
  height: 260px;
  width: 95%;
  background: #fff;
  display: none;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 100px;
  z-index: 99;
  overflow-y: scroll;
  overflow-x: hidden;
  border-top: 1px solid #eee;
  padding: 10px;
}
figure.snip1205 {
  overflow: hidden;
  text-align: center;
  margin:0;
}
figure.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
figure.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 24px;
  color: #000000;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  text-align: center;
  padding-top: 7px;
  padding-left: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  cursor: pointer;
}
figure.snip1205 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1205:hover img,
figure.snip1205.hover img {
  opacity: 0.3;
}
figure.snip1205:hover i,
figure.snip1205.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.dating-inbox__thread-list-container{
    margin-right: 0 !important;
}
.infinite-scroll__container::-webkit-scrollbar {
    width: 8px;
    background-color: #fff !important;
}
.infinite-scroll__container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    background-color: #aaa;
}
.infinite-scroll__container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
.n-wrapper {
  position: fixed !important;
  right: 2em;
  top: 1em;
  z-index: 999999;
  display: none;
  cursor: pointer;
}
.n-box {
  position: relative;
  width: 18em;
  height: 64px;
  margin: .8em auto;
  padding: .5em 1.4em .5em .6em;
  border-radius: .3em;
  box-shadow: 0 0.4em 1em -0.2em rgba(0, 0, 0, 0.2);
  background: rgba(255,255,255,0.7);
}
.n-close {
  display: block;
  position: absolute;
  top: .4em;
  right: .4em;
  width: .9em;
  height: .9em;
  line-height: .8em;
  text-align: center;
  color: #777;
  border: 1px solid #777;
  border-radius: 50%;
  cursor: pointer;
}
.n-picture {
    height: 100%;
    width: 48px;
    display: block;
    border-radius: 50%;
    float: left;
    background-size:   cover;
    background-repeat: no-repeat;
    background-position: top center;  
}
.n-message {
    position: relative;
    top: 50%;
    transform: translateY(-50%); 
    padding-left: 5px;    
    font-family: 'montserrat';
    font-size: 1em;
    font-weight: 500;
    display: block;
    width: 78%;
    float: right;
    color: #8C8C8C;
    vertical-align: middle;
}
.n-message a {
  text-decoration: none;
  text-transform: capitalize;
  color: #2ECBAA;
  font-weight: bold;
}
.profile-full__gallery-pictures{
    overflow-y: hidden;
}
.top-user-header h2 .premium{
    position:relative;
    display:inline-block;
    margin-left:5px;
    top: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    cursor: pointer;
    background:#9121f0;
    border:2px solid #9121f0;
    color: #fff;
}
.top-user-header h2 .premium i{
    position: absolute;
    top:-20px;
    padding: 0;
    left:2px;
    color:#fff;
    font-size: 11px;
    opacity: 1;
}
.top-user-header h2 .popular{
    position:relative;
    display:inline-block;
    margin-left:0px;
    top: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    cursor: pointer;
    background:#f04d21;
    border:2px solid #f04d21;
    color: #fff;
}
.top-user-header h2 .popular i{
    position: absolute;
    top:-20px;
    padding: 0;
    left:2px;
    color:#fff;
    font-size: 11px;
    opacity: 1;
}
.top-user-header h2 .verified{
    position:relative;
    display:inline-block;
    margin-left:0px;
    top: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    cursor: pointer;
    background:#5ec735;
    border:2px solid #5ec735;
    color: #fff;
}
.top-user-header h2 .verified i{
    position: absolute;
    top:-20px;
    padding: 0;
    left:2px;
    color:#fff;
    font-size: 11px;
    opacity: 1;
}
.top-user-header {
    position:relative;
    top: 0px;
    margin-left: 0;
    width: 100%; 
    height:110px;  
    overflow-y: hidden;
    overflow-x: hidden;  
    line-height: 100%;
    background:#fff !important;
    z-index: 1;
}
.nav-swipe {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: 50%;
    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-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 150px;
    height: 78px;
    transform: translateX(-50%);
}
.button-circular {
    width: 68px;
    height: 68px;
    background: #FFF;
    border: none;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 50%
}
.banner-container {
    vertical-align: top;
    display: inline-block;
    opacity: 1;
    visibility: visible;
    transition: height .6s, opacity .2s .4s, visibility .2s .4s
}
.banner-container:empty {
    display: none
}
.banner-container.animated {
    opacity: 0;
    visibility: hidden;
    transition: height .6s, opacity .2s, visibility .2s
}
.banner-container--wide {
    display: block;
    margin: 20px 30px 0
}
.discover-name{
    position: absolute;
    left: 110px;
    text-overflow: ellipsis;
}
.discover-name h2{
    margin-top: 3rem;
    line-height: 0rem
}
.discover-name h2 a{
    font-size: 2rem;
    color: #111;
}
.discover-name h2 span{
    font-size: 1rem;
    color: #111;
    line-height: 0.5rem;
}
.brick {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 0;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    background-clip: padding-box;
    text-align: center;
    transition: background .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.brick:before,
.brick:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: background .2s
}
.brick--xsm {
    border-radius: 11px;
    width: auto;
    min-width: 22px;
    height: 22px;
    padding: 5px 4px 4px;
    font: 700 .7857em/1.2 Helvetica, Arial, sans-serif;
    color: #fff
}
.firefox:not(.mac) .brick--xsm {
    line-height: 1.15
}
.brick--sm {
    width: 32px;
    height: 32px
}
.brick--lg {
    width: 51px; 
    height: 51px
}
.brick--llg {
    width: 55px; 
    height: 55px
}
.brick--xlg {
    width: 90px;
    height: 90px
}
.brick--xxlg {
    width: 120px;
    height: 120px
}
.brick--xxxlg {
    width: 150px;
    height: 150px
}
.brick--xxxxlg {
    width: 180px;
    height: 180px
}
.brick--spread {
    width: 100%;
    height: 100%
}
.brick--white,
.brick--stroke {
    background: #fff
}
.brick--red {
    background: #f02139
}
.brick--like {
    background: #f02139
}
.brick--orange {
    background: #ff8200
}
.brick--attention {
    background: #ff8200
}
.brick--yellow {
    background: #fec309
}
.brick--spp {
    background: #fec309
}
.brick--favourite {
    background: #fec309
}
.brick--newbie {
    background: #86c313
}
.brick--riseup {
    background: #29cf29
}
.brick--green {
    background: #1ac636
}
.brick--phone {
    background: #1ac636
}
.brick--encounters {
    background: #00caa8
}
.brick--invisibility {
    background: #1eb2fc
}
.brick--verify {
    background: #1eb2fc
}
.brick--security {
    background: #29cf29
}
.brick--lblue {
    background: #2b8cfc
}
.brick--spotlight {
    background: #2b8cfc
}
.brick--blue {
    background: #2b65f8
}
.brick--delivery {
    background: #2b65f8
}
.brick--bumped {
    background: #9945e6
}
.brick--grey,
.brick--grey.disabled:hover {
    background: #bfbfbf
}
.brick--grey:hover,
.brick-wrap:hover .brick--grey {
    background: #2b65f8
}
.brick--cloudy {
    background: #9aa9c5
}
.brick--vdgrey {
    background: #333844
}
.brick--boost {
    background: #f55280
}
.brick--black {
    background: #262b37
}
.brick--card {
    background: #fec309
}
.brick--gift {
    background: #e7eff6
}
.brick--play {
    background: rgba(0, 0, 0, .5)
}
.brick--facebook {
    background: #3464d4
}
.brick--twitter {
    background: #1cacff
}
.brick--google {
    background: #dd4b39
}
.brick--instagram {
    background: #c13984
}
.brick--vk {
    background: #2c70b4
}
.brick--linkedin {
    background: #006799
}
.brick--odnoklassniki {
    background: #f7882b
}
.brick:before,
.brick--blue:before {
    border-color: #2b65f8
}
.brick--delivery:before {
    border-color: #2b65f8
}
.brick--red:before {
    border-color: #f02139
}
.brick--like:before {
    border-color: #f02139
}
.brick--attention:before {
    border-color: #ff8200
}
.brick--yellow:before {
    border-color: #fec309
}
.brick--spp:before {
    border-color: #fec309
}
.brick--favourite:before {
    border-color: #fec309
}
.brick--newbie:before {
    border-color: #86c313
}
.brick--riseup:before {
    border-color: #29cf29
}
.brick--encounters:before {
    border-color: #00caa8
}
.brick--invisibility:before {
    border-color: #1eb2fc
}
.brick--verify:before {
    border-color: #1eb2fc
}
.brick--lblue:before {
    border-color: #2b8cfc
}
.brick--spotlight:before {
    border-color: #2b8cfc
}
.brick--cloudy:before {
    border-color: #9aa9c5
}
.brick--boost:before {
    border-color: #f55280
}
.brick-wrap:hover .brick--hover:after,
.brick--hover:hover:after {
    background: rgba(43, 101, 248, .4)
}
.brick--hover.active:after {
    background: rgba(43, 101, 248, .6)
}
.brick--hover.brick--blue:after {
    background: rgba(0, 76, 233, .7)
}
.brick-wrap:hover .brick--hover.brick--blue:after,
.brick--hover.brick--blue:hover:after {
    background: rgba(0, 76, 233, .9)
}
.brick--hover.disabled:after {
    background: none !important
}
.brick--outline {
    background: transparent
}
.brick--outline:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    box-shadow: none;
    border-width: 2px;
    border-style: solid;
    -webkit-animation: show .25s linear;
    animation: show .25s linear
}
.brick--xlg.brick--outline:before,
.brick--xxlg.brick--outline:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border-width: 2px
}
.brick--xxxlg.brick--outline:before,
.brick--xxxxlg.brick--outline:before {
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    border-width: 3px
}
.brick--border {
    background: transparent
}
.brick--border:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 2px;
    border-style: solid
}
.brick--xxxlg.brick--border:before,
.brick--xxxxlg.brick--border:before {
    border-width: 4px
}
.brick--stroke,
.brick > .brick {
    box-shadow: 0 0 0 3px #fff
}
.brick--xsm.brick--stroke,
.brick > .brick--xsm {
    box-shadow: 0 0 0 2px #fff
}
.ovl-promo .brick--stroke,
.ovl-promo .brick > .brick {
    box-shadow: 0 0 0 3px #262b37
}
.ovl-promo .brick--xsm.brick--stroke,
.ovl-promo .brick > .brick--xsm {
    box-shadow: 0 0 0 2px #262b37
}
.brick--nostroke {
    box-shadow: none !important
}
.brick--xlg.brick--outline.brick--stroke,
.brick--xxlg.brick--outline.brick--stroke {
    box-shadow: 0 0 0 4px #fff
}
.brick--white.brick--stroke:before {
    border: 1px solid rgba(0, 0, 0, .1)
}
.brick-wrap + .brick,
.brick + .btn,
.brick + .btn + .btn,
.brick + .brick {
    vertical-align: top
}
.brick + .btn,
.brick + .brick {
    margin-left: 7px
}
.brick--xlg + .btn,
.brick--xlg + .brick,
.brick--xxlg + .brick,
.brick--xxxlg + .brick,
.brick--xxxxlg + .brick {
    margin-left: 17px
}
.brick > .icon,
.brick > img,
.brick > .scale {
    position: absolute;
    top: -50px;
    right: -50px;
    bottom: -50px;
    left: -50px;
    margin: auto
}
.brick > img {
    max-width: 100%;
    max-height: 100%
}
.brick--hover > .icon {
    z-index: 1
}
.brick-wrap:active .brick--hover > .icon {
    -webkit-transform: scale(.8, .8);
    transform: scale(.8, .8)
}
.brick--xsm > .icon--bubble-stroke {
    width: calc(100% + 4px);
    max-width: 26px;
    height: calc(100% + 4px);
    max-height: 26px
}
.brick--sm > .icon--bubble-stroke {
    width: calc(100% + 6px);
    height: calc(100% + 6px)
}
.loading .brick > .icon {
    opacity: 0
}
.brick > .online-status {
    position: absolute;
    right: -1px;
    bottom: 2px;
    border: 2px solid #fff
}
.brick-img {
    position: absolute;
    top: 0;
    left: 0
}
.brick .brick-img {
    right: 0;
    bottom: 0
}
.brick-img,
.brick-img > img {
    overflow: hidden;
    border-radius: inherit;
    width: 100%;
    height: 100%
}
.brick--gift > .brick-img {
    margin: auto;
    width: 80%;
    height: 80%
}
.brick-img--social > img {
    position: absolute;
    top: -150px;
    right: -150px;
    bottom: -150px;
    left: -150px;
    margin: auto;
    border-radius: 0;
    width: auto;
    min-width: 100%;
    max-width: 300px;
    height: auto;
    min-height: 100%;
    max-height: 300px
}
.brick--square {
    border-radius: 0
}
.brick--set .brick-img > img {
    border-radius: 0;
    width: 50%;
    height: 50%
}
.brick--group {
    margin: 10px 0;
    width: 60px;
    height: 50px
}
.brick--group:before,
.brick--group:after {
    display: none
}
.brick--group > .brick-img {
    border: 3px solid #fff;
    width: 50px;
    height: 50px
}
.brick--group .brick-img + .brick-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 13px
}
.brick--group .brick-img + .brick-img + .brick-img {
    z-index: 0;
    left: 7px
}
.brick--group > .user-badge {
    right: -3px;
    bottom: -8px
}
.brick > .brick {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    margin: auto
}
.brick--br,
.brick > .brick--br {
    right: 0;
    bottom: 0
}
.brick--bl,
.brick > .brick--bl {
    right: auto;
    bottom: 0;
    left: 0
}
.brick--tr,
.brick > .brick--tr {
    top: 0;
    right: 0;
    bottom: auto
}
.brick--bc,
.brick > .brick--bc {
    right: 50%;
    margin: auto;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}
.brick--cr {
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}
.brick > .brick--xsm,
.brick > .brick--xsm.brick--br {
    margin: 0 -4px -4px 0
}
.brick > .brick--xsm.brick--tr {
    margin: -4px -4px 0 0
}
.brick > .brick--xsm.brick--cr {
    margin: auto -2px auto 0
}
.brick > .brick--xsm.brick--bc {
    margin: 0 auto -2px
}
.brick--lg > .brick--xsm,
.brick--lg > .brick--xsm.brick--br {
    margin: 0 -3px -3px 0
}
.brick--lg > .brick--xsm.brick--tr {
    margin: -3px -3px 0 0
}
.brick--lg > .brick--xsm.brick--cr,
.brick--lg > .brick--xsm.brick--bc {
    margin: auto
}
.brick--xlg > .brick--xsm,
.brick--xlg > .brick--xsm.brick--br {
    margin: 0 2px 2px 0
}
.brick--xlg > .brick--xsm.brick--tr {
    margin: 2px 2px 0 0
}
.brick--xlg > .brick--xsm.brick--cr {
    margin: auto 0 auto -1px
}
.brick--xlg > .brick--xsm.brick--bc {
    margin: 0 auto 1px
}
.brick--xlg > .brick--sm,
.brick--xlg > .brick--sm.brick--br {
    margin: 0 -3px -3px 0
}
.brick--xlg > .brick--sm.brick--tr {
    margin: -3px -3px 0 0
}
.brick--xlg > .brick--sm.brick--cr,
.brick--xlg > .brick--sm.brick--bc {
    margin: auto
}
.brick--xxlg > .brick,
.brick--xxlg > .brick--br {
    margin: 0 -5px -5px 0
}
.brick--xxlg > .brick--tr {
    margin: -5px -5px 0 0
}
.brick--xxlg > .brick--sm,
.brick--xxlg > .brick--sm.brick--br {
    margin: 0 1px 1px 0
}
.brick--xxlg > .brick--sm.brick--tr {
    margin: 1px 1px 0 0
}
.brick--xxlg > .brick--cr,
.brick--xxlg > .brick--bc {
    margin: auto
}
.brick--xxlg > .brick--xsm.brick--tr {
    margin: 5px 5px 0 0
}
.brick--xxxlg > .brick,
.brick--xxxlg > .brick--br,
.brick--xxxxlg > .brick,
.brick--xxxxlg > .brick--br {
    margin: 0 5px 5px 0
}
.brick--xxxlg > .brick--tr,
.brick--xxxxlg > .brick--tr {
    margin: 5px 5px 0 0
}
.brick--xxxlg > .brick--cr,
.brick--xxxlg > .brick--bc,
.brick--xxxxlg > .brick--cr,
.brick--xxxxlg > .brick--bc {
    margin: auto
}
.brick--xxxlg > .brick--lg,
.brick--xxxlg > .brick--lg.brick--br,
.brick--xxxxlg > .brick--lg,
.brick--xxxxlg > .brick--lg.brick--br {
    margin: 0 -3px -3px 0
}
.brick--xxxlg > .brick--lg.brick--tr,
.brick--xxxxlg > .brick--lg.brick--tr {
    margin: -3px -3px 0 0
}
.brick--xxxlg > .brick--lg.brick--cr,
.brick--xxxxlg > .brick--lg.brick--cr {
    margin: auto 0 auto -1px
}
.brick--xxxlg > .brick--lg.brick--bc,
.brick--xxxxlg > .brick--lg.brick--bc {
    margin: 0 auto 1px
}
.brick--xxxlg > .brick--xlg,
.brick--xxxlg > .brick--xlg.brick--br,
.brick--xxxxlg > .brick--xlg,
.brick--xxxxlg > .brick--xlg.brick--br {
    margin: 0 -55px -15px 0
}
.brick__txt {
    position: relative;
    z-index: 1
}
.brick--xxlg .brick__txt {
    font-size: 2.571em;
    line-height: 1.112;
    color: #fff
}
.brick-txt {
    display: block;
    font: 700 .7857em/1.1818 Helvetica, Arial, sans-serif;
    transition: color .2s
}
.brick-txt_ {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    max-width: 80.5%;
    white-space: nowrap;
    text-overflow: ellipsis
}
.brick-txt:empty:before {
    content: '\00a0'
}
.brick + .brick-txt {
    width: 40px
}
.brick--lg + .brick-txt {
    margin: 4px 0 0;
    width: 60px
}
.brick--xlg + .brick-txt {
    margin: 8px 0 0;
    width: 90px;
    font: 700 .8572em/1.1666 Helvetica, Arial, sans-serif
}
.brick--xxlg + .brick-txt {
    margin: 8px 0 0;
    width: 120px;
    font: 1em 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick--xxxlg + .brick-txt {
    margin: 10px 0 0;
    width: 150px;
    font: 1.1429em/1.125 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick--xxxxlg + .brick-txt {
    margin: 10px 0 0;
    width: 180px;
    font: 1.1429em/1.125 'FS Albert Pro Web Bold', Helvetica, Arial, sans-serif
}
.brick-wrap:hover .brick-txt {
    color: #2b65f8
}
.brick-wrap > .brick.disabled + .brick-txt {
    color: #4d4d4d
}
.brick > .checkbox,
.brick > .checkbox > label {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0
}
.brick > .checkbox > label:before,
.brick > .checkbox > label:after {
    top: auto;
    right: -3px;
    bottom: -3px;
    left: auto
}
.brick > .checkbox > label:before {
    box-shadow: 0 0 0 3px #fff
}
.brick--xxlg > .checkbox > label:before,
.brick--xxlg > .checkbox > label:after {
    right: 2px;
    bottom: 2px
}
.brick > .checkbox--bc > label:before,
.brick > .checkbox--bc > label:after {
    right: 0;
    bottom: -14px;
    left: 0;
    margin: auto
}
.brick > .btn--xsm {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%
}
.bricks-line > .brick-wrap,
.bricks-line > .brick {
    vertical-align: middle
}
.bricks-line--space .brick-wrap + .brick-wrap {
    margin: 0 0 0 10px
}
.bricks-line > .brick:nth-child(2),
.bricks-line > .brick-wrap:nth-child(2) {
    z-index: 1
}
.bricks-line--lg > .brick + .brick,
.bricks-line--lg > .brick-wrap + .brick-wrap {
    margin-left: -15px
}
.bricks-line--sm > .brick {
    margin: 0
}
.bricks-line--sm > .brick + .brick {
    margin-left: -5px
}
.bricks-line--sm > .brick:first-child {
    z-index: 2
}
.brick + .bricks-line--sm {
    margin-top: -21px
}
.brick > .bricks-line {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}
.brick-group {
    position: relative
}
.brick-group .brick {
    vertical-align: middle
}
.brick-group--promo > .brick + .brick {
    margin-left: -15px
}
.brick-group--promo > .brick:nth-child(2n+2):not(:last-child) {
    z-index: 1
}
.brick-group--cascade > .brick + .brick,
.brick-group--reverse > .brick + .brick {
    margin-left: -15px
}
.brick-group--reverse > .brick:first-child {
    z-index: 2
}
.brick-group--reverse > .brick:nth-child(2) {
    z-index: 1
}
.brick-group--triangle {
    position: relative
}
.brick-group--triangle .brick:first-child {
    z-index: 1;
    margin-top: 35px
}
.brick-group--triangle .brick + .brick {
    position: absolute;
    top: 0;
    left: -30px
}
.brick-group--triangle .brick:nth-child(3) {
    right: -30px;
    left: auto
}
.footer-content {
    position: relative !important;
    width: 100%;   
    height:200px;
    overflow-y: hidden;
    overflow-x: hidden;  
    margin: 0 auto;
    padding-top: 20px;
}
.footer-content .download-apps{
    position:relative;
    width: 80%;   
    height:60px;
    margin-left: 10%;
    text-align: center;
}
.footer-content .download-apps h3{
    font-size:14px;
    font-weight:500;
    color:#c0c0c0;
    display:inline-table;
    margin:0 !important;
    padding:0 !important;
    margin-right:25px;
}
.footer-content .download-apps h2{
    font-family: 'Montserrat';
    font-size:14px;
    font-weight:700;
    color:#777;
    display:inline-table;
    margin-left:40px;
    opacity: 0.8;
}
.footer-content .download-apps img{
    position:absolute;
    display:inline-block;
    top:36px;
}
.footer-content .bottom-left{
    position:relative;
    width: 60%;   
    height:60px;
    margin-left: 20%;
    text-align: center;
}
.footer-content .bottom-left h3{
    font-size:14px;
    font-weight:400;
    color:#777;
    display:inline-table;
    margin-right:25px;
    cursor:pointer;
    opacity: 0.6;
}
.footer-content .bottom-left h3:hover{
    opacity: 1;
}
.footer-content .bottom-left h2:hover{
    opacity: 1;
}
form{
    margin-bottom: 0!important;
}
.btn {
    position: relative;
    display: inline-block;
    margin: 5px 0;
    outline: 0;
    border: none;
    border-radius: 22px;
    padding: 10px 31px 11px;
    background: transparent;
    cursor: pointer;
    font: 1.286em/1.1667 'Comfortaa', Helvetica, Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    transition: background .2s, color .15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: lowercase;
    font-weight: 700;
}
.btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 22px;
    transition: border .15s ease-in-out
}
.btn + .btn {
    margin-left: 7px
}
.btn .b-link {
    border-radius: inherit
}
.btn:disabled > .tooltip,
.btn.disabled > .tooltip {
    display: block
}
.btn--static .b-link {
    top: -1000px;
    right: -1000px;
    bottom: -1000px;
    left: -1000px
}
.btn-txt {
    display: inline-block;
    transition: opacity .2s linear;
    pointer-events: none
}
.btn--xsm {
    border-radius: 12px;
    padding: 3px 15px 4px;
    font-size: .929em;
    line-height: 1.308
}
.btn--xsm:before {
    border-radius: 11px
}
.btn--sm {
    border-radius: 16px;
    padding: 7px 18px 6px;
    font-size: 1em;
    line-height: 1.3572
}
.btn--sm:before {
    border-radius: 16px
}
.btn,
.btn:hover {
    color: #fff
}
.btn > .icon,
.btn > .icon:hover,
.btn > .icon:hover {
    color: inherit
}
.btn--red {
    background: #f02139
}
.btn--red:hover,
.btn--red:focus {
    background: rgb(216, 30, 51)
}
.btn--red:active,
.btn--red.active,
.btn--red.loading {
    background: rgb(192, 26, 46)
}
.btn--like {
    background: #f02139
}
.btn--like:hover,
.btn--like:focus {
    background: rgb(216, 30, 51)
}
.btn--like:active,
.btn--like.active,
.btn--like.loading {
    background: rgb(192, 26, 46)
}
.btn--attention {
    background: #ff8200
}
.btn--attention:hover,
.btn--attention:focus {
    background: rgb(230, 117, 0)
}
.btn--attention:active,
.btn--attention.active,
.btn--attention.loading {
    background: rgb(204, 104, 0)
}
.btn--dorange {
    background: #ef5322
}
.btn--dorange:hover,
.btn--dorange:focus {
    background: rgb(215, 75, 31)
}
.btn--dorange:active,
.btn--dorange.active,
.btn--dorange.loading {
    background: rgb(191, 66, 27)
}
.btn--spp {
    background: #fec309
}
.btn--spp:hover,
.btn--spp:focus {
    background: rgb(229, 176, 8)
}
.btn--spp:active,
.btn--spp.active,
.btn--spp.loading {
    background: rgb(203, 156, 7)
}
.btn--favourite {
    background: #fec309
}
.btn--favourite:hover,
.btn--favourite:focus {
    background: rgb(229, 176, 8)
}
.btn--favourite:active,
.btn--favourite.active,
.btn--favourite.loading {
    background: rgb(203, 156, 7)
}
.btn--grass {
    background: #86c313
}
.btn--grass:hover,
.btn--grass:focus {
    background: rgb(121, 176, 17)
}
.btn--grass:active,
.btn--grass.active,
.btn--grass.loading {
    background: rgb(107, 156, 15)
}
.btn--newbie {
    background: #86c313
}
.btn--newbie:hover,
.btn--newbie:focus {
    background: rgb(121, 176, 17)
}
.btn--newbie:active,
.btn--newbie.active,
.btn--newbie.loading {
    background: rgb(107, 156, 15)
}
.btn--lime {
    background: #29cf29
}
.btn--lime:hover,
.btn--lime:focus {
    background: rgb(37, 186, 37)
}
.btn--lime:active,
.btn--lime.active,
.btn--lime.loading {
    background: rgb(33, 166, 33)
}
.btn--riseup {
    background: #29cf29
}
.btn--riseup:hover,
.btn--riseup:focus {
    background: rgb(37, 186, 37)
}
.btn--riseup:active,
.btn--riseup.active,
.btn--riseup.loading {
    background: rgb(33, 166, 33)
}
.btn--green {
    background: #1ac636
}
.btn--green:hover,
.btn--green:focus {
    background: rgb(23, 178, 49)
}
.btn--green:active,
.btn--green.active,
.btn--green.loading {
    background: rgb(21, 158, 43)
}
.btn--encounters {
    background: #00caa8
}
.btn--encounters:hover,
.btn--encounters:focus {
    background: rgb(0, 182, 151)
}
.btn--encounters:active,
.btn--encounters.active,
.btn--encounters.loading {
    background: rgb(0, 162, 134)
}
.btn--invisibility {
    background: #1eb2fc
}
.btn--invisibility:hover,
.btn--invisibility:focus {
    background: rgb(27, 160, 227)
}
.btn--invisibility:active,
.btn--invisibility.active,
.btn--invisibility.loading {
    background: rgb(24, 142, 202)
}
.btn--verify {
    background: #1eb2fc
}
.btn--verify:hover,
.btn--verify:focus {
    background: rgb(27, 160, 227)
}
.btn--verify:active,
.btn--verify.active,
.btn--verify.loading {
    background: rgb(24, 142, 202)
}
.btn--spotlight {
    background: #2b8cfc
}
.btn--spotlight:hover,
.btn--spotlight:focus {
    background: rgb(39, 126, 227)
}
.btn--spotlight:active,
.btn--spotlight.active,
.btn--spotlight.loading {
    background: rgb(34, 112, 202)
}
.btn--blue {
    background: #2b65f8
}
.btn--blue:hover,
.btn--blue:focus {
    background: rgb(39, 91, 223)
}
.btn--blue:active,
.btn--blue.active,
.btn--blue.loading {
    background: rgb(34, 81, 198)
}
.btn--delivery {
    background: #2b65f8
}
.btn--delivery:hover,
.btn--delivery:focus {
    background: rgb(39, 91, 223)
}
.btn--delivery:active,
.btn--delivery.active,
.btn--delivery.loading {
    background: rgb(34, 81, 198)
}
.btn--undo {
    background: #9aa9c5
}
.btn--undo:hover,
.btn--undo:focus {
    background: rgb(139, 152, 177)
}
.btn--undo:active,
.btn--undo.active,
.btn--undo.loading {
    background: rgb(123, 135, 158)
}
.btn--pink {
    background: #f55280
}
.btn--pink:hover,
.btn--pink:focus {
    background: rgb(221, 74, 115)
}
.btn--pink:active,
.btn--pink.active,
.btn--pink.loading {
    background: rgb(196, 66, 102)
}
.btn--boost {
    background: #f55280
}
.btn--boost:hover,
.btn--boost:focus {
    background: rgb(221, 74, 115)
}
.btn--boost:active,
.btn--boost.active,
.btn--boost.loading {
    background: rgb(196, 66, 102)
}
.btn--laguna {
    background: #2f75c1
}
.btn--laguna:hover,
.btn--laguna:focus {
    background: rgb(42, 105, 174)
}
.btn--laguna:active,
.btn--laguna.active {
    background: rgb(38, 94, 154)
}
.btn--vdgrey {
    background: #333844
}
.btn--vdgrey:hover,
.btn--vdgrey:focus {
    background: rgb(46, 50, 61)
}
.btn--vdgrey:active,
.btn--vdgrey.active,
.btn--vdgrey.loading {
    background: rgb(41, 45, 54)
}
.btn--app {
    background: #eee;
    color: #000
}
.btn--app:hover,
.btn--app:focus {
    background: rgb(214, 214, 214);
    color: #000
}
.btn--app:active,
.btn--app.active,
.btn--app.loading {
    background: rgb(190, 190, 190);
    color: #000
}
.btn--facebook {
    background: #3464d4
}
.btn--facebook:hover,
.btn--facebook:focus {
    background: rgb(47, 90, 191)
}
.btn--facebook:active,
.btn--facebook.active {
    background: rgb(42, 80, 170)
}
.btn--twitter {
    background: #1cacff
}
.btn--twitter:hover,
.btn--twitter:focus {
    background: rgb(25, 155, 230)
}
.btn--twitter:active,
.btn--twitter.active {
    background: rgb(22, 138, 204)
}
.btn--google {
    background: #dd4b39
}
.btn--google:hover,
.btn--google:focus {
    background: rgb(199, 68, 51)
}
.btn--google:active,
.btn--google.active {
    background: rgb(177, 60, 46)
}
.btn--instagram {
    background: #c13984
}
.btn--instagram:hover,
.btn--instagram:focus {
    background: rgb(174, 51, 119)
}
.btn--instagram:active,
.btn--instagram.active {
    background: rgb(154, 46, 106)
}
.btn--linkedin {
    background: #006799
}
.btn--linkedin:hover,
.btn--linkedin:focus {
    background: rgb(0, 93, 138)
}
.btn--linkedin:active,
.btn--linkedin.active {
    background: rgb(0, 82, 122)
}
.btn--vk {
    background: #2c70b4
}
.btn--vk:hover,
.btn--vk:focus {
    background: rgb(40, 101, 162)
}
.btn--vk:active,
.btn--vk.active {
    background: rgb(35, 90, 144)
}
.btn--odnoklassniki {
    background: #f7882b
}
.btn--odnoklassniki:hover,
.btn--odnoklassniki:focus {
    background: rgb(222, 122, 39)
}
.btn--odnoklassniki:active,
.btn--odnoklassniki.active {
    background: rgb(198, 109, 34)
}
.btn--yandex {
    background: #ee3a2e
}
.btn--yandex:hover,
.btn--yandex:focus {
    background: rgb(214, 52, 41)
}
.btn--yandex:active,
.btn--yandex.active {
    background: rgb(190, 46, 37)
}
.btn--transparent {
    background: rgba(0, 0, 0, .5)
}
.btn--transparent > .icon {
    opacity: .8
}
.btn--transparent:hover,
.btn--transparent:focus {
    background: rgba(0, 0, 0, .7)
}
.btn--transparent:hover > .icon,
.btn--transparent:focus > .icon,
.btn--transparent.active > .icon {
    opacity: 1
}
.btn--transparent:active {
    background: rgba(0, 0, 0, .9)
}
.btn--glass:before {
    content: '';
    border: 2px solid rgba(255, 255, 255, .3)
}
.btn--glass:hover:before {
    border-color: #fff
}
.btn--glass:active:before,
.btn--glass.active:before {
    border-color: rgba(255, 255, 255, .3)
}
.btn--yellow-border {
    background: #fff;
    color: #4d4d4d
}
.btn--yellow-border:before {
    content: '';
    border: 1px solid rgba(0, 0, 0, .1)
}
.btn--yellow-border:hover,
.btn--yellow-border.focus {
    color: #fec309
}
.btn--yellow-border:hover:before,
.btn--yellow-border.focus:before {
    border-width: 2px;
    border-color: #fec309
}
.btn--yellow-border:active,
.btn--yellow-border.active,
.btn--yellow-border.loading {
    background: #fec309;
    color: #fff
}
.btn--yellow-border:active:before,
.btn--yellow-border.active:before,
.btn--yellow-border.loading:before {
    border: none
}
.btn--yellow-border.active:hover {
    background: rgb(203, 156, 7)
}
.btn--crush {
    background: #fff;
    color: #f02139
}
.btn--crush:before {
    content: '';
    border: 1px solid #f02139
}
.btn--crush:hover,
.btn--crush.focus {
    border: none;
    background: rgb(216, 30, 51);
    color: #fff
}
.btn--crush:active,
.btn--crush.active,
.btn--crush.loading {
    border: none;
    background: rgb(192, 26, 46);
    color: #fff
}
.btn:disabled,
.btn.disabled {
    background: #fff;
    color: #4d4d4d
}
.btn:disabled:before,
.btn.disabled:before {
    content: '';
    border: 1px solid rgba(0, 0, 0, .07)
}
.btn:disabled > .btn-txt,
.btn.disabled > .btn-txt,
.btn:disabled > .icon,
.btn.disabled > .icon {
    opacity: .4
}
.btn.active,
.btn:disabled,
.btn.disabled {
    cursor: default
}
.btn.active:after,
.btn:disabled:after,
.btn.disabled:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.btn:disabled > .icon,
.btn.disabled > .icon {
    fill: #4d4d4d
}
.btn.disabled > .icon--circle,
.btn:disabled > .icon--circle {
    fill: #fff;
    background: #4d4d4d
}
.btn--ico.active:after {
    display: none
}
.btn-group {
    white-space: nowrap
}
.btn-group .btn--white + .btn--white {
    margin-left: -1px
}
.btn-group .btn:not(:first-child):not(:last-child),
.btn-group .btn:not(:first-child):not(:last-child):before {
    border-radius: 0
}
.btn-group .btn:first-child:not(:only-child),
.btn-group .btn:first-child:not(:only-child):before {
    border-radius: 16px 0 0 16px
}
.btn-group .btn:last-child:not(:only-child),
.btn-group .btn:last-child:not(:only-child):before {
    border-radius: 0 16px 16px 0
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active {
    z-index: 1
}
.btn-group--block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.btn-group--block .btn {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.btn--page {
    min-width: 32px
}
.btn--page {
    padding-right: 11px;
    padding-left: 11px
}
.btn > .icon {
    margin: 0 1px -3px -3px;
    transition: fill .15s, background .15s, box-shadow .15s, opacity .15s
}
.btn > .btn-txt + .icon {
    margin: 0 -3px -3px 1px
}
.btn > .icon--lg {
    margin: -6px 1px -10px -3px
}
.btn > .icon--xsm {
    margin: -5px 3px -6px -8px
}
.btn--xsm > .icon {
    margin-bottom: -4px
}
.btn--sm > .icon {
    margin-bottom: -3px
}
.btn--sm > .btn-txt + .icon {
    margin-bottom: -3px
}
.btn--sm > .icon--xsm {
    margin: -6px 2px -6px -9px
}
.btn--sm > .icon--lg {
    margin: -7px -3px -11px -9px
}
.btn.loading,
.el-loading .btn,
.loading .btn {
    pointer-events: none
}
.btn.loading > .btn-txt,
.btn.loading > .icon,
.loading .btn > .btn-txt,
.loading .btn:not(.btn--ico) > .icon,
.el-loading .btn > .btn-txt,
.el-loading .btn:not(.btn--ico) > .icon {
    opacity: 0
}
.btn--ico {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    width: 44px;
    height: 44px;
    padding: 0
}
.btn--ico > .icon {
    margin: 0
}
.btn--ico.btn--xsm {
    width: 24px;
    height: 24px
}
.btn--ico.btn--sm {
    width: 32px;
    height: 32px
}
.btn--ico.btn--lg {
    width: 60px;
    height: 60px
}
.btn--service {
    padding-right: 20px;
    padding-left: 5px;
    text-align: left
}
.btn--service.btn--sm {
    padding-right: 20px;
    padding-left: 4px
}
.btn--service > .icon {
    margin: -9px 7px -10px 0
}
.btn--service > .icon--lg {
    margin-top: -14px
}
.btn--service.btn--sm > .icon {
    margin: -2px 7px -6px 1px
}
.btn--block {
    display: block;
    width: 100%
}
.btn--block + .btn--block {
    margin-left: 0
}
.btn--sm.btn--multiline {
    border-radius: 8px;
    padding: 8px 14px 9px 12px;
    font-size: .928em;
    line-height: 1.231;
    text-align: left
}
.btn--multiline > .btn-txt {
    vertical-align: middle;
    display: inline-block
}
.btn--multiline > .icon {
    margin: -9px 2px -7px
}
.btn--multiline > .icon--lg {
    margin: -14px 3px -13px -4px
}
.User-Dropdown {
  display: none;
  position: absolute;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(214, 214, 214, 0.78);
  list-style: none;
  padding: 0 20px;
  width: 235px;
  margin: 0;
  top: 70px;
  right: 15px;
}
.User-Dropdown:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  right: 0px;
  box-sizing: border-box;
  border: 7px solid black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 8px -3px rgba(214, 214, 214, 0.78);
}
.User-Dropdown.U-open {
  display: block;
}
.User-Dropdown > li {
  position: relative;
  padding: 0px;
  line-height: 47px;
  min-width: 220px !important;
}
.User-Dropdown > li:last-child {
  border-bottom: 0px;
}
.User-Dropdown > li > a {
  font-size: 14px;
  font-family: 'Montserrat';
  font-weight: 700;
  padding: 15px 25px 16px 10px;
  text-decoration: none;
  color: #333;
  transition: all .2s ease-out;
}
.User-Dropdown span {
    position: absolute;
    top: 12px;
    right: 30px;
    height: 25px;
    width: auto;
  background: none;
  padding: 3px 10px;
  color: #fff;
  font-family: 'Montserrat';
  font-weight: 900;
  line-height: 18px;
  border-radius: 5px;
  font-size: 14px;
}
.User-Dropdown > li:before {
  content: '';
  width: 0px;
  height: 40px;
  position: absolute;
  margin-top: 4px;
  border-radius: 0 1px 1px 0;
  left: 0px;
  transition: all .2s ease;
}
.User-Dropdown > li:hover:before {
  width: 5px;
  border-radius: 30px;
}
.User-Dropdown > li a:hover {
  margin-left: 5px;
}
:root {
  --main-txt-color: #333;
  --alt-txt-color: white;
}
.clever,
.clever * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.clever--hide {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.clever {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 90%;
  background-color: white;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.clever--focus {
}
.clever.clever--focus .clever-icon-dropdown::before {
  background-color: rgba(0, 110, 255, 0.5);
}
.clever.clever--focus .clever-icon-dropdown::after {
  background-color: #006eff;
}
.clever__field {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 40px;
  text-align: left;
  cursor: pointer;
  border: 0;
  background-color: transparent;
}
.clever__field:focus {
  outline: initial;
}
.clever__current-option {
  display: inline-block;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
  color: var(--main-txt-color);
}
.clever__dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 7;
  display: block;
  overflow: hidden;
  min-width: 100%;
  width: auto;
  height: auto;
  max-height: 0;
  padding: 0;
  opacity: 0;
  background-color: white;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.clever__dropdown.clever--active {
  max-height: 300px;
  opacity: 1;
}
.clever__list,
.clever__list .clever__option {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.clever__option {
  position: relative;
  display: block;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: var(--main-txt-color);
}
.clever__option .clever__icon {
  opacity: 0;
}
.clever__option:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.clever__option.clever--active .clever__icon {
  opacity: 1;
}
.clever__option__value {
  position: relative;
  display: block;
  margin: 0;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.clever__icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 15px;
  height: 15px;
}
.clever-icon-dropdown::before,
.clever-icon-dropdown::after {
  position: absolute;
  top: 50%;
  display: block;
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.clever-icon-dropdown::before {
  left: 0;
  -webkit-transform: translate(-0.5px, -50%) rotate(45deg);
  -moz-transform: translate(-0.5px, -50%) rotate(45deg);
  -ms-transform: translate(-0.5px, -50%) rotate(45deg);
  -o-transform: translate(-0.5px, -50%) rotate(45deg);
  transform: translate(-0.5px, -50%) rotate(45deg);
  background-color: #b4b4b4;
  z-index: 2;
}
.clever-icon-dropdown::after {
  right: 0;
  -webkit-transform: translate(0.5px, -50%) rotate(-45deg);
  -moz-transform: translate(0.5px, -50%) rotate(-45deg);
  -ms-transform: translate(0.5px, -50%) rotate(-45deg);
  -o-transform: translate(0.5px, -50%) rotate(-45deg);
  transform: translate(0.5px, -50%) rotate(-45deg);
  background-color: #969696;
  z-index: 1;
}
.clever-icon-checked::before,
.clever-icon-checked::after {
  position: absolute;
  top: 50%;
  display: block;
  content: "";
  height: 2px;
  border-radius: 2px;
  background-color: red;
}
.clever-icon-checked::before {
  left: 0;
  -webkit-transform: translate(3.5px, 0.5px) rotate(45deg);
  -moz-transform: translate(3.5px, 0.5px) rotate(45deg);
  -ms-transform: translate(3.5px, 0.5px) rotate(45deg);
  -o-transform: translate(3.5px, 0.5px) rotate(45deg);
  transform: translate(3.5px, 0.5px) rotate(45deg);
  width: 5px;
  background-color: #b4b4b4;
  z-index: 2;
}
.clever-icon-checked::after {
  right: 0;
  -webkit-transform: translate(0.5px, -50%) rotate(-45deg);
  -moz-transform: translate(0.5px, -50%) rotate(-45deg);
  -ms-transform: translate(0.5px, -50%) rotate(-45deg);
  -o-transform: translate(0.5px, -50%) rotate(-45deg);
  transform: translate(0.5px, -50%) rotate(-45deg);
  width: 10px;
  background-color: #969696;
  z-index: 1;
}
.clever__mark {
  display: inline-block;
  background-color: #006efa;
  color: var(--alt-txt-color);
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 3px;
}
.clever__mark span {
  display: inline-block;
  vertical-align: middle;
}
.clever__mark small {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  line-height: 10px;
  font-weight: 100;
  vertical-align: middle;
}
.tab-meet {

  max-width: 100%;
  padding: 0 2em;
  background-color: #FFF;
  border-radius: 0.3rem;
  box-shadow: 0 2px 2px #CCC;
  line-height: 4em;
  font-weight: bold;
  white-space: nowrap;
  overflow: auto;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
  background: #fafafa;
}
.tab-items {
  --indicator: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 1em;
}
.tab-items > *:nth-child(1) {
  grid-column: 1 / 2;
}
.tab-items > *:nth-child(2) {
  grid-column: 2 / 3;
}
.tab-items > *:nth-child(3) {
  grid-column: 3 / 4;
}
.tab-items > *:nth-child(4) {
  grid-column: 4 / 5;
}
.tab-items > *:nth-child(5) {
  grid-column: 5 / 6;
}
.tab-items > *:nth-child(6) {
  grid-column: 6 / 7;
}
.tab-item {
  display: inline;
  grid-row: 1/1;
}
.tab-item.active .item-link {
  color: #F7414E;
}
.item-link {
  padding: 0 0.75em;
  color: #333;
  text-decoration: none;
  display: inline-block;
  transition: color 256ms;
  font-size: 1.2rem;
}
.item-link:hover {
  color: #F7414E;
  text-decoration: undelrine;
}
.separator {
  width: 1px;
  height: 60%;
  margin: 10% 0;
  background-color: #CCC;
  align-self: center;
}
.tab-indicator {
  height: 3px;
  background-color: #F7414E;
  border-radius: 3px 3px 0 0;
  grid-column: var(--index)/span 1 !important;
  grid-row: 1/1;
  align-self: end;
}