.mint-subject-icon {
    height: 64px;
    width: 64px;
    fill: #fff
}
.mint-subject-icon--medium {
    height: 32px;
    width: 32px
}
.mint-subject-icon--small {
    height: 24px;
    width: 24px
}
@media (min-width: 1024px) {
    body {
        background: #ebf2ef
    }
}
.mint-layout__container {
    background: #fff;
    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: 0 24px;
    max-width: 984px;
    margin: 4.5rem auto
}
@media (min-width: 768px) {
    .mint-layout__container {
        -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;
        padding-top: 2rem
    }
}
@media (min-width: 1024px) {
    .mint-layout__container {
        padding: 2rem;
        border-radius: 1.5rem;
        box-shadow: 0 0 0 1px #deefe6;
        margin-top: 6rem
    }
}
@media (min-width: 768px) {
    .mint-layout__container--reversed-order {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}
.mint-layout__container--reversed-order .mint-layout__aside-content {
    margin-top: 0
}
@media (min-width: 768px) {
    .mint-layout__container--reversed-order .mint-layout__aside-content {
        margin-right: 32px;
        margin-left: 0
    }
}
.mint-layout__container--hero-header {
    margin-top: 0
}
@media (min-width: 768px) {
    .mint-layout__container--hero-header {
        padding-top: 0.5rem
    }
}
@media (min-width: 1024px) {
    .mint-layout__container--hero-header {
        margin-top: -3rem
    }
}
.mint-layout__container--full-page {
    padding: 0;
    margin: 0;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    box-shadow: none
}
.mint-layout__content {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
@media (min-width: 768px) {
    .mint-layout__content {
        -webkit-flex-basis: 1px;
        -ms-flex-preferred-size: 1px;
        flex-basis: 1px
    }
}
.mint-layout__aside-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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    margin-top: 3rem
}
@media (min-width: 768px) {
    .mint-layout__aside-content {
        margin-top: 0;
        margin-left: 32px;
        width: 288px
    }
}
.page-footer {
    position: relative
}
.mint-static-page-wrapper {
    max-width: 672px;
    margin: 0 auto
}
.js-hidden {
    display: none!important
}
.clearfix::before,
.clearfix::after {
    content: '';
    display: table
}
.clearfix::after {
    clear: both
}
.dock-box {
    height: 100%;
    position: relative;
    padding: 3rem 0
}
.dock-box--top-only {
    padding: 3rem 0 0
}
.dock-box__top {
    position: absolute;
    width: 100%;
    top: 0
}
.dock-box__bottom {
    position: absolute;
    width: 100%;
    bottom: 0
}
.mint-popup-menu {
    margin: 0;
    padding: 0 12px;
    height: 3rem
}
@media (min-width: 768px) {
    .mint-popup-menu {
        background: none;
        padding: 0
    }
    .mint-popup-menu::before {
        display: none
    }
}
.mint-popup-menu--elements-spaced .mint-popup-menu__hole {
    margin-right: 12px
}
.mint-popup-menu--elements-spaced .mint-popup-menu__hole:last-child {
    margin-right: 0
}
.mint-popup-menu__hole {
    margin: 0
}
@media (min-width: 768px) {
    .mint-popup-menu__hole {
        position: relative
    }
}
.mint-list--light {
    font-weight: 400
}
.mint-list--small .mint-list__icon--align-first-line {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 1.5rem;
    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
}
.mint-text--emphasised-inlined {
    font-weight: 700;
    line-height: 0
}
.mint-box--small-border {
    border-width: 0.125rem;
    padding: 0.625rem 12px 0.625rem 24px
}
.points-table td {
    padding: 6px
}
.js-main-header-hidden {
    visibility: hidden
}
@media (min-width: 768px) {
    .mint-search--short {
        max-width: 456px
    }
}
.mint-header__user-panel {
    display: none;
    position: absolute;
    left: 0;
    top: 3.75rem;
    width: 100%
}
@media (min-width: 768px) {
    .mint-header__user-panel {
        display: block;
        position: static
    }
}
.mint-header__user-panel--opened {
    display: block
}
.mint-header__hamburger {
    display: block
}
@media (min-width: 768px) {
    .mint-header__hamburger {
        display: none
    }
}
.js-panel-hidden {
    display: none
}
.js-mint-panel {
    top: -3.75rem;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: left;
    overflow: auto;
    height: 400px;
    height: 100vh;
    z-index: -1;
    padding: 6.75rem 0 0
}
@media (min-width: 768px) {
    .js-mint-panel {
        top: 3rem;
        background-color: transparent;
        width: 400px;
        overflow: visible;
        height: auto;
        padding: 0;
        z-index: 0;
        left: auto;
        right: -19px
    }
}
@media (min-width: 768px) {
    .js-mint-panel--restrict-height {
        height: 22.5rem
    }
}
.mint-content-box--with-centered-elements {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.mint-content-box--spaced {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mint-media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0.75rem;
    background-color: #fff;
    border-radius: 12px
}
.mint-media--no-padding {
    padding: 0
}
.mint-media--to-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}
.mint-media--focused {
    background-color: #ddf3ff
}
.mint-media--clickable {
    cursor: pointer
}
.mint-media--clickable:hover {
    background-color: #d6d7d7
}
.mint-media--small {
    line-height: 1.5rem;
    min-height: 3.75rem
}
.mint-media--full {
    padding: 0
}
.mint-media__aside {
    margin-right: 12px
}
.mint-media__wrapper {
    width: 100%;
    min-width: 0;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.mint-media__content {
    font-size: 0.9375rem;
    line-height: 1.0005rem;
    color: #000;
    word-wrap: break-word
}
.mint-media__content--small {
    font-size: 0.875rem;
    line-height: 1.0005rem;
    color: #999
}
.mint-media__content--spaced {
    margin: 0 0 0.4995rem
}
.mint-media__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mint-actions-list {
    line-height: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%
}
.mint-actions-list>.mint-actions-list__hole {
    margin: 0 12px 0 0
}
.mint-actions-list>.mint-actions-list__hole:last-child {
    margin-right: 0
}
.mint-actions-list>.mint-actions-list__hole--space-bellow {
    margin-bottom: 12px
}
.mint-actions-list>.mint-actions-list__hole--no-shrink {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mint-actions-list>.mint-actions-list__hole--grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.mint-actions-list--to-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}
.mint-actions-list--to-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.mint-actions-list--to-right>.mint-actions-list__hole {
    margin: 0 0 0 12px
}
.mint-actions-list--to-right>.mint-actions-list__hole:first-child {
    margin-left: 0
}
.mint-actions-list--two-side-by-side>.mint-actions-list__hole {
    margin: 0 0 12px;
    padding: 0 6px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}
.mint-actions-list--space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mint-actions-list--space-between>.mint-actions-list__hole {
    margin-right: 0
}
.mint-actions-list--space-between>.mint-actions-list__hole:last-child {
    margin-left: auto
}
.mint-actions-list--space-between-alt {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mint-actions-list--space-between-alt>.mint-actions-list__hole {
    margin-right: 0
}
.mint-actions-list--no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}
.mint-actions-list--row-to-col .mint-actions-list__hole {
    margin: 0 12px 12px 0
}
@media (min-width: 768px) {
    .mint-actions-list--row-to-col .mint-actions-list__hole {
        width: 100%;
        margin: 0 0 12px
    }
}
.notification-details-view .notification-more-button {
    display: none
}
.notification-details-view .notification-details {
    display: block;
    margin-top: 0.375rem
}
.notification-details-view .notification-back-button,
.notification-details-view .notification-action-button {
    display: block
}
.notification-details,
.notification-back-button,
.notification-action-button {
    display: none
}
.sliding-panel {
    overflow-x: hidden;
    height: 100%
}
.sliding-panel__wrapper {
    width: 200%;
    height: 100%;
    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-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms
}
.sliding-panel--show-slide-2 .sliding-panel__wrapper {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.sliding-panel--show-slide-3 .sliding-panel__wrapper {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.sliding-panel__element {
    width: 50%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mint-rounded-button {
    position: fixed;
    right: 24px;
    bottom: 1.5rem;
    display: block;
    z-index: 100;
    line-height: 0
}
@media (min-width: 768px) {
    .mint-rounded-button {
        display: none
    }
}
.mint-rounded-button--below-viewport {
    bottom: -3rem
}
.mint-user-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    min-width: 192px
}
.mint-user-box__nick {
    margin-left: 0.375rem
}
.mint-user-box__avatar {
    margin-left: 0.375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mint-user-box__points {
    margin-left: 0.375rem
}
.mint-user-box__ban-timer {
    margin-left: 0.375rem
}
.mint-user-box__menu {
    position: absolute;
    top: 2.8125rem;
    right: 0;
    background: #fff;
    width: 100%;
    display: none
}
.mint-user-box--opened .mint-user-box__menu {
    display: block
}
.mint-menu-list__link {
    text-overflow: ellipsis;
    overflow: hidden
}
.mint-lang-icon {
    display: block;
    width: 31px;
    height: 21px;
    opacity: 0.3;
    background-repeat: no-repeat;
    background-color: #6ed6a0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.mint-lang-icon--chosen {
    cursor: default;
    opacity: 1
}
.mint-lang-icon:hover {
    opacity: 1
}
.mint-lang-icon--uk {
    background-image: url("/sf/img/flags/uk.png")
}
.mint-lang-icon--ru {
    background-image: url("/sf/img/flags/ru.png")
}
.mint-flash-messages {
    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-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: 3.75rem
}
.mint-flash-messages__message {
    padding: 0 24px;
    line-height: 1.5rem;
    text-align: center;
    background-color: #5bb8ff;
    width: 100%;
    cursor: pointer
}
.mint-flash-messages__message--error {
    background-color: #ff8073
}
.mint-flash-messages__message--success {
    background-color: #6ed6a0
}
.mint-lack-of-points-toplayer .mint-content-box__icon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    height: 3rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mint-lack-of-points-toplayer .mint-content-box__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mint-content-box__actions--aligned-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.js-moderator-menu-hidden {
    display: none!important
}
.mint-moderator-menu {
    z-index: 2;
    position: fixed;
    right: 0;
    top: 4.5rem
}
.mint-moderator-menu__button {
    margin-right: 0.75rem;
    width: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mint-moderator-menu__content {
    background-color: #fff
}
.mint-moderator-menu__list {
    overflow: scroll;
    height: 500px
}
@media (min-width: 768px) {
    .cookie-policy-wrapper--spaced-top {
        padding-top: 1.5rem
    }
}
.cookie-policy-wrapper--no-margin .mint-cookie-policy-dialog {
    margin-top: 0;
    margin-bottom: 0
}
.mint-cookie-policy-dialog {
    position: relative;
    padding: 0 12px;
    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;
    background-color: #e8ecff;
    margin-top: 3.75rem;
    margin-bottom: -3.75rem;
    box-sizing: border-box;
    width: 100%
}
.mint-cookie-policy-dialog__text {
    font-size: 0.625rem;
    line-height: 0.75rem;
    padding: 0.375rem 0
}
.mint-cookie-policy-dialog__icon {
    margin-right: 6px;
    height: 16px;
    padding: 2px
}
.mint-cookie-policy-dialog__close-button {
    margin-left: 6px;
    line-height: 0.999rem
}
.mint-box {
    overflow: visible
}
.mint-box--no-border {
    border: none
}
.mint-box--blue-bg {
    background-color: #ddf3ff
}
.mint-box--with-pattern {
    background-image: url("/sf/img/pattern.png");
    background-position: left bottom;
    background-repeat: repeat-x
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .mint-box--with-pattern {
        background-image: url("/sf/img/pattern@2x.png");
        background-size: "auto" "auto"
    }
}
.mint-content-box__actions--with-elements-to-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.mint-label__icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}
.mint-label--align-first-line {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline
}
.mint-label--large .mint-label__text--fluid {
    height: auto;
    min-height: 1.125rem
}
.mint-button-secondary__hole {
    white-space: nowrap
}
.mint-toplayer--fill {
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0
}
.mint-icon-as-button--mint {
    fill: #6ed6a0
}
.mint-icon-as-button--mint:hover,
.mint-icon-as-button--mint:active {
    fill: rgba(110, 214, 160, 0.7)
}
.mint-icon-as-button--mint .mint-icon-as-button__hole {
    border-color: #6ed6a0
}
.mint-text--obscure-dense {
    font-size: 0.75rem;
    line-height: 0.75rem
}
.mint-separator--large {
    height: 2.25rem
}
.mint-link--dark {
    color: #000
}
.mint-avatar__image {
    display: block
}
.mint-text-bit--dense {
    font-size: 2.25rem;
    line-height: 2.25rem
}
@media (min-width: 768px) {
    .mint-text-bit--dense {
        line-height: 3rem
    }
}
.mint-text-bit--small {
    font-size: 1.5rem;
    line-height: 1.5rem
}
@media (min-width: 768px) {
    .mint-text-bit--small {
        font-size: 2.75rem;
        line-height: 3rem
    }
}
.mint-text--mint {
    color: #6ed6a0
}
.mint-header-primary--xsmall {
    font-size: 0.75rem;
    line-height: 0.75rem
}
.mint-content-box__title--with-centered-elements,
.mint-content-box__actions--with-centered-elements {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.mint-avatar--spaced {
    margin: 0 4px 4px 0
}
.mint-horizontal-separator--light {
    border-color: #d6d7d7
}
.mint-input--nested {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none;
    border-radius: 0;
    padding: 0;
    height: 100%
}
.mint-input--with-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;
    padding-right: 6px
}
.mint-header-secondary--v-centered {
    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
}
.mint-user-progress-widget__wrapper {
    width: 100%
}
.mint-user-progress-widget__user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.375rem
}
.mint-user-progress-widget__user-avatar {
    margin-right: 0.75rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.mint-user-progress-widget__user-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.mint-user-progress-widget__user-description-text {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.mint-user-progress-widget__rank {
    margin-bottom: 0.375rem
}
.mint-user-progress-widget__bar {
    margin-bottom: 0.75rem
}
.mint-user-progress-widget__bar+.mint-user-progress-widget__bar {
    margin-top: -0.375rem
}
.mint-user-progress-widget__bar:last-child {
    margin-bottom: 0
}
.mint-user-progress-widget__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
}
.js .js-user-progress-reset .mint-progressbar__value {
    width: 0!important
}
.baby-progress-bar-list__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;
    height: 100%;
    position: relative
}
.baby-progress-bar-list__element--active {
    cursor: pointer
}
.baby-progress-bar-list__element--active:hover .baby-progress-bar-list__bubble {
    display: block
}
.baby-progress-bar-list__element--inactive {
    opacity: 0.3
}
.baby-progress-bar-list__element--done {
    color: #6ed6a0
}
.baby-progress-bar-list__element-text {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 8px;
    line-height: 1rem
}
.baby-progress-bar-list__element-text-header {
    min-height: 0;
    color: inherit
}
.baby-progress-bar-list__bubble {
    display: none;
    z-index: 2;
    position: absolute;
    top: 60px;
    left: 0
}
.js-blink-animation {
    -webkit-perspective: 1px;
    perspective: 1px;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}
@-webkit-keyframes blink {
    50% {
        opacity: 0.2
    }
}
@keyframes blink {
    50% {
        opacity: 0.2
    }
}
.mint-loading {
    display: none;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    padding: 1.5rem 24px
}
.mint-loading--visible {
    display: block
}
.mint-loading__hole {
    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
}
.mint-loading-text {
    text-align: center
}
.mobile-store__title {
    margin-right: 24px
}
.mobile-store__button {
    display: block;
    width: 135px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 12px;
    text-indent: -9999px;
    overflow: hidden
}
.mobile-store__button--ios {
    background-image: url("/sf/img/mobile_store/download_ios_app_us.svg")
}
.mobile-store__button--android {
    background-image: url("/sf/img/mobile_store/download_android_app_us.png")
}
.mobile-store__button--ios-dev {
    background-image: url("/sf/img/mobile_store/download_ios_app_dev.svg")
}
.mobile-store__button--android-dev {
    background-image: url("/sf/img/mobile_store/download_android_app_dev.png")
}
.mobile-store__button--ios-es {
    background-image: url("/sf/img/mobile_store/download_ios_app_es.svg")
}
.mobile-store__button--android-es {
    background-image: url("/sf/img/mobile_store/download_android_app_es.png")
}
.mobile-store__button--ios-fr {
    background-image: url("/sf/img/mobile_store/download_ios_app_fr.svg")
}
.mobile-store__button--android-fr {
    background-image: url("/sf/img/mobile_store/download_android_app_fr.png")
}
.mobile-store__button--ios-hi {
    background-image: url("/sf/img/mobile_store/download_ios_app_hi.svg")
}
.mobile-store__button--android-hi {
    background-image: url("/sf/img/mobile_store/download_android_app_hi.png")
}
.mobile-store__button--ios-id {
    background-image: url("/sf/img/mobile_store/download_ios_app_id.svg")
}
.mobile-store__button--android-id {
    background-image: url("/sf/img/mobile_store/download_android_app_id.png")
}
.mobile-store__button--ios-it {
    background-image: url("/sf/img/mobile_store/download_ios_app_it.svg")
}
.mobile-store__button--android-it {
    background-image: url("/sf/img/mobile_store/download_android_app_it.png")
}
.mobile-store__button--ios-my {
    background-image: url("/sf/img/mobile_store/download_ios_app_my.svg")
}
.mobile-store__button--android-my {
    background-image: url("/sf/img/mobile_store/download_android_app_my.png")
}
.mobile-store__button--ios-ng {
    background-image: url("/sf/img/mobile_store/download_ios_app_ng.svg")
}
.mobile-store__button--android-ng {
    background-image: url("/sf/img/mobile_store/download_android_app_ng.png")
}
.mobile-store__button--ios-ph {
    background-image: url("/sf/img/mobile_store/download_ios_app_ph.svg")
}
.mobile-store__button--android-ph {
    background-image: url("/sf/img/mobile_store/download_android_app_ph.png")
}
.mobile-store__button--ios-pl {
    background-image: url("/sf/img/mobile_store/download_ios_app_pl.svg")
}
.mobile-store__button--android-pl {
    background-image: url("/sf/img/mobile_store/download_android_app_pl.png")
}
.mobile-store__button--ios-pt {
    background-image: url("/sf/img/mobile_store/download_ios_app_pt.svg")
}
.mobile-store__button--android-pt {
    background-image: url("/sf/img/mobile_store/download_android_app_pt.png")
}
.mobile-store__button--ios-ro {
    background-image: url("/sf/img/mobile_store/download_ios_app_ro.svg")
}
.mobile-store__button--android-ro {
    background-image: url("/sf/img/mobile_store/download_android_app_ro.png")
}
.mobile-store__button--ios-ru {
    background-image: url("/sf/img/mobile_store/download_ios_app_ru.svg")
}
.mobile-store__button--android-ru {
    background-image: url("/sf/img/mobile_store/download_android_app_ru.png")
}
.mobile-store__button--ios-th {
    background-image: url("/sf/img/mobile_store/download_ios_app_th.svg")
}
.mobile-store__button--android-th {
    background-image: url("/sf/img/mobile_store/download_android_app_th.png")
}
.mobile-store__button--ios-tr {
    background-image: url("/sf/img/mobile_store/download_ios_app_tr.svg")
}
.mobile-store__button--android-tr {
    background-image: url("/sf/img/mobile_store/download_android_app_tr.png")
}
.mobile-store__button--ios-us {
    background-image: url("/sf/img/mobile_store/download_ios_app_us.svg")
}
.mobile-store__button--android-us {
    background-image: url("/sf/img/mobile_store/download_android_app_us.png")
}
.mobile-store__button--ios-za {
    background-image: url("/sf/img/mobile_store/download_ios_app_za.svg")
}
.mobile-store__button--android-za {
    background-image: url("/sf/img/mobile_store/download_android_app_za.png")
}
.js-mobile-store-hidden,
.js-mobile-store-button-hidden {
    display: none
}
.user-fiche-wrapper {
    position: relative;
    line-height: 1
}
.user-fiche {
    background-color: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;
    min-width: 240px
}
.user-fiche--is-loading .user-fiche__list,
.user-fiche--is-loading .user-fiche__subject-info {
    opacity: 0
}
.user-fiche__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.user-fiche__user-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;
    margin-bottom: 0.75rem
}
.user-fiche__avatar {
    margin-right: 12px
}
.user-fiche__list {
    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: 0.75rem
}
.user-fiche__list-item,
.user-fiche__subject-info {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.user-fiche__list-item {
    text-transform: uppercase;
    text-align: center
}
.user-fiche__subject-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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f0f2f5;
    padding: 4px;
    border-radius: 22px
}
.user-fiche__subject {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px;
    margin-left: 3.192px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.user-fiche__subject-icon {
    margin-right: 6px;
    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
}
.user-fiche__subject-icon .mint-subject-icon {
    fill: #999
}
.user-fiche__subject-answers {
    margin-right: 12px
}
.completed-baby-progress-bar__avatars {
    position: relative
}
.completed-baby-progress-bar__avatars-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.completed-baby-progress-bar__avatars-section--reverted {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
.completed-baby-progress-bar__avatar {
    margin-left: -6px;
    margin-right: -6px
}
.completed-baby-progress-bar__avatar--main {
    z-index: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 0
}
.completed-baby-progress-bar__glass {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.5)
}
.completed-baby-progress-bar__glass--dark {
    background-color: rgba(240, 242, 245, 0.5)
}
.mint-content-box--spaced-bottom,
.mint-content-box__content--spaced-bottom,
.mint-content-box__title--spaced-bottom,
.mint-content-box__actions--spaced-bottom {
    margin-bottom: 0.75rem
}
.mint-content-box--spaced-bottom-large,
.mint-content-box__content--spaced-bottom-large,
.mint-content-box__title--spaced-bottom-large,
.mint-content-box__actions--spaced-bottom-large {
    margin-bottom: 1.5rem
}
.mint-content-box--spaced-bottom-xlarge,
.mint-content-box__content--spaced-bottom-xlarge,
.mint-content-box__title--spaced-bottom-xlarge,
.mint-content-box__actions--spaced-bottom-xlarge {
    margin-bottom: 2.25rem
}
.mint-content-box--spaced-bottom-xxlarge,
.mint-content-box__content--spaced-bottom-xxlarge,
.mint-content-box__title--spaced-bottom-xxlarge,
.mint-content-box__actions--spaced-bottom-xxlarge {
    margin-bottom: 3rem
}
.mint-content-box--spaced-top,
.mint-content-box__content--spaced-top,
.mint-content-box__title--spaced-top,
.mint-content-box__actions--spaced-top {
    margin-top: 0.75rem
}
.mint-content-box--spaced-top-large,
.mint-content-box__content--spaced-top-large,
.mint-content-box__title--spaced-top-large,
.mint-content-box__actions--spaced-top-large {
    margin-top: 1.5rem
}
.mint-content-box--spaced-top-xlarge,
.mint-content-box__content--spaced-top-xlarge,
.mint-content-box__title--spaced-top-xlarge,
.mint-content-box__actions--spaced-top-xlarge {
    margin-top: 2.25rem
}
.mint-content-box--spaced-top-xxlarge,
.mint-content-box__content--spaced-top-xxlarge,
.mint-content-box__title--spaced-top-xxlarge,
.mint-content-box__actions--spaced-top-xxlarge {
    margin-top: 3rem
}
.mint-header-secondary--gray {
    color: #999
}
.mint-text--obscure-fixed {
    font-size: 0.75rem;
    line-height: 1.6875rem;
    height: 1.5rem;
    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
}
.mint-content-box__title--with-centered-elements,
.mint-content-box__actions--with-centered-elements {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.mint-content-box__content--with-centered-text {
    text-align: center
}
.mint-authorization__error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px;
    width: 100%;
    min-height: 1.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.mint-input-tip {
    display: none;
    padding: 0.75rem 1.5rem
}
.mint-input:focus~.mint-input-tip {
    display: block
}
.show-password-container {
    position: relative
}
.show-password-container__element {
    position: absolute;
    right: 24px;
    top: 0.75rem
}
.js-set-avatar-preview-hidden,
.js-set-avatar-image-hidden,
.js-set-avatar-progress-hidden {
    display: none!important
}
.mint-set-avatar .mint-content-box__title {
    position: relative
}
.mint-set-avatar__input {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0
}
.mint-set-avatar__preview {
    height: 7.5rem;
    width: 120px;
    background-size: cover;
    border-radius: 50%;
    position: relative
}
.mint-set-avatar__progress {
    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;
    height: 7.5rem;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -60px;
    z-index: 1
}
.mint-set-avatar__bar {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #5bb8ff;
    width: 0;
    height: 100%;
    -webkit-transition: width 0.5s;
    transition: width 0.5s
}
@media (min-width: 1024px) {
    .answerers-landing-page {
        background-color: #ff8073
    }
}
.answerers-landing-page .mint-layout {
    position: relative;
    padding-top: 3rem
}
@media (min-width: 768px) {
    .answerers-landing-page .mint-layout {
        background-color: #e1f6eb;
        padding-top: 6rem
    }
}
@media (min-width: 1024px) {
    .answerers-landing-page .mint-layout::before {
        content: '';
        background-color: #ff8073;
        right: 0;
        left: 0;
        height: 3rem;
        position: absolute;
        bottom: 0
    }
}
@media (min-width: 1024px) {
    .answerers-landing-page .mint-layout::after {
        content: '';
        display: block;
        width: 1508px;
        height: 463px;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-image: url("/sf/img/landing/dino-lp.jpg"), url("/sf/img/landing/vulcano-lp.jpg");
        background-repeat: no-repeat;
        background-size: 261px 318px, 253px 435px;
        background-position: 0 118px, 1247px 0
    }
}
.answerers-landing-page .mint-layout__container {
    position: relative;
    z-index: 1;
    margin-top: 0
}
@media (min-width: 1024px) {
    .answerers-landing-page .mint-layout__container {
        padding-left: 72px;
        padding-right: 72px
    }
}
@media (min-width: 768px) {
    .answerers-landing-page .mint-layout__content {
        border-right: 1px solid #d6d7d7;
        padding-right: 32px
    }
}
.answerers-landing-page .mint-layout__aside-content {
    margin-top: 0
}
@media (min-width: 768px) {
    .answerers-landing-page .mint-layout__aside-content {
        margin-left: 48px
    }
}
.answerers-landing-page__logo {
    position: absolute;
    left: 24px;
    top: -42px
}
@media (min-width: 1024px) {
    .answerers-landing-page__logo {
        left: 72px
    }
}
.answerers-landing-page__login-link {
    position: absolute;
    top: -34px;
    right: 24px
}
.answerers-landing-page__subtitle {
    text-transform: uppercase;
    margin-bottom: 1.5rem
}
.answerers-landing-v2__container {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.answerers-landing-v2__container--hero {
    min-height: 100vh;
    background-color: #999;
    background-image: url("/sf/img/landing/background-small.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
@media (min-width: 768px) {
    .answerers-landing-v2__container--hero {
        -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;
        -ms-grid-row-align: center;
        align-items: center;
        min-height: 0;
        background-image: url("/sf/img/landing/background-large.jpg")
    }
}
.answerers-landing-v2__container--hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(49, 60, 65, 0.4)
}
@media (min-width: 768px) {
    .answerers-landing-v2__container--hero::before {
        display: none
    }
}
.answerers-landing-v2__container--hero .answerers-landing-v2__content {
    padding-top: 0;
    padding-bottom: 0
}
.answerers-landing-v2__container--badges::after,
.answerers-landing-v2__container--reviews::after {
    content: '';
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 280px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #6ed6a0
}
@media (min-width: 768px) {
    .answerers-landing-v2__container--badges::after,
    .answerers-landing-v2__container--reviews::after {
        max-width: 400px
    }
}
.answerers-landing-v2__container--reviews {
    background-color: #f0f2f5
}
.answerers-landing-v2__container--reviews::after {
    background-color: #abe3ff
}
@media (min-width: 768px) {
    .answerers-landing-v2__container--form .answerers-landing-v2__content {
        -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;
        -ms-grid-row-align: flex-start;
        align-items: flex-start;
        padding: 4.5rem 48px
    }
    .answerers-landing-v2__container--form .mint-layout__content {
        margin-right: 24px;
        border-right: 1px solid #d6d7d7
    }
}
.answerers-landing-v2__container--form .mint-layout__aside-content {
    margin-top: 0
}
.answerers-landing-v2__container--footer {
    background-color: #f0f2f5
}
.answerers-landing-v2__content {
    position: relative;
    z-index: 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;
    padding: 24px;
    max-width: 984px;
    width: 100%
}
@media (min-width: 768px) {
    .answerers-landing-v2__content {
        position: static
    }
}
.answerers-landing-v2__content--with-centered-elements {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}
.answerers-landing-v2__login-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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0.75rem 0;
    min-height: 0.75rem
}
@media (min-width: 1024px) {
    .answerers-landing-v2__login-link {
        position: absolute;
        right: 24px;
        top: 0.75rem;
        margin: 0
    }
}
.answerers-landing-v2__box {
    max-width: 768px
}
@media (min-width: 768px) {
    .answerers-landing-v2__box {
        background-color: rgba(49, 60, 65, 0.6);
        position: relative;
        margin: 4.5rem 0;
        padding: 4.5rem 72px;
        border-radius: 12px
    }
}
@media (min-width: 768px) {
    .answerers-landing-v2__subtitles {
        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
    }
}
@media (min-width: 768px) {
    .answerers-landing-v2__subtitle {
        display: block;
        margin-bottom: 0.75rem
    }
}
@media (min-width: 768px) {
    .answerers-landing-v2__logo {
        position: absolute;
        top: -40px;
        left: 36px
    }
}
.answerers-landing-v2__panel {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.25rem;
    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: #f0f2f5
}
@media (min-width: 768px) {
    .answerers-landing-v2__panel {
        position: relative;
        left: auto;
        bottom: auto
    }
}
.answerers-landing-v2__panel::before {
    content: '';
    width: 260px;
    height: 2px;
    position: absolute;
    top: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ff8073
}
.answerers-landing-v2__more {
    text-transform: uppercase;
    padding: 0 24px;
    position: relative
}
.answerers-landing-v2__more::before,
.answerers-landing-v2__more::after {
    content: '';
    height: 13px;
    width: 11px;
    display: block;
    background-image: url("/sf/img/landing/hand.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 3px
}
.answerers-landing-v2__more::before {
    left: 0;
    right: auto;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.answerers-landing-v2__badges,
.answerers-landing-v2__reviews {
    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
}
@media (min-width: 768px) {
    .answerers-landing-v2__badges,
    .answerers-landing-v2__reviews {
        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;
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        flex-direction: row
    }
}
@media (min-width: 768px) {
    .answerers-landing-v2__badges {
        margin: 0 0 3rem
    }
}
.answerers-landing-v2__reviews {
    margin-top: 1.5rem
}
.answerers-landing-v2__title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1.5rem
}
@media (min-width: 768px) {
    .answerers-landing-v2__title {
        margin: 3rem 0
    }
}
.answerers-landing-v2__footer-logo {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media (min-width: 768px) {
    .answerers-landing-v2__footer-logo {
        top: -40px
    }
}
.landing-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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 216px;
    margin: 0 12px 1.5rem
}
.landing-badge__image {
    width: 200px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 1.5rem
}
.landing-badge__image--brain {
    background-image: url("/sf/img/landing/brain.jpg")
}
.landing-badge__image--bulb {
    background-image: url("/sf/img/landing/bulb.jpg")
}
.landing-badge__image--galactic {
    background-image: url("/sf/img/landing/galactic.jpg")
}
.landing-badge__title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1.5rem
}
.landing-badge__text {
    text-align: center
}
.landing-user-review {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 48px 24px 24px;
    margin: 0 12px 3rem;
    width: 100%;
    max-width: 288px;
    min-height: 152px
}
.landing-user-review__avatar {
    height: 72px;
    width: 72px;
    position: absolute;
    border-radius: 50%;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    border: 4px solid #fff
}
.landing-user-review__image {
    width: 100%;
    height: 100%
}
.landing-user-review__title {
    text-align: center;
    margin-bottom: 0.375rem
}
.mint-hero {
    background-color: #67a1a2;
    background-position: center top;
    background-image: url("/sf/img/main-page/background-mobile.jpg");
    background-repeat: no-repeat
}
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .mint-hero {
        background-image: url("/sf/img/main-page/background-mobile@2x.jpg");
        background-size: auto 27rem
    }
}
@media (min-width: 768px) {
    .mint-hero {
        background-image: url("/sf/img/main-page/background-web.jpg")
    }
}
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
(min-width: 768px) and (min-resolution: 144dpi) {
    .mint-hero {
        background-image: url("/sf/img/main-page/background-web@2x.jpg");
        background-size: auto 30rem
    }
}
.mint-hero__wrapper {
    box-sizing: border-box;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 27rem
}
@media (min-width: 768px) {
    .mint-hero__wrapper {
        min-height: 30rem;
        padding: 0 24px
    }
}
.mint-hero__content {
    max-width: 288px;
    margin: 0 auto
}
@media (min-width: 768px) {
    .mint-hero__content {
        max-width: 100%
    }
}
.mint-hero__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;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 3rem;
    width: 100%;
    margin-bottom: 1.5rem
}
@media (min-width: 768px) {
    .mint-hero__navigation {
        margin-bottom: 3rem
    }
}
.mint-hero__button {
    margin-right: 12px
}
.mint-hero__logo {
    z-index: 1;
    margin: 0 auto -12px;
    display: block
}
@media (min-width: 768px) {
    .mint-hero__logo {
        margin-bottom: -9px
    }
}
@media (min-width: 768px) {
    .mint-hero__heading {
        margin-bottom: 1.5rem
    }
}
.mint-hero__text {
    text-align: left
}
@media (min-width: 768px) {
    .mint-hero__text {
        text-align: center
    }
}
.mint-hero__search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 4.5rem
}
@media (min-width: 768px) {
    .mint-hero__search {
        max-width: 600px;
        margin-bottom: 1.5rem
    }
}
.mint-hero__info {
    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%
}
@media (min-width: 768px) {
    .mint-hero__info-text {
        font-size: 1rem
    }
}
.popular-question-banner {
    margin-bottom: 0.75rem
}
.popular-question-banner__button {
    margin-left: 12px
}
.mint-stream {
    position: relative
}
.mint-stream--spaced-bottom {
    margin-bottom: 3rem
}
.mint-stream__heading--spaced-top {
    margin-top: 1.0005rem
}
.mint-stream__new-questions-button {
    margin-bottom: 1.5rem;
    display: none
}
.mint-stream__loading-text {
    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;
    width: 100%;
    position: absolute;
    top: 0;
    margin-top: 20%
}
.mint-stream__loading-text--hidden {
    display: none
}
.mint-stream__load-more {
    text-align: center
}
.mint-icon--fluid {
    width: 100%;
    height: 100%
}
.mint-stream-question__avatar {
    display: none;
    margin-right: 16.008px
}
@media (min-width: 768px) {
    .mint-stream-question__avatar {
        display: inline-block
    }
}
.mint-stream-question__popular-label {
    overflow: visible
}
.mint-stream-question__content {
    text-decoration: none
}
.mint-stream-question__content:hover {
    text-decoration: underline
}
.mint-stream-question:last-child {
    margin-bottom: 1.5rem
}
.mint-stream-question:last-child .mint-horizontal-separator {
    display: none
}
.js-presence-hidden {
    display: none!important
}
.mint-stream-presence {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 1.5rem;
    -webkit-perspective: 1px;
    perspective: 1px;
    overflow: hidden
}
.mint-stream-presence__tickets,
.mint-stream-presence__answers {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mint-stream-presence__answerer {
    margin-right: 6px
}
.mint-stream-presence__observers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 1.5rem;
    min-width: 30px;
    overflow: hidden
}
.mint-stream-presence__observer {
    margin-right: 6px
}
.mint-stream-presence__observer:last-child {
    margin-right: 12px
}
.mint-stream-presence__observers-counter {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.mint-stream-presence__separator--hidden {
    display: none
}
.mint-subjects-filter {
    max-width: 960px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 0 2.25rem
}
@media (min-width: 768px) {
    .mint-subjects-filter--opened .mint-subjects-filter__list {
        max-height: 576px
    }
}
.mint-subjects-filter__list {
    list-style: none;
    padding: 24px 0 0;
    margin: 0;
    text-align: center;
    font-size: 0;
    max-height: 96px;
    overflow: hidden;
    -webkit-transition: max-height 0.6s cubic-bezier(0.18, 0.98, 0.32, 0.98);
    transition: max-height 0.6s cubic-bezier(0.18, 0.98, 0.32, 0.98)
}
.mint-subjects-filter__list-element {
    width: 90px;
    display: inline-block;
    margin: 0 0 1.5rem
}
.mint-subjects-filter--opened .mint-subjects-filter__list {
    -webkit-transition: max-height 0.6s ease-in;
    transition: max-height 0.6s ease-in;
    max-height: 1152px
}
.mint-subjects-filter--opened .mint-subjects-filter__more-text {
    display: none
}
.mint-subjects-filter--opened .mint-subjects-filter__less-text {
    display: block
}
.mint-subjects-filter--hidden-users-online .mint-subjects-filter__users-online {
    display: none
}
.mint-subjects-filter--hidden-users-online .mint-subjects-filter__list-link {
    padding: 0.5rem 0
}
.mint-subjects-filter__list-link {
    display: block;
    text-decoration: none;
    outline: 0;
    padding: 0;
    background: #fff;
    position: relative;
    z-index: 1
}
.mint-subjects-filter__list-link:hover {
    z-index: 1;
    position: relative
}
.mint-subjects-filter__list-link:hover .mint-subjects-filter__subject-icon {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.mint-subjects-filter__list-link:focus,
.mint-subjects-filter__list-link:active {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.mint-subjects-filter__list-link:focus .mint-subject-icon-box,
.mint-subjects-filter__list-link:active .mint-subject-icon-box {
    background-color: #5bb8ff
}
.mint-subjects-filter .mint-subject-icon-box {
    -webkit-transition: background-color 0.6s ease-in;
    transition: background-color 0.6s ease-in
}
.mint-subjects-filter__more {
    margin: 0 auto;
    display: block
}
.mint-subjects-filter__more-container {
    clear: both;
    position: relative;
    margin: 0.75rem 0 0
}
.mint-subjects-filter__more-container::before {
    content: '';
    position: absolute;
    border-top: 2px solid #d6d7d7;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1px
}
.mint-subjects-filter__less-text {
    display: none
}
.mint-subjects-filter__subject-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.1s ease-in;
    transition: -webkit-transform 0.1s ease-in;
    transition: transform 0.1s ease-in;
    transition: transform 0.1s ease-in, -webkit-transform 0.1s ease-in
}
.mint-subjects-filter__subject-name {
    white-space: nowrap;
    text-align: center
}
.mint-subjects-filter__users-online {
    color: #999;
    font-size: 10px;
    line-height: 10px;
    height: 10px;
    margin: 6px 0 0;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}
.mint-header-secondary--xsmall {
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 0.75rem;
    line-height: 0.75rem;
    min-height: 0.75rem
}
.mint-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.75rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2
}
.mint-filters__subjects {
    width: 32%
}
@media (min-width: 768px) {
    .mint-filters__subjects {
        width: 45%
    }
}
.mint-filters__grades {
    width: 32%
}
@media (min-width: 768px) {
    .mint-filters__grades {
        width: 25%
    }
}
.mint-filters__status {
    width: 32%
}
@media (min-width: 768px) {
    .mint-filters__status {
        width: 25%
    }
}
.mint-ranking {
    overflow: visible;
    margin-bottom: 3rem
}
.mint-ranking .mint-box__hole {
    height: auto
}
.mint-ranking__icon {
    background-color: #ffdb8d;
    color: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-right: 12px;
    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
}
.mint-ranking__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
}
.mint-ranking__content {
    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;
    overflow: hidden;
    width: 100%;
    max-height: 15rem
}
.mint-ranking__content--full-height {
    max-height: 100%
}
.mint-ranking__items {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}
.mint-ranking__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 3rem
}
@media (min-width: 768px) {
    .mint-ranking__item {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.mint-ranking__item-hole {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.mint-ranking__item-hole--large {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
@media (min-width: 768px) {
    .mint-ranking__item-hole--large {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}
.mint-ranking__nick {
    display: block;
    width: 100px;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 7.992px
}
.mint-ranking__points {
    width: 65px;
    text-align: right;
    white-space: nowrap
}
.mint-ranking__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
}
.mint-floating-box--fixed {
    position: fixed;
    max-width: 288px
}
.mint-floating-box .mint-header-primary {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}
.mint-header-primary--xsmall {
    font-size: 1.25rem;
    line-height: 1.5rem
}
.mint-header-primary--spaced-bottom-small {
    margin-bottom: 0.75rem
}
.mint-header-primary--no-spaced-bottom {
    margin-bottom: 0
}
.mint-header-primary--text-centered {
    text-align: center
}
.mint-header-primary--full-width {
    width: 100%
}
.mint-points-tooltip {
    position: absolute;
    top: 3rem;
    left: -50%;
    width: 288px
}
.mint-points-tooltip--hidden {
    display: none
}
.mint-tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: #e9ecee;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    width: 100%;
    padding: 0 6px
}
.mint-tools::before {
    content: '';
    background-color: #e9ecee;
    width: 100%;
    position: absolute;
    height: 0.75rem;
    top: -0.75rem;
    left: 0
}
.mint-tools__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 1.5rem
}
.mint-tools__box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}
.mint-tools__button {
    position: relative;
    overflow: hidden;
    margin-right: 3px
}
.mint-tools .js-symbols-button-active,
.mint-tools .js-tex-button-active {
    position: relative;
    overflow: visible;
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.mint-tools .js-symbols-button-active:hover,
.mint-tools .js-tex-button-active:hover {
    background-color: #fff;
    fill: #999
}
.mint-tools .js-tex-button-active::after {
    content: '';
    position: absolute;
    height: 0.75rem;
    width: 100%;
    left: 0;
    bottom: -0.75rem;
    background-color: #fff
}
.mint-tools__uploader {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1
}
.mint-tools__uploader--large {
    width: 100%;
    height: 100%
}
.mint-attachment-grabber {
    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;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 11px;
    background-color: rgba(255, 255, 255, 0.8);
    height: 10.5rem
}
.mint-attachment-grabber__header {
    text-align: center
}
.mint-attachment-grabber__text {
    text-align: center
}
.js-symbols-category-hidden,
.js-symbols-hidden {
    display: none!important
}
.mint-symbols {
    background-color: #fff;
    border-radius: 10px;
    padding: 1.5rem 12px 1.125rem;
    margin-bottom: 0.375rem
}
.mint-symbols .mint-content-box__header {
    margin-bottom: 1.5rem
}
.mint-symbols__category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
.mint-symbols__content {
    margin-left: 3px
}
.mint-symbols__button {
    margin-right: 3px;
    margin-bottom: 0.375rem;
    width: 48px;
    font-weight: normal;
    text-transform: none
}
.mint-tex-button {
    min-height: 1.5rem;
    margin-right: 3px;
    margin-bottom: 0.375rem
}
.js-tex-hidden,
.js-hidden-when-tex-is-opened {
    display: none!important
}
.mint-tex {
    background-color: #fff;
    border-radius: 10px;
    padding: 1.5rem 12px 1.125rem;
    margin-bottom: 0.375rem
}
.mint-tex__preview {
    background-color: #ddf3ff;
    border-radius: 10px;
    min-height: 4.5rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem 24px;
    position: relative
}
.mint-tex__preview img {
    max-width: 100%
}
.mint-tex__preview-text {
    position: absolute;
    top: 0.375rem;
    right: 12px
}
.mint-tex__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 1.125rem
}
.mint-tex__textarea {
    height: 4.5rem
}
.mint-tex__action {
    margin-right: 12px
}
.mint-overlay--hidden {
    display: none!important
}
.mint-overlay--visible {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}
.mint-ask-toplayer {
    min-height: 100%
}
@media (min-width: 768px) {
    .mint-ask-toplayer {
        min-height: 0
    }
}
.mint-ask-toplayer__selects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mint-ask-toplayer__select-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 16.008px 1.5rem 0
}
.mint-ask-toplayer__select-box:last-child {
    margin-right: 0
}
.mint-ask-toplayer__explain-points {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 3rem
}
.mint-ask-toplayer__error-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px;
    width: 100%;
    min-height: 1.5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.mint-ban-tutorial {
    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: 0 auto
}
.mint-ban-tutorial__slide {
    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-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.mint-ban-tutorial__content {
    max-width: 600px
}
.mint-messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    width: 100%
}
@media (min-width: 768px) {
    .mint-messages {
        position: relative
    }
}
.mint-messages__conversations {
    width: 100%;
    border-radius: 12px;
    padding: 0.75rem 24px;
    background-color: #f0f2f5;
    height: 33rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
@media (min-width: 768px) {
    .mint-messages__conversations {
        width: 360px;
        max-width: 360px
    }
}
.mint-messages__list {
    width: 100%;
    min-height: 25.5rem;
    max-height: 25.5rem;
    overflow: auto
}
.mint-messages__chatbox {
    display: none
}
@media (min-width: 768px) {
    .mint-messages__chatbox {
        display: block
    }
}
@media (max-width: 767px) {
    .mint-messages--open .mint-messages__conversations {
        display: none
    }
    .mint-messages--open .mint-messages__chatbox {
        display: block
    }
}
.mint-messages__tip {
    margin-top: 0.75rem
}
.mint-messages__tip .mint-icon {
    margin-bottom: -0.15rem
}
.js-conversation {
    margin-bottom: 0.75rem
}
.js-conversation:last-child {
    margin-bottom: 0
}
.mint-chatbox {
    position: relative;
    width: 100%;
    height: 33rem;
    padding: 0.75rem 12px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 0
}
@media (min-width: 768px) {
    .mint-chatbox {
        padding: 0.75rem 0;
        margin: 0 24px
    }
}
.mint-chatbox__chat {
    min-height: 24rem;
    max-height: 24rem;
    overflow: auto
}
.mint-chatbox__footer {
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px
}
.js-user-preference-section-hidden,
.js-user-preference-option-hidden {
    display: none
}
.user-mail-preferences {
    margin-bottom: 3rem
}
.user-mail-preferences__options {
    margin-left: 24px
}
.user-mail-preferences__option {
    margin-bottom: 0.75rem
}
.landing-page__header {
    text-align: center;
    margin-bottom: 3rem
}
@media (min-width: 768px) {
    .landing-page__content {
        padding-left: 330px;
        background: url("/sf/img/bug-box.png") no-repeat;
        background-size: 300px 239px
    }
}
.mint-list__icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.mint-question__headline {
    margin-bottom: 0.375rem
}
.timeline {
    margin: 1.5rem 0 0
}
@media (min-width: 768px) {
    .timeline__entry {
        margin-left: 36px
    }
}
.timeline__description {
    margin-bottom: 0.75rem;
    display: none
}
.timeline__description--visible {
    display: block
}
.feed-list {
    margin-bottom: 1.5rem
}
.feed-list--no-margin {
    margin-bottom: 0
}
.feed-list__header {
    margin-bottom: 0.75rem
}
.feed-list__item-container {
    width: 100%
}
.feed-list__item-text {
    margin-bottom: 0.375rem;
    word-wrap: break-word;
    max-width: 100%;
    min-width: 0
}
.feed-list__avatar-wrapper {
    margin-right: 16.008px
}
.feed-list__load-more-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;
    width: 100%
}
.question-header {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.question-header__avatar-wrapper {
    margin-right: 16.008px
}
.question-heading {
    margin-bottom: 0.375rem
}
.prev-next-links {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 12px
}
.mint-attachments-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
}
.mint-attachments-container__add {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: none
}
@media (min-width: 768px) {
    .mint-attachments-container__add {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.mint-attachments {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mint-attachments--spaced-top {
    margin-top: 0.75rem
}
.mint-attachment {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0.75rem 12px 0.75rem 0
}
.mint-attachment:hover,
.mint-attachment:active {
    opacity: 0.7
}
.mint-attachment:hover .mint-attachment__remove,
.mint-attachment:active .mint-attachment__remove {
    display: block
}
.mint-attachment__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -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
}
.mint-attachment__remove {
    display: none;
    position: absolute;
    top: 0.375rem;
    right: 6px
}
.moderation-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
@media (min-width: 768px) {
    .moderation-actions {
        visibility: hidden
    }
}
.moderation-actions__hole {
    background: #fff;
    margin-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.moderation-actions__hole:last-child {
    margin-right: 0
}
.moderation-actions__moderate-button {
    position: relative
}
.moderation-actions-container:hover .moderation-actions {
    visibility: visible
}
.mint-question {
    position: relative
}
.mint-question--deleted {
    background-color: #fdc7c1;
    outline: 5px solid #fdc7c1
}
@-webkit-keyframes pencil-animation {
    40% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        margin-left: 9.6px
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        margin-left: 24px;
        margin-top: 2px
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        margin-left: 24px;
        margin-top: 0
    }
    70% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
    90% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        margin-left: 33.6px;
        margin-top: 2px
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes pencil-animation {
    40% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        margin-left: 9.6px
    }
    50% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        margin-left: 24px;
        margin-top: 2px
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        margin-left: 24px;
        margin-top: 0
    }
    70% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
    90% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        margin-left: 33.6px;
        margin-top: 2px
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
@-webkit-keyframes pencil-line-animation {
    40% {
        width: 9.6px
    }
    50% {
        width: 24px
    }
    60% {
        width: 24px
    }
    90% {
        width: 33.6px
    }
}
@keyframes pencil-line-animation {
    40% {
        width: 9.6px
    }
    50% {
        width: 24px
    }
    60% {
        width: 24px
    }
    90% {
        width: 33.6px
    }
}
.mint-answer__avatar-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px
}
.mint-answer__content {
    position: relative
}
.mint-answer__content .mint-text img {
    max-width: 100%;
    max-height: 37.5rem
}
.mint-answer__best-answer-label {
    margin-right: 6px
}
.mint-answer__best-answer-button {
    display: none
}
.mint-answer__icon-wrapper {
    position: relative;
    margin-left: 3px;
    height: 1.5rem
}
.mint-answer__icon-wrapper::before {
    -webkit-animation: pencil-line-animation 2s infinite;
    animation: pencil-line-animation 2s infinite;
    content: '...........';
    color: #5bb8ff;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 0;
    height: 100%
}
.mint-answer__icon-answering {
    -webkit-animation: pencil-animation 2s infinite;
    animation: pencil-animation 2s infinite;
    position: absolute
}
.mint-answer.js-need-to-pick-best .mint-answer__best-answer-button {
    display: block
}
.mint-answer.js-need-to-pick-best .mint-answer__thanks-button {
    display: none
}
.comments {
    position: relative;
    margin-bottom: 1.5rem;
    padding-left: 12px
}
.comments::before {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #d6d7d7;
    background-image: -webkit-linear-gradient(right, #d6d7d7, #f0f2f5);
    background-image: linear-gradient(to left, #d6d7d7, #f0f2f5)
}
.comments__older-comments-loader {
    text-align: center;
    margin-bottom: 0.375rem
}
.comments__content {
    margin-bottom: 0.75rem
}
.comments__comment-content {
    min-width: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    word-wrap: break-word
}
.comments__add-comment-wrapper {
    position: relative
}
.comments__archived-question-info {
    position: absolute;
    background: #fff;
    top: 0.495rem;
    left: 15.84px
}
.comments__add-comment-button {
    visibility: hidden
}
.comments__add-comment-button:focus,
.comments__add-comment-button:hover {
    visibility: visible
}
.comments__add-comment-input:focus+.comments__add-comment-button {
    visibility: visible
}
.mint-data-table {
    width: 100%
}
.mint-data-table__row {
    background: #f0f2f5;
    margin: 0.75rem
}
.mint-data-table__row:nth-child(2n) {
    background: #fff
}
.mint-data-table__row--selected {
    background: #d6d7d7
}
.mint-data-table__row--selected:nth-child(2n) {
    background: #d6d7d7
}
.mint-data-table__cell {
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding: 0.25rem
}
@media (min-width: 768px) {
    .mint-data-table__cell {
        padding: 0.5rem
    }
}
.mint-data-table__header {
    font-weight: 700;
    text-align: left;
    padding: 0.25rem
}
@media (min-width: 768px) {
    .mint-data-table__header {
        padding: 0.5rem
    }
}
.mint-editor-container {
    position: relative
}
.mint-editor-container__editor {
    z-index: 1
}
.editor {
    background-color: #f0f2f5;
    padding: 0.375rem 12px 0.75rem;
    border-radius: 12px;
    margin-left: 6px
}
.editor__header {
    margin-left: -18px;
    margin-bottom: 0.375rem
}
.editor__toolbox .mint-tools {
    background-color: transparent
}
.mint-ads-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mint-ads-box--skyscraper {
    position: fixed;
    top: 6rem;
    right: 50%;
    margin-right: -660px
}
.mint-ads-box__rectangle {
    margin: 0.375rem 0
}
.mint-ads-box--spaced-top {
    margin-top: 2.25rem
}
.mint-ads-box--relative {
    position: relative
}
#google_ads_div_BAMBINO_global_ad_container {
    display: block!important
}
.screening {
    position: relative
}
.screening .mint-layout__container {
    margin-top: 0;
    position: relative
}
.screening .mint-footer {
    position: relative
}
.screening .mint-cookie-policy-dialog {
    position: absolute;
    top: 0;
    z-index: 1
}
.screening #billboard {
    position: absolute;
    left: 50%;
    margin-left: -372px;
    top: 3.75rem
}
.screening #screening-container {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: center top;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: 0;
    background-position-y: 3.75rem
}
.screening #screening-container.background-fixed {
    background-attachment: fixed
}
.screening #screening-container.background-repeat {
    background-repeat: repeat
}
.screening.screening-height-300 {
    padding-top: 360px
}
.screening.screening-height-200 {
    padding-top: 260px
}
.screening.screening-height-100 {
    padding-top: 160px
}
.screening #google_ads_div_BAMBINO_billboard_ad_container {
    height: 0
}
.tex-icon {
    background-position: -5px -5px;
    width: 11px;
    height: 10px;
    background-image: url("/sf/img/tex-icons.png");
    background-repeat: no-repeat;
    display: block
}
.tex-icon--alpha {
    background-position: -5px -5px;
    width: 11px;
    height: 10px
}
.tex-icon--approx {
    background-position: -26px -5px;
    width: 13px;
    height: 10px
}
.tex-icon--beta {
    background-position: -49px -5px;
    width: 11px;
    height: 18px
}
.tex-icon--calka1 {
    background-position: -70px -5px;
    width: 33px;
    height: 28px
}
.tex-icon--calka2 {
    background-position: -5px -43px;
    width: 49px;
    height: 22px
}
.tex-icon--dlakazdego {
    background-position: -113px -5px;
    width: 12px;
    height: 15px
}
.tex-icon--gamma {
    background-position: -113px -30px;
    width: 11px;
    height: 14px
}
.tex-icon--geq {
    background-position: -64px -54px;
    width: 12px;
    height: 16px
}
.tex-icon--iloczynzbiorow {
    background-position: -86px -54px;
    width: 11px;
    height: 13px
}
.tex-icon--infty {
    background-position: -107px -54px;
    width: 17px;
    height: 10px
}
.tex-icon--istnieje {
    background-position: -107px -74px;
    width: 9px;
    height: 14px
}
.tex-icon--leq {
    background-position: -126px -74px;
    width: 12px;
    height: 16px
}
.tex-icon--limes {
    background-position: -5px -100px;
    width: 52px;
    height: 20px
}
.tex-icon--macierz {
    background-position: -67px -98px;
    width: 43px;
    height: 25px
}
.tex-icon--neq {
    background-position: -120px -100px;
    width: 14px;
    height: 24px
}
.tex-icon--pi {
    background-position: -135px -5px;
    width: 11px;
    height: 10px
}
.tex-icon--pierwnx {
    background-position: -135px -25px;
    width: 21px;
    height: 20px
}
.tex-icon--pierwx {
    background-position: -5px -134px;
    width: 20px;
    height: 19px
}
.tex-icon--sumazbiorow {
    background-position: -148px -55px;
    width: 11px;
    height: 13px
}
.tex-icon--uklad2 {
    background-position: -35px -134px;
    width: 42px;
    height: 27px
}
.tex-icon--xdo2 {
    background-position: -144px -100px;
    width: 17px;
    height: 14px
}
.tex-icon--xdolny {
    background-position: -87px -134px;
    width: 22px;
    height: 14px
}
.tex-icon--xgorny {
    background-position: -119px -134px;
    width: 24px;
    height: 15px
}
.tex-icon--xprzezy {
    background-position: -153px -124px;
    width: 10px;
    height: 27px
}
.tex-icon--zbiorpusty {
    background-position: -166px -5px;
    width: 9px;
    height: 17px
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0, 0, 0, 0.5)
}
.modal {
    position: fixed;
    z-index: 1050
}
#moderate-task-toplayer {
    font-size: 15px;
    width: 94%;
    max-width: 700px;
    box-sizing: border-box;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 5%;
    background-color: #e3f6ff;
    display: none
}
#moderate-task-toplayer .clearfix:before,
#moderate-task-toplayer .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}
#moderate-task-toplayer .clearfix:after {
    clear: both
}
#moderate-task-toplayer .bold {
    font-weight: bold
}
#moderate-task-toplayer .btn {
    display: inline-block;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #e6e6e6;
    border: 1px solid #ccc;
    border-radius: 4px
}
#moderate-task-toplayer .btn:hover,
#moderate-task-toplayer .btn:focus {
    color: #111
}
#moderate-task-toplayer .btn.disabled,
#moderate-task-toplayer .btn[disabled] {
    cursor: default;
    opacity: 0.65
}
#moderate-task-toplayer .btn-warning,
#moderate-task-toplayer .btn-danger,
#moderate-task-toplayer .btn-success,
#moderate-task-toplayer .btn-info {
    color: #fff
}
#moderate-task-toplayer .btn-warning:hover,
#moderate-task-toplayer .btn-warning:focus,
#moderate-task-toplayer .btn-danger:hover,
#moderate-task-toplayer .btn-danger:focus,
#moderate-task-toplayer .btn-success:hover,
#moderate-task-toplayer .btn-success:focus,
#moderate-task-toplayer .btn-info:hover,
#moderate-task-toplayer .btn-info:focus {
    color: #eee
}
#moderate-task-toplayer .btn-warning {
    background: #fbb450
}
#moderate-task-toplayer .btn-danger {
    background: #ee5f5b
}
#moderate-task-toplayer .btn-success {
    background: #62c462
}
#moderate-task-toplayer .btn-info {
    background: #5bc0de
}
#moderate-task-toplayer a {
    color: #08c;
    text-decoration: none
}
#moderate-task-toplayer a:hover,
#moderate-task-toplayer a:focus {
    color: #005580;
    text-decoration: underline
}
#moderate-task-toplayer .user-attachment {
    float: left;
    margin-right: 5px;
    width: 75px;
    height: 75px;
    line-height: 75px
}
#moderate-task-toplayer .user-attachment>a {
    display: block
}
#moderate-task-toplayer .user-attachment>a>img {
    max-width: 75px;
    max-height: 75px
}
#moderate-task-toplayer .btn-mini {
    font-weight: 700;
    padding: 0 6px
}
#moderate-task-toplayer button.disabled {
    cursor: default;
    background-image: none;
    opacity: 0.5!important;
    box-shadow: none
}
#moderate-task-toplayer button.approved:not(.reported-approved) {
    background-image: none;
    cursor: default;
    border-color: #51a351
}
#moderate-task-toplayer button.approved:not(.reported-approved):hover {
    background-image: none
}
#moderate-task-toplayer .user-attachments {
    margin-bottom: 35px
}
#moderate-task-toplayer .user-attachments .btn {
    position: absolute;
    bottom: 0
}
#moderate-task-toplayer .toplayer-container,
#moderate-task-toplayer .body {
    max-width: 100%
}
#moderate-task-toplayer .toplayer-header {
    overflow: hidden;
    border-bottom: 2px dashed #81c9e1;
    margin-bottom: 10px;
    padding: 20px 20px 0
}
#moderate-task-toplayer .toplayer-header .toplayer-panel {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 100%;
    margin-bottom: 10px
}
#moderate-task-toplayer .toplayer-header .toplayer-panel .close {
    font-family: Arial;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    float: none;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #b1e0f4;
    color: white;
    opacity: 0.9;
    width: 19px;
    height: 19px;
    text-align: center;
    border: 0;
    padding: 0;
    cursor: pointer
}
#moderate-task-toplayer .toplayer-header .toplayer-panel .close:hover,
#moderate-task-toplayer .toplayer-header .toplayer-panel .close:active {
    opacity: 100
}
#moderate-task-toplayer .toplayer-header .heading {
    display: inline-block;
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    color: #2e2e2e
}
#moderate-task-toplayer .toplayer-header .mod-info {
    float: right;
    margin-bottom: 10px
}
#moderate-task-toplayer .toplayer-header .mod-info .mod-time {
    float: left;
    line-height: 22px;
    padding-right: 6px
}
#moderate-task-toplayer .toplayer-header .mod-info .options {
    float: left
}
#moderate-task-toplayer .toplayer-header .mod-info .options .ticket {
    float: left;
    margin-right: 6px
}
#moderate-task-toplayer .toplayer-header .mod-info .options .ticket select {
    height: 22px;
    line-height: 22px;
    width: auto;
    font-size: 14px
}
#moderate-task-toplayer .toplayer-header .mod-info .options .btn {
    float: left
}
#moderate-task-toplayer .toplayer-body {
    clear: both;
    max-height: 450px;
    overflow-y: auto;
    padding: 0 20px 10px
}
#moderate-task-toplayer .toplayer-body .moderation-task,
#moderate-task-toplayer .toplayer-body .moderation-response {
    border-top: 1px solid #ccc;
    padding-top: 10px
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments>.header,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments>.header {
    margin-bottom: 10px
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments>.header .caption,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments>.header .caption {
    float: left
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments>.header label,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments>.header label {
    float: left;
    font-size: 15px;
    padding-right: 10px
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .filters,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .filters {
    position: relative!important
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment {
    margin-left: 48px;
    display: none
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment .header .actions,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment .header .actions {
    top: 20px
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment .contents .body,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment .contents .body {
    max-width: 100%
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment .contents .boxxy,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment .contents .boxxy {
    margin-top: 0px;
    margin-bottom: 5px
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment .contents .boxxy .show-deleted,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment .contents .boxxy .show-deleted {
    font-style: italic;
    color: #07b;
    cursor: pointer
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment .contents .report.boxxy,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment .contents .report.boxxy {
    margin-bottom: 0px
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment.reported .boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment.reported .boxxy.text {
    background-color: #FCF8E3;
    border: 1px solid rgba(255, 0, 13, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment.accepted .boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment.accepted .boxxy.text {
    background-color: #DFF0D8;
    border: 1px solid rgba(73, 230, 9, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment.removed .boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment.removed .boxxy.text {
    background-color: #F2DEDE;
    border: 1px solid rgba(219, 24, 24, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment.only-reported.reported,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment.only-reported.reported {
    display: block
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment.all,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment.all {
    display: block
}
#moderate-task-toplayer .toplayer-body .moderation-task .moderation-comments .moderation-comment.only-removed.removed,
#moderate-task-toplayer .toplayer-body .moderation-response .moderation-comments .moderation-comment.only-removed.removed {
    display: block
}
#moderate-task-toplayer .toplayer-body .moderation-task .header,
#moderate-task-toplayer .toplayer-body .moderation-response .header {
    position: relative
}
#moderate-task-toplayer .toplayer-body .moderation-task .header .caption,
#moderate-task-toplayer .toplayer-body .moderation-response .header .caption {
    font-size: 15px
}
#moderate-task-toplayer .toplayer-body .moderation-task .header .caption>a,
#moderate-task-toplayer .toplayer-body .moderation-response .header .caption>a {
    line-height: 20px;
    display: inline-block
}
#moderate-task-toplayer .toplayer-body .moderation-task .header .caption .points,
#moderate-task-toplayer .toplayer-body .moderation-response .header .caption .points {
    font-weight: normal;
    font-size: 15px;
    display: inline-block;
    line-height: 20px
}
#moderate-task-toplayer .toplayer-body .moderation-task.approved.reported-approved>.contents>.boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response.approved.reported-approved>.contents>.boxxy.text {
    border: 3px solid rgba(255, 0, 13, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task.approved>.contents>.boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response.approved>.contents>.boxxy.text {
    background-color: #DFF0D8;
    border: 1px solid rgba(73, 230, 9, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task.reported>.contents>.boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response.reported>.contents>.boxxy.text {
    background-color: #FCF8E3;
    border: 1px solid rgba(255, 0, 13, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task.accepted>.contents>.boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response.accepted>.contents>.boxxy.text {
    background-color: #DFF0D8;
    border: 1px solid rgba(73, 230, 9, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task.removed>.contents>.boxxy.text,
#moderate-task-toplayer .toplayer-body .moderation-response.removed>.contents>.boxxy.text {
    background-color: #F2DEDE;
    border: 1px solid rgba(219, 24, 24, 0.5)
}
#moderate-task-toplayer .toplayer-body .moderation-task .rank,
#moderate-task-toplayer .toplayer-body .moderation-response .rank {
    color: #969799
}
#moderate-task-toplayer .toplayer-body .moderation-response {
    margin-top: 10px
}
#moderate-task-toplayer .toplayer-body .moderation-task {
    margin-bottom: 10px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy {
    position: relative;
    background-color: white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin: 10px 0;
    overflow: hidden
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box {
    margin-top: -10px;
    border-top: 1px solid #eeeeee;
    display: none
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .category-container {
    margin-right: 5px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .category-container .category {
    margin: 0
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .subs {
    width: 100%;
    display: inline-block
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .subs .subcategories {
    display: none
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .subs .pull-left {
    margin-right: 5px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .line {
    font-size: 15px;
    color: #888
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .line .bold {
    font-weight: bold
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .line .black {
    color: #333
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .fine {
    font-size: 15px;
    margin-bottom: 0;
    margin-right: 5px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .fine input[type="checkbox"] {
    margin: 0
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .fine>span {
    margin-left: 5px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box>div p+p {
    text-align: right
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .attachments {
    overflow: hidden;
    padding: 5px 20px 0px;
    min-height: 0;
    margin-bottom: 15px;
    position: relative
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.action-box .attachments+.resign {
    float: right;
    margin-top: 5px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy.opened {
    display: block
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .user {
    display: inline-block;
    float: left
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .user>a>img {
    height: 32px;
    width: 32px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .body {
    display: inline-block;
    float: left;
    margin-left: 5px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .body .nick {
    text-transform: capitalize;
    float: left;
    color: #2e2e2e;
    width: 100%
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .body .nick>a {
    color: #2e2e2e;
    font-weight: bold
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .body .nick .line {
    float: right;
    margin-right: 5px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .body .nick .actions {
    position: relative;
    top: -2px;
    left: 0px
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .body .content {
    float: left;
    clear: both;
    width: 100%;
    word-wrap: break-word
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .text-reason {
    width: 100%;
    box-sizing: border-box;
    color: #000;
    font-size: 15px;
    margin-bottom: 0px;
    border: 1px solid #ccc
}
#moderate-task-toplayer .toplayer-body .contents .boxxy .attachments-trigger {
    cursor: pointer
}
#moderate-task-toplayer .toplayer-body .contents .wrong {
    position: relative;
    background-color: white;
    display: none;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    padding: 10px
}
#moderate-task-toplayer .toplayer-body .contents .wrong .primary-content-trigger,
#moderate-task-toplayer .toplayer-body .contents .wrong .primary-content {
    display: none
}
#moderate-task-toplayer .toplayer-body .contents .wrong.vis {
    display: block;
    margin-top: 10px;
    font-size: 11px
}
#moderate-task-toplayer .toplayer-body .contents .wrong.vis a {
    color: #333
}
#moderate-task-toplayer .toplayer-body .contents .wrong.vis .bold {
    font-weight: bold;
    font-size: 11px
}
#moderate-task-toplayer .toplayer-body .contents .wrong.vis .line {
    color: #888
}
#moderate-task-toplayer .toplayer-body .contents .wrong.vis+.boxxy {
    margin-top: 0px
}
#moderate-task-toplayer .moderation-taskline {
    margin: 20px 0
}
#moderate-task-toplayer .moderation-taskline .heading {
    font-size: 14px;
    line-height: 20px;
    border-bottom: 2px dashed #81c9e1;
    margin-bottom: 5px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}
#moderate-task-toplayer .moderation-taskline>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #888
}
#moderate-task-toplayer .moderation-taskline>ul li {
    font-weight: 700
}
#moderate-task-toplayer .moderation-taskline>ul li.date {
    color: #000;
    padding-bottom: 2px;
    padding-top: 4px;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 15px
}
#moderate-task-toplayer .moderation-taskline>ul li.taskline {
    line-height: 14px;
    color: #000;
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 15px
}
#moderate-task-toplayer .moderation-taskline>ul li.taskline.hovered {
    border-bottom: 1px solid #bababa;
    margin-bottom: 9px
}
#moderate-task-toplayer .moderation-taskline>ul li.taskline .taskline-description {
    margin-left: 10px;
    font-family: 'ProximaNova', 'Helvetica', 'Arial', sans-serif;
    color: #000;
    font-size: 15px
}
#moderate-task-toplayer .moderation-taskline>ul li.taskline .taskline-description .nick {
    text-transform: capitalize;
    color: #333;
    font-weight: bold
}
#moderate-task-toplayer .moderation-taskline>ul li.taskline .taskline-more {
    cursor: pointer;
    color: #333;
    font-weight: bold
}
#moderate-task-toplayer .moderation-taskline>ul li.taskline .taskline-more:hover {
    color: #222
}
#moderate-task-toplayer .moderation-taskline>ul li .taskline-more-description {
    font-family: 'ProximaNova', 'Helvetica', 'Arial', sans-serif;
    display: none;
    margin-left: 45px;
    background-color: white;
    padding: 10px;
    margin: 10px 0;
    overflow: hidden
}
#moderate-task-toplayer .moderation-taskline>ul li .taskline-more-description>div p:first-child {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0px
}
#moderate-task-toplayer .pull-right {
    float: right
}
#moderate-task-toplayer .pull-left {
    float: left
}
#moderate-task-toplayer .hide {
    display: none
}
#moderate-task-toplayer .show {
    display: block
}