.public-404 {
    background: #442699;
    min-height: 100vh;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding: 12px
}

@media (min-width: 640px) {
    .public-404 {
        padding: 24px
    }
}

.public-404__image {
    display: block;
    width: 240px;
    height: 240px
}

.public-404__title {
    font-weight: 900;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: center;
    margin-top: 25px
}

@media (min-width: 640px) {
    .public-404__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0;
        margin-top: 50px
    }
}

.public-404__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    text-align: center;
    margin-top: 12px
}

@media (min-width: 640px) {
    .public-404__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0;
        margin-top: 18px
    }
}

.public-404__links {
    margin-top: 21px
}

@media (min-width: 640px) {
    .public-404__links {
        margin-top: 42px
    }
}

.links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.links > {
    margin-right: 18px
}

.links > :last-child {
    margin-right: 0
}

.links__link {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.links__link:after {
    display: block;
    content: " ";
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.666 16l4-4-4-4' stroke='%235CBB73' stroke-width='2.667' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain
}

.colored-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    padding: 6px 6px 12px;
    border-radius: 12px;
    width: 312px
}

@media (min-width: 640px) {
    .colored-modal {
        border-radius: 18px;
        width: 612px
    }
}

.colored-modal--with-pic {
    margin-top: 24px
}

@media (min-width: 640px) {
    .colored-modal--with-pic {
        margin-top: 54px
    }
}

.colored-modal__container {
    position: relative;
    z-index: 1;
    border-radius: 12px
}

@media (min-width: 640px) {
    .colored-modal__container {
        border-radius: 18px
    }
}

.colored-modal__close {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='54' height='54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 48c10.493 0 19-8.507 19-19v-4h-.422C43.741 16.427 36.121 10 27 10c-9.121 0-16.741 6.427-18.578 15H8v4c0 10.493 8.507 19 19 19z' fill='%23D95A41'/%3E%3Ccircle cx='27' cy='25' r='17' fill='%23FF7559' stroke='%23D95A41' stroke-width='4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.364 21.464a2 2 0 00-2.828-2.828L27 22.172l-3.536-3.536a2 2 0 10-2.828 2.828L24.172 25l-3.536 3.535a2 2 0 002.829 2.829L27 27.828l3.535 3.536a2 2 0 002.829-2.829L29.828 25l3.536-3.536z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    width: 54px;
    height: 54px;
    right: -18px;
    top: -24px
}

@media (min-width: 640px) {
    .colored-modal__close {
        right: -24px
    }
}

.colored-modal__header {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -12px;
    width: 238px
}

@media (min-width: 640px) {
    .colored-modal__header {
        top: -18px;
        width: 490px
    }
}

.colored-modal__pic {
    position: relative;
    margin-top: -24px;
    width: 100%
}

@media (min-width: 640px) {
    .colored-modal__pic {
        margin-top: -55px
    }
}

.colored-modal__pic--zero-space {
    position: absolute
}

.colored-modal__pic--square {
    width: 114px;
    margin-top: -48px;
    margin-left: 89px
}

@media (min-width: 640px) {
    .colored-modal__pic--square {
        width: 162px;
        margin-top: -72px;
        margin-left: 219px
    }
}

.colored-modal__bg {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
    width: 100%
}

.mail-checker {
    color: #fff
}

.mail-checker--white {
    color: #39414b
}

.mail-checker--white .mail-checker__body {
    padding: 0 6px 6px
}

@media (min-width: 640px) {
    .mail-checker--white .mail-checker__body {
        padding: 0 18px 12px
    }
}

.mail-checker--white .mail-checker__later {
    color: #39414b
}

.mail-checker--white .mail-checker__later:hover {
    color: #4f5a68
}

.mail-checker__body {
    text-align: center;
    margin: auto;
    padding: 12px 6px 6px
}

@media (min-width: 640px) {
    .mail-checker__body {
        padding: 18px 18px 12px;
        width: 83.3333333333%
    }
}

.mail-checker__title {
    text-align: center;
    margin-bottom: 12px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .mail-checker__title {
        margin-bottom: 18px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.mail-checker__button {
    text-align: center
}

.mail-checker__img-icon {
    width: 24px;
    height: 24px;
    margin-right: 6px
}

@media (min-width: 640px) {
    .mail-checker__img-icon {
        width: 42px;
        height: 42px
    }
}

.social-buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.social-buttons > * {
    margin-right: 12px
}

.social-buttons > :last-child {
    margin-right: 0
}

.social-button {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.social-button:before {
    background-color: #fff
}

.social-button:after {
    background-color: #ccd2f4
}

.social-button:hover:before {
    background-color: #f2f2f2
}

.social-button--darken:before {
    background-color: #f1f6fe
}

.social-button--darken:after {
    background-color: #c3cad9
}

.social-button--darken:hover:before {
    background-color: #d9e7fc
}

.social-button--vk:before {
    background-color: #5597f2
}

.social-button--vk:after {
    background-color: #3d79cc
}

.social-button--vk:hover:before {
    background-color: #6da5f4
}

.social-button--fb:before {
    background-color: #6275d9
}

.social-button--fb:after {
    background-color: #4859b3
}

.social-button--fb:hover:before {
    background-color: #7787de
}

.social-button__icon {
    width: 30px;
    height: 30px
}

.input-error-message {
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    text-align: left;
    color: #fff;
    background-color: #f26c61;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 10;
    margin-top: -18px;
    padding: 3px
}

.input-error-message a {
    cursor: pointer;
    text-decoration: underline
}

.input-error-message a:hover {
    text-decoration: none
}

.try-premium__body {
    text-align: center
}

.try-premium__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .try-premium__body > * {
        margin-bottom: 24px
    }
}

.try-premium__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .try-premium__body {
        padding: 6px 0 30px
    }
}

.try-premium__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .try-premium__header > * {
        margin-bottom: 18px
    }
}

.try-premium__header > :last-child {
    margin-bottom: 0
}

.try-premium__title {
    text-align: center;
    color: #ffe566;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .try-premium__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.try-premium__subtitle {
    text-align: center;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .try-premium__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.try-premium__motivation-text {
    margin-top: 12px;
    text-align: center;
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .try-premium__motivation-text {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0;
        margin-top: 18px
    }
}

.try-premium__button {
    margin: 12px 0 24px
}

@media (min-width: 640px) {
    .try-premium__button {
        margin: 0
    }
}

.try-premium__emoji {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 64px;
    padding: 6px
}

@media (min-width: 640px) {
    .try-premium__emoji {
        padding: 12px;
        width: 96px
    }
}

.emoji {
    border-radius: 100000px;
    background-color: #3d2c83;
    text-align: center
}

.emoji__img {
    height: 24px;
    width: auto
}

@media (min-width: 640px) {
    .emoji__img {
        height: 30px
    }
}

.save-progress-modal {
    color: #fff
}

.save-progress-modal--white {
    color: #39414b
}

.save-progress-modal--white .save-progress-modal__body {
    padding: 0 6px 6px
}

@media (min-width: 640px) {
    .save-progress-modal--white .save-progress-modal__body {
        padding: 0 18px 12px
    }
}

.save-progress-modal--white .save-progress-modal__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    white-space: pre-wrap
}

.save-progress-modal--white .save-progress-modal__later {
    color: #39414b
}

.save-progress-modal--white .save-progress-modal__later:hover {
    color: #4f5a68
}

.save-progress-modal__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .save-progress-modal__header > * {
        margin-bottom: 12px
    }
}

.save-progress-modal__header > :last-child {
    margin-bottom: 0
}

.save-progress-modal__body {
    text-align: center;
    margin: auto;
    padding: 12px 6px 6px
}

.save-progress-modal__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .save-progress-modal__body > * {
        margin-bottom: 18px
    }
}

.save-progress-modal__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .save-progress-modal__body {
        padding: 18px;
        width: 83.3333333333%
    }
}

.save-progress-modal__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .save-progress-modal__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.save-progress-modal__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .save-progress-modal__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.save-progress-modal__later {
    margin-top: -12px
}

.save-progress-modal__ctrl > * {
    margin-bottom: 12px
}

.save-progress-modal__ctrl > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .save-progress-modal__ctrl {
        width: 83.3333333333%;
        margin: auto
    }
}

.save-progress-modal__help {
    color: #39414b;
    text-align: left
}

.save-progress-modal__help > * {
    margin-bottom: 6px
}

.save-progress-modal__help > :last-child {
    margin-bottom: 0
}

.save-progress-modal__help-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

.save-progress {
    width: 312px
}

@media (min-width: 640px) {
    .save-progress > * {
        margin-bottom: 6px
    }
}

.save-progress > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .save-progress {
        width: 600px
    }
}

.save-progress__footer {
    color: #dae6f2;
    text-align: center;
    margin-top: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .save-progress__footer {
        margin-top: 12px;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0
    }
}

.save-progress__text-link {
    text-decoration: underline
}

.check-email {
    color: #fff
}

.check-email--white {
    color: #39414b
}

.check-email--white .check-email__body {
    padding: 0 6px 6px
}

@media (min-width: 640px) {
    .check-email--white .check-email__body {
        padding: 0 18px 12px
    }
}

.check-email--white .check-email__email {
    background-color: #fbfbfd;
    box-shadow: none
}

.check-email--white .check-email__change {
    color: #39414b
}

.check-email--white .check-email__change:hover {
    color: #4f5a68
}

.check-email__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .check-email__header > * {
        margin-bottom: 12px
    }
}

.check-email__header > :last-child {
    margin-bottom: 0
}

.check-email__email {
    background: #5947b3;
    padding: 12px;
    box-shadow: inset 0 4px 0 #4c3d99;
    border-radius: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .check-email__email {
        padding: 18px 12px;
        box-shadow: inset 0 4px 0 #4c3d99;
        border-radius: 12px;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0;
        width: 83.3333333333%;
        margin: auto
    }
}

.check-email__body {
    text-align: center;
    margin: auto;
    padding: 18px 12px 24px
}

.check-email__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .check-email__body > * {
        margin-bottom: 24px
    }
}

.check-email__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .check-email__body {
        padding: 30px 12px 24px
    }
}

.check-email__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .check-email__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.check-email__change {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    display: block;
    transition: color .25s
}

@media (min-width: 640px) {
    .check-email__change {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.check-email__change:hover {
    color: #e6e6e6
}

.check-email__ctrl > * {
    margin-bottom: 12px
}

.check-email__ctrl > :last-child {
    margin-bottom: 0
}

.check-email__button {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width: 640px) {
    .check-email__button {
        width: 66.6666666667%
    }
}

body.modals-open {
    overflow: hidden
}

.vu-modal__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    background-color: rgba(0, 0, 0, .8)
}

.vu-modal__scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.vu-modal__cmp-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 100%;
    min-width: 100%
}

.vu-modal__cmp-wrapper--top, .vu-modal__cmp-wrapper--top-left {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vu-modal__cmp-wrapper--top-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vu-modal__cmp-wrapper--top-right {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vu-modal__cmp-wrapper--center-left {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vu-modal__cmp-wrapper--center-right {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vu-modal__cmp-wrapper--bottom, .vu-modal__cmp-wrapper--bottom-left {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vu-modal__cmp-wrapper--bottom-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.vu-modal__cmp-wrapper--bottom-right {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.vu-modal__cmp-wrapper--full {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.vu-modal__cmp-wrapper--full .vu-modal__cmp {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding: 0
}

.vu-modal__cmp {
    padding: 12px 12px 30px;
    outline: none
}

.l-loader {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 0;
    bottom: 0;
    right: 0
}

.l-loader__center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-animation: loading-center-absolute-data-v-3648323c 1s infinite;
    animation: loading-center-absolute-data-v-3648323c 1s infinite
}

.l-loader__object {
    width: 20px;
    height: 20px;
    background-color: #5cbb73;
    float: left;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px
}

.l-loader__object:nth-child(2n+0) {
    margin-right: 0
}

.l-loader__one {
    -webkit-animation: object-one-data-v-3648323c 1s infinite;
    animation: object-one-data-v-3648323c 1s infinite
}

.l-loader__two {
    -webkit-animation: object-two-data-v-3648323c 1s infinite;
    animation: object-two-data-v-3648323c 1s infinite
}

.l-loader__three {
    -webkit-animation: object-three-data-v-3648323c 1s infinite;
    animation: object-three-data-v-3648323c 1s infinite
}

.l-loader__four {
    -webkit-animation: object-four-data-v-3648323c 1s infinite;
    animation: object-four-data-v-3648323c 1s infinite
}

.l-loader_bg_white {
    background-color: #fff;
    z-index: 10000
}

.l-loader_bg_transparent {
    background-color: rgba(32, 46, 70, .8);
    z-index: 1000
}

@-webkit-keyframes object-one-data-v-3648323c {
    50% {
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px)
    }
}

@keyframes object-one-data-v-3648323c {
    50% {
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px)
    }
}

@-webkit-keyframes object-two-data-v-3648323c {
    50% {
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px)
    }
}

@keyframes object-two-data-v-3648323c {
    50% {
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px)
    }
}

@-webkit-keyframes object-three-data-v-3648323c {
    50% {
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px)
    }
}

@keyframes object-three-data-v-3648323c {
    50% {
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px)
    }
}

@-webkit-keyframes object-four-data-v-3648323c {
    50% {
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px)
    }
}

@keyframes object-four-data-v-3648323c {
    50% {
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px)
    }
}

@-webkit-keyframes loading-center-absolute-data-v-3648323c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-center-absolute-data-v-3648323c {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}


@-webkit-keyframes app-tooltip-top-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(25deg);
        transform: rotateX(25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes app-tooltip-top-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateX(25deg);
        transform: rotateX(25deg)
    }
}

@-webkit-keyframes app-tooltip-right-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(25deg);
        transform: rotateY(25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes app-tooltip-right-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(25deg);
        transform: rotateY(25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes app-tooltip-right-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(25deg);
        transform: rotateY(25deg)
    }
}

@keyframes app-tooltip-right-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(25deg);
        transform: rotateY(25deg)
    }
}

@-webkit-keyframes app-tooltip-bottom-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-25deg);
        transform: rotateX(-25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes app-tooltip-bottom-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-25deg);
        transform: rotateX(-25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes app-tooltip-bottom-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateX(-25deg);
        transform: rotateX(-25deg)
    }
}

@keyframes app-tooltip-bottom-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateX(-25deg);
        transform: rotateX(-25deg)
    }
}

@-webkit-keyframes app-tooltip-left-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes app-tooltip-left-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes app-tooltip-left-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg)
    }
}

@keyframes app-tooltip-left-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateY(-25deg);
        transform: rotateY(-25deg)
    }
}

@keyframes app-tooltip-top-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(25deg);
        transform: rotateX(25deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes app-tooltip-top-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: rotateX(25deg);
        transform: rotateX(25deg)
    }
}

@-webkit-keyframes delayedStockShake {
    0%, 90%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    91%, 93%, 95%, 97%, 99% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    92%, 94%, 96%, 98% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
}

@keyframes delayedStockShake {
    0%, 90%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    91%, 93%, 95%, 97%, 99% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
    92%, 94%, 96%, 98% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes buttonSmallBounce {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0)
    }
}

@keyframes buttonSmallBounce {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0)
    }
}

@-webkit-keyframes smallBounce {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@keyframes smallBounce {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@-webkit-keyframes resultButtonSmallBounce {
    0%, 10%, 27%, 40%, 50% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    20%, 22% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }
    35% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    45% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@keyframes resultButtonSmallBounce {
    0%, 10%, 27%, 40%, 50% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    20%, 22% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0)
    }
    35% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    45% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@-webkit-keyframes smallShake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}

@keyframes smallShake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}

.popupIn {
    -webkit-animation-name: popupIn;
    animation-name: popupIn
}

.popupIn, .popupOut {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.popupOut {
    -webkit-animation-name: popupOut;
    animation-name: popupOut
}

@-webkit-keyframes popupIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes popupIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes popupOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(25%);
        transform: translateY(25%);
        opacity: 0
    }
}

@keyframes popupOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(25%);
        transform: translateY(25%);
        opacity: 0
    }
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.fade-and-zoom-enter-active, .fade-and-zoom-leave-active {
    transition: all .2s;
    transition-timing-function: ease-out
}

.fade-and-zoom-enter, .fade-and-zoom-leave-to {
    opacity: 0;
    -webkit-transform: scale(.97);
    transform: scale(.97)
}

/*!
 * vue2-animate
 * (c) 2018 Pavel Savushkin
 * Released under the MIT License.
 * Documentation: https://github.com/asika32764/vue2-animate
 */
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounce-enter-active, .bounce-leave-active, .bounceIn, .bounceOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounce-enter-active, .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounce-leave-active, .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.bounceDown-enter-active, .bounceDown-leave-active, .bounceInDown, .bounceOutDown {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounceDown-enter-active, .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.bounceDown-leave-active, .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.bounceInLeft, .bounceLeft-enter-active, .bounceLeft-leave-active, .bounceOutLeft {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounceInLeft, .bounceLeft-enter-active {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.bounceLeft-leave-active, .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

.bounceInRight, .bounceOutRight, .bounceRight-enter-active, .bounceRight-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounceInRight, .bounceRight-enter-active {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.bounceOutRight, .bounceRight-leave-active {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.bounceInUp, .bounceOutUp, .bounceUp-enter-active, .bounceUp-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bounceInUp, .bounceUp-enter-active {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.bounceOutUp, .bounceUp-leave-active {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fade-enter-active, .fade-leave-active, .fadeIn, .fadeOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fade-enter-active, .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fade-leave-active, .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeDown-enter-active, .fadeDown-leave-active, .fadeInDown, .fadeOutDown {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeDown-enter-active, .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeDown-leave-active, .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeDownBig-enter-active, .fadeDownBig-leave-active, .fadeInDownBig, .fadeOutDownBig {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeDownBig-enter-active, .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

.fadeDownBig-leave-active, .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

.fadeInLeft, .fadeLeft-enter-active, .fadeLeft-leave-active, .fadeOutLeft {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInLeft, .fadeLeft-enter-active {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeLeft-leave-active, .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeInLeftBig, .fadeLeftBig-enter-active, .fadeLeftBig-leave-active, .fadeOutLeftBig {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInLeftBig, .fadeLeftBig-enter-active {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

.fadeLeftBig-leave-active, .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

.fadeInRight, .fadeOutRight, .fadeRight-enter-active, .fadeRight-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInRight, .fadeRight-enter-active {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeOutRight, .fadeRight-leave-active {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeInRightBig, .fadeOutRightBig, .fadeRightBig-enter-active, .fadeRightBig-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInRightBig, .fadeRightBig-enter-active {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

.fadeOutRightBig, .fadeRightBig-leave-active {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

.fadeInUp, .fadeOutUp, .fadeUp-enter-active, .fadeUp-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInUp, .fadeUp-enter-active {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeOutUp, .fadeUp-leave-active {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeInUpBig, .fadeOutUpBig, .fadeUpBig-enter-active, .fadeUpBig-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInUpBig, .fadeUpBig-enter-active {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOutUpBig, .fadeUpBig-leave-active {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotate-enter-active, .rotate-leave-active, .rotateIn, .rotateOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.rotate-enter-active, .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

.rotate-leave-active, .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

.rotateDownLeft-enter-active, .rotateDownLeft-leave-active, .rotateInDownLeft, .rotateOutDownLeft {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.rotateDownLeft-enter-active, .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

.rotateDownLeft-leave-active, .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

.rotateDownRight-enter-active, .rotateDownRight-leave-active, .rotateInDownRight, .rotateOutDownRight {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.rotateDownRight-enter-active, .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

.rotateDownRight-leave-active, .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

.rotateInUpLeft, .rotateOutUpLeft, .rotateUpLeft-enter-active, .rotateUpLeft-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.rotateInUpLeft, .rotateUpLeft-enter-active {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

.rotateOutUpLeft, .rotateUpLeft-leave-active {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

.rotateInUpRight, .rotateOutUpRight, .rotateUpRight-enter-active, .rotateUpRight-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.rotateInUpRight, .rotateUpRight-enter-active {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

.rotateOutUpRight, .rotateUpRight-leave-active {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slide-enter-active, .slide-leave-active, .slideIn, .slideOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slide-enter-active, .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

.slide-leave-active, .slideOut {
    -webkit-animation-name: slideOut;
    animation-name: slideOut
}

.slideDown-enter-active, .slideDown-leave-active, .slideInDown, .slideOutDown {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideDown-enter-active, .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.slideDown-leave-active, .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

.slideInLeft, .slideLeft-enter-active, .slideLeft-leave-active, .slideOutLeft {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideInLeft, .slideLeft-enter-active {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideLeft-leave-active, .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.slideInRight, .slideOutRight, .slideRight-enter-active, .slideRight-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideInRight, .slideRight-enter-active {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideOutRight, .slideRight-leave-active {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

.slideInUp, .slideOutUp, .slideUp-enter-active, .slideUp-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slideInUp, .slideUp-enter-active {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.slideOutUp, .slideUp-leave-active {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoom-enter-active, .zoom-leave-active, .zoomIn, .zoomOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.zoom-enter-active, .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.zoom-leave-active, .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.zoomDown-enter-active, .zoomDown-leave-active, .zoomInDown, .zoomOutDown {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.zoomDown-enter-active, .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

.zoomDown-leave-active, .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

.zoomInLeft, .zoomLeft-enter-active, .zoomLeft-leave-active, .zoomOutLeft {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.zoomInLeft, .zoomLeft-enter-active {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

.zoomLeft-leave-active, .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

.zoomInRight, .zoomOutRight, .zoomRight-enter-active, .zoomRight-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.zoomInRight, .zoomRight-enter-active {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

.zoomOutRight, .zoomRight-leave-active {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

.zoomInUp, .zoomOutUp, .zoomUp-enter-active, .zoomUp-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.zoomInUp, .zoomUp-enter-active {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

.zoomOutUp, .zoomUp-leave-active {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes flipIn {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: .4
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .5
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .8
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
}

@keyframes flipIn {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: .4
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .5
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .8
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
}

@-webkit-keyframes flipOut {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .6
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .5
    }
    80% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: .2
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0
    }
}

@keyframes flipOut {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 1
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .6
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: .5
    }
    80% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: .2
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flip-enter-active, .flip-leave-active, .flipIn, .flipOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.flip-enter-active, .flipIn {
    -webkit-animation-name: flipIn;
    animation-name: flipIn
}

.flip-leave-active, .flipOut {
    -webkit-animation-name: flipOut;
    animation-name: flipOut
}

.flipInX, .flipOutX, .flipX-enter-active, .flipX-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.flipInX, .flipX-enter-active {
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipOutX, .flipX-leave-active {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipInY, .flipOutY, .flipY-enter-active, .flipY-leave-active {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.flipInY, .flipY-enter-active {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.flipOutY, .flipY-leave-active {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeed-enter-active, .lightSpeed-leave-active, .lightSpeedIn, .lightSpeedOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.lightSpeed-enter-active, .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn
}

.lightSpeed-leave-active, .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.align-items-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-content-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#app, body, html {
    height: 100%
}

html {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    line-height: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

*, :after, :before {
    box-sizing: inherit
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0
}

a {
    text-decoration: none;
    color: inherit
}

button {
    padding: 0
}

@media (max-width: 639.98px) {
    .hide-xs {
        display: none !important
    }
}

.hide-xs-gte {
    display: none !important
}

@media (max-width: 639.98px) {
    .hide-xs-lte {
        display: none !important
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .hide-sm {
        display: none !important
    }
}

@media (min-width: 640px) {
    .hide-sm-gte {
        display: none !important
    }
}

@media (max-width: 1023.98px) {
    .hide-sm-lte {
        display: none !important
    }
}

@media (min-width: 1024px)and (max-width: 1279.98px) {
    .hide-md {
        display: none !important
    }
}

@media (min-width: 1024px) {
    .hide-md-gte {
        display: none !important
    }
}

@media (max-width: 1279.98px) {
    .hide-md-lte {
        display: none !important
    }
}

@media (min-width: 1280px) {
    .hide-lg, .hide-lg-gte {
        display: none !important
    }
}

.hide-lg-lte {
    display: none !important
}

.content-wrapper {
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1280px) {
    .content-wrapper {
        max-width: 1332px
    }
}

.public-wrapper {
    margin: 0 auto
}

@media (min-width: 1280px) {
    .public-wrapper {
        max-width: 1194px
    }
}

.t-row {
    margin: 0 -6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 640px) {
    .t-row {
        margin: 0 -6px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .t-row {
        margin: 0 -6px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .t-row {
        margin: 0 -6px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.t-grid {
    margin: 0 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.t-grid-pad {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 640px) {
    .t-grid-pad {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1024px) {
    .t-grid-pad {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 1280px) {
    .t-grid-pad {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 640px) {
    .t-grid {
        margin: 0 6px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .t-grid {
        margin: 0 6px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .t-grid {
        margin: 0 6px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.t-col {
    padding: 0 6px;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.t-col-1 {
    width: 8.3333333333%
}

.t-col-1, .t-col-2 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.t-col-2 {
    width: 16.6666666667%
}

.t-col-3 {
    width: 25%
}

.t-col-3, .t-col-4 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.t-col-4 {
    width: 33.3333333333%
}

.t-col-5 {
    width: 41.6666666667%
}

.t-col-5, .t-col-6 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.t-col-6 {
    width: 50%
}

.t-col-7 {
    width: 58.3333333333%
}

.t-col-7, .t-col-8 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.t-col-8 {
    width: 66.6666666667%
}

.t-col-9 {
    width: 75%
}

.t-col-9, .t-col-10 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.t-col-10 {
    width: 83.3333333333%
}

.t-col-11 {
    width: 91.6666666667%
}

.t-col-11, .t-col-12 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.t-col-12 {
    width: 100%
}

.t-off-1 {
    margin-left: 8.3333333333%
}

.t-off-2 {
    margin-left: 16.6666666667%
}

.t-off-3 {
    margin-left: 25%
}

.t-off-4 {
    margin-left: 33.3333333333%
}

.t-off-5 {
    margin-left: 41.6666666667%
}

.t-off-6 {
    margin-left: 50%
}

.t-off-7 {
    margin-left: 58.3333333333%
}

.t-off-8 {
    margin-left: 66.6666666667%
}

.t-off-9 {
    margin-left: 75%
}

.t-off-10 {
    margin-left: 83.3333333333%
}

.t-off-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 640px) {
    .t-col {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-1 {
        width: 8.3333333333%
    }

    .t-col-1, .t-col-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-2 {
        width: 16.6666666667%
    }

    .t-col-3 {
        width: 25%
    }

    .t-col-3, .t-col-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-4 {
        width: 33.3333333333%
    }

    .t-col-5 {
        width: 41.6666666667%
    }

    .t-col-5, .t-col-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-6 {
        width: 50%
    }

    .t-col-7 {
        width: 58.3333333333%
    }

    .t-col-7, .t-col-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-8 {
        width: 66.6666666667%
    }

    .t-col-9 {
        width: 75%
    }

    .t-col-9, .t-col-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-10 {
        width: 83.3333333333%
    }

    .t-col-11 {
        width: 91.6666666667%
    }

    .t-col-11, .t-col-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-12 {
        width: 100%
    }

    .t-off-1 {
        margin-left: 8.3333333333%
    }

    .t-off-2 {
        margin-left: 16.6666666667%
    }

    .t-off-3 {
        margin-left: 25%
    }

    .t-off-4 {
        margin-left: 33.3333333333%
    }

    .t-off-5 {
        margin-left: 41.6666666667%
    }

    .t-off-6 {
        margin-left: 50%
    }

    .t-off-7 {
        margin-left: 58.3333333333%
    }

    .t-off-8 {
        margin-left: 66.6666666667%
    }

    .t-off-9 {
        margin-left: 75%
    }

    .t-off-10 {
        margin-left: 83.3333333333%
    }

    .t-off-11 {
        margin-left: 91.6666666667%
    }

    .t-col-sm {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-sm-1 {
        width: 8.3333333333%
    }

    .t-col-sm-1, .t-col-sm-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-2 {
        width: 16.6666666667%
    }

    .t-col-sm-3 {
        width: 25%
    }

    .t-col-sm-3, .t-col-sm-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-4 {
        width: 33.3333333333%
    }

    .t-col-sm-5 {
        width: 41.6666666667%
    }

    .t-col-sm-5, .t-col-sm-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-6 {
        width: 50%
    }

    .t-col-sm-7 {
        width: 58.3333333333%
    }

    .t-col-sm-7, .t-col-sm-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-8 {
        width: 66.6666666667%
    }

    .t-col-sm-9 {
        width: 75%
    }

    .t-col-sm-9, .t-col-sm-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-10 {
        width: 83.3333333333%
    }

    .t-col-sm-11 {
        width: 91.6666666667%
    }

    .t-col-sm-11, .t-col-sm-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-12 {
        width: 100%
    }

    .t-off-sm-0 {
        margin-left: 0
    }

    .t-off-sm-1 {
        margin-left: 8.3333333333%
    }

    .t-off-sm-2 {
        margin-left: 16.6666666667%
    }

    .t-off-sm-3 {
        margin-left: 25%
    }

    .t-off-sm-4 {
        margin-left: 33.3333333333%
    }

    .t-off-sm-5 {
        margin-left: 41.6666666667%
    }

    .t-off-sm-6 {
        margin-left: 50%
    }

    .t-off-sm-7 {
        margin-left: 58.3333333333%
    }

    .t-off-sm-8 {
        margin-left: 66.6666666667%
    }

    .t-off-sm-9 {
        margin-left: 75%
    }

    .t-off-sm-10 {
        margin-left: 83.3333333333%
    }

    .t-off-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1024px) {
    .t-col {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-1 {
        width: 8.3333333333%
    }

    .t-col-1, .t-col-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-2 {
        width: 16.6666666667%
    }

    .t-col-3 {
        width: 25%
    }

    .t-col-3, .t-col-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-4 {
        width: 33.3333333333%
    }

    .t-col-5 {
        width: 41.6666666667%
    }

    .t-col-5, .t-col-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-6 {
        width: 50%
    }

    .t-col-7 {
        width: 58.3333333333%
    }

    .t-col-7, .t-col-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-8 {
        width: 66.6666666667%
    }

    .t-col-9 {
        width: 75%
    }

    .t-col-9, .t-col-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-10 {
        width: 83.3333333333%
    }

    .t-col-11 {
        width: 91.6666666667%
    }

    .t-col-11, .t-col-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-12 {
        width: 100%
    }

    .t-off-1 {
        margin-left: 8.3333333333%
    }

    .t-off-2 {
        margin-left: 16.6666666667%
    }

    .t-off-3 {
        margin-left: 25%
    }

    .t-off-4 {
        margin-left: 33.3333333333%
    }

    .t-off-5 {
        margin-left: 41.6666666667%
    }

    .t-off-6 {
        margin-left: 50%
    }

    .t-off-7 {
        margin-left: 58.3333333333%
    }

    .t-off-8 {
        margin-left: 66.6666666667%
    }

    .t-off-9 {
        margin-left: 75%
    }

    .t-off-10 {
        margin-left: 83.3333333333%
    }

    .t-off-11 {
        margin-left: 91.6666666667%
    }

    .t-col-sm {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-sm-1 {
        width: 8.3333333333%
    }

    .t-col-sm-1, .t-col-sm-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-2 {
        width: 16.6666666667%
    }

    .t-col-sm-3 {
        width: 25%
    }

    .t-col-sm-3, .t-col-sm-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-4 {
        width: 33.3333333333%
    }

    .t-col-sm-5 {
        width: 41.6666666667%
    }

    .t-col-sm-5, .t-col-sm-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-6 {
        width: 50%
    }

    .t-col-sm-7 {
        width: 58.3333333333%
    }

    .t-col-sm-7, .t-col-sm-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-8 {
        width: 66.6666666667%
    }

    .t-col-sm-9 {
        width: 75%
    }

    .t-col-sm-9, .t-col-sm-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-10 {
        width: 83.3333333333%
    }

    .t-col-sm-11 {
        width: 91.6666666667%
    }

    .t-col-sm-11, .t-col-sm-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-12 {
        width: 100%
    }

    .t-off-sm-0 {
        margin-left: 0
    }

    .t-off-sm-1 {
        margin-left: 8.3333333333%
    }

    .t-off-sm-2 {
        margin-left: 16.6666666667%
    }

    .t-off-sm-3 {
        margin-left: 25%
    }

    .t-off-sm-4 {
        margin-left: 33.3333333333%
    }

    .t-off-sm-5 {
        margin-left: 41.6666666667%
    }

    .t-off-sm-6 {
        margin-left: 50%
    }

    .t-off-sm-7 {
        margin-left: 58.3333333333%
    }

    .t-off-sm-8 {
        margin-left: 66.6666666667%
    }

    .t-off-sm-9 {
        margin-left: 75%
    }

    .t-off-sm-10 {
        margin-left: 83.3333333333%
    }

    .t-off-sm-11 {
        margin-left: 91.6666666667%
    }

    .t-col-md {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-md-1 {
        width: 8.3333333333%
    }

    .t-col-md-1, .t-col-md-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-2 {
        width: 16.6666666667%
    }

    .t-col-md-3 {
        width: 25%
    }

    .t-col-md-3, .t-col-md-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-4 {
        width: 33.3333333333%
    }

    .t-col-md-5 {
        width: 41.6666666667%
    }

    .t-col-md-5, .t-col-md-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-6 {
        width: 50%
    }

    .t-col-md-7 {
        width: 58.3333333333%
    }

    .t-col-md-7, .t-col-md-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-8 {
        width: 66.6666666667%
    }

    .t-col-md-9 {
        width: 75%
    }

    .t-col-md-9, .t-col-md-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-10 {
        width: 83.3333333333%
    }

    .t-col-md-11 {
        width: 91.6666666667%
    }

    .t-col-md-11, .t-col-md-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-12 {
        width: 100%
    }

    .t-off-md-0 {
        margin-left: 0
    }

    .t-off-md-1 {
        margin-left: 8.3333333333%
    }

    .t-off-md-2 {
        margin-left: 16.6666666667%
    }

    .t-off-md-3 {
        margin-left: 25%
    }

    .t-off-md-4 {
        margin-left: 33.3333333333%
    }

    .t-off-md-5 {
        margin-left: 41.6666666667%
    }

    .t-off-md-6 {
        margin-left: 50%
    }

    .t-off-md-7 {
        margin-left: 58.3333333333%
    }

    .t-off-md-8 {
        margin-left: 66.6666666667%
    }

    .t-off-md-9 {
        margin-left: 75%
    }

    .t-off-md-10 {
        margin-left: 83.3333333333%
    }

    .t-off-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1280px) {
    .t-col {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-1 {
        width: 8.3333333333%
    }

    .t-col-1, .t-col-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-2 {
        width: 16.6666666667%
    }

    .t-col-3 {
        width: 25%
    }

    .t-col-3, .t-col-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-4 {
        width: 33.3333333333%
    }

    .t-col-5 {
        width: 41.6666666667%
    }

    .t-col-5, .t-col-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-6 {
        width: 50%
    }

    .t-col-7 {
        width: 58.3333333333%
    }

    .t-col-7, .t-col-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-8 {
        width: 66.6666666667%
    }

    .t-col-9 {
        width: 75%
    }

    .t-col-9, .t-col-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-10 {
        width: 83.3333333333%
    }

    .t-col-11 {
        width: 91.6666666667%
    }

    .t-col-11, .t-col-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-12 {
        width: 100%
    }

    .t-off-1 {
        margin-left: 8.3333333333%
    }

    .t-off-2 {
        margin-left: 16.6666666667%
    }

    .t-off-3 {
        margin-left: 25%
    }

    .t-off-4 {
        margin-left: 33.3333333333%
    }

    .t-off-5 {
        margin-left: 41.6666666667%
    }

    .t-off-6 {
        margin-left: 50%
    }

    .t-off-7 {
        margin-left: 58.3333333333%
    }

    .t-off-8 {
        margin-left: 66.6666666667%
    }

    .t-off-9 {
        margin-left: 75%
    }

    .t-off-10 {
        margin-left: 83.3333333333%
    }

    .t-off-11 {
        margin-left: 91.6666666667%
    }

    .t-col-sm {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-sm-1 {
        width: 8.3333333333%
    }

    .t-col-sm-1, .t-col-sm-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-2 {
        width: 16.6666666667%
    }

    .t-col-sm-3 {
        width: 25%
    }

    .t-col-sm-3, .t-col-sm-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-4 {
        width: 33.3333333333%
    }

    .t-col-sm-5 {
        width: 41.6666666667%
    }

    .t-col-sm-5, .t-col-sm-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-6 {
        width: 50%
    }

    .t-col-sm-7 {
        width: 58.3333333333%
    }

    .t-col-sm-7, .t-col-sm-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-8 {
        width: 66.6666666667%
    }

    .t-col-sm-9 {
        width: 75%
    }

    .t-col-sm-9, .t-col-sm-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-10 {
        width: 83.3333333333%
    }

    .t-col-sm-11 {
        width: 91.6666666667%
    }

    .t-col-sm-11, .t-col-sm-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-sm-12 {
        width: 100%
    }

    .t-off-sm-0 {
        margin-left: 0
    }

    .t-off-sm-1 {
        margin-left: 8.3333333333%
    }

    .t-off-sm-2 {
        margin-left: 16.6666666667%
    }

    .t-off-sm-3 {
        margin-left: 25%
    }

    .t-off-sm-4 {
        margin-left: 33.3333333333%
    }

    .t-off-sm-5 {
        margin-left: 41.6666666667%
    }

    .t-off-sm-6 {
        margin-left: 50%
    }

    .t-off-sm-7 {
        margin-left: 58.3333333333%
    }

    .t-off-sm-8 {
        margin-left: 66.6666666667%
    }

    .t-off-sm-9 {
        margin-left: 75%
    }

    .t-off-sm-10 {
        margin-left: 83.3333333333%
    }

    .t-off-sm-11 {
        margin-left: 91.6666666667%
    }

    .t-col-md {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-md-1 {
        width: 8.3333333333%
    }

    .t-col-md-1, .t-col-md-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-2 {
        width: 16.6666666667%
    }

    .t-col-md-3 {
        width: 25%
    }

    .t-col-md-3, .t-col-md-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-4 {
        width: 33.3333333333%
    }

    .t-col-md-5 {
        width: 41.6666666667%
    }

    .t-col-md-5, .t-col-md-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-6 {
        width: 50%
    }

    .t-col-md-7 {
        width: 58.3333333333%
    }

    .t-col-md-7, .t-col-md-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-8 {
        width: 66.6666666667%
    }

    .t-col-md-9 {
        width: 75%
    }

    .t-col-md-9, .t-col-md-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-10 {
        width: 83.3333333333%
    }

    .t-col-md-11 {
        width: 91.6666666667%
    }

    .t-col-md-11, .t-col-md-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-md-12 {
        width: 100%
    }

    .t-off-md-0 {
        margin-left: 0
    }

    .t-off-md-1 {
        margin-left: 8.3333333333%
    }

    .t-off-md-2 {
        margin-left: 16.6666666667%
    }

    .t-off-md-3 {
        margin-left: 25%
    }

    .t-off-md-4 {
        margin-left: 33.3333333333%
    }

    .t-off-md-5 {
        margin-left: 41.6666666667%
    }

    .t-off-md-6 {
        margin-left: 50%
    }

    .t-off-md-7 {
        margin-left: 58.3333333333%
    }

    .t-off-md-8 {
        margin-left: 66.6666666667%
    }

    .t-off-md-9 {
        margin-left: 75%
    }

    .t-off-md-10 {
        margin-left: 83.3333333333%
    }

    .t-off-md-11 {
        margin-left: 91.6666666667%
    }

    .t-col-lg {
        padding: 0 6px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .t-col-lg-1 {
        width: 8.3333333333%
    }

    .t-col-lg-1, .t-col-lg-2 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-lg-2 {
        width: 16.6666666667%
    }

    .t-col-lg-3 {
        width: 25%
    }

    .t-col-lg-3, .t-col-lg-4 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-lg-4 {
        width: 33.3333333333%
    }

    .t-col-lg-5 {
        width: 41.6666666667%
    }

    .t-col-lg-5, .t-col-lg-6 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-lg-6 {
        width: 50%
    }

    .t-col-lg-7 {
        width: 58.3333333333%
    }

    .t-col-lg-7, .t-col-lg-8 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-lg-8 {
        width: 66.6666666667%
    }

    .t-col-lg-9 {
        width: 75%
    }

    .t-col-lg-9, .t-col-lg-10 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-lg-10 {
        width: 83.3333333333%
    }

    .t-col-lg-11 {
        width: 91.6666666667%
    }

    .t-col-lg-11, .t-col-lg-12 {
        padding: 0 6px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .t-col-lg-12 {
        width: 100%
    }

    .t-off-lg-0 {
        margin-left: 0
    }

    .t-off-lg-1 {
        margin-left: 8.3333333333%
    }

    .t-off-lg-2 {
        margin-left: 16.6666666667%
    }

    .t-off-lg-3 {
        margin-left: 25%
    }

    .t-off-lg-4 {
        margin-left: 33.3333333333%
    }

    .t-off-lg-5 {
        margin-left: 41.6666666667%
    }

    .t-off-lg-6 {
        margin-left: 50%
    }

    .t-off-lg-7 {
        margin-left: 58.3333333333%
    }

    .t-off-lg-8 {
        margin-left: 66.6666666667%
    }

    .t-off-lg-9 {
        margin-left: 75%
    }

    .t-off-lg-10 {
        margin-left: 83.3333333333%
    }

    .t-off-lg-11 {
        margin-left: 91.6666666667%
    }
}

.row {
    margin: 0 -6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 640px) {
    .row {
        margin: 0 -9px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .row {
        margin: 0 -9px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .row {
        margin: 0 -9px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.grid {
    margin: 0 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-pad {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 640px) {
    .grid-pad {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .grid-pad {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1280px) {
    .grid-pad {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 640px) {
    .grid {
        margin: 0 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .grid {
        margin: 0 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .grid {
        margin: 0 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.col {
    padding: 0 6px;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.col-1 {
    width: 8.3333333333%
}

.col-1, .col-2 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-2 {
    width: 16.6666666667%
}

.col-3 {
    width: 25%
}

.col-3, .col-4 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-4 {
    width: 33.3333333333%
}

.col-5 {
    width: 41.6666666667%
}

.col-5, .col-6 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.3333333333%
}

.col-7, .col-8 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-8 {
    width: 66.6666666667%
}

.col-9 {
    width: 75%
}

.col-9, .col-10 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-10 {
    width: 83.3333333333%
}

.col-11 {
    width: 91.6666666667%
}

.col-11, .col-12 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.col-12 {
    width: 100%
}

.off-1 {
    margin-left: 8.3333333333%
}

.off-2 {
    margin-left: 16.6666666667%
}

.off-3 {
    margin-left: 25%
}

.off-4 {
    margin-left: 33.3333333333%
}

.off-5 {
    margin-left: 41.6666666667%
}

.off-6 {
    margin-left: 50%
}

.off-7 {
    margin-left: 58.3333333333%
}

.off-8 {
    margin-left: 66.6666666667%
}

.off-9 {
    margin-left: 75%
}

.off-10 {
    margin-left: 83.3333333333%
}

.off-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 640px) {
    .col {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-1 {
        width: 8.3333333333%
    }

    .col-1, .col-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-2 {
        width: 16.6666666667%
    }

    .col-3 {
        width: 25%
    }

    .col-3, .col-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-4 {
        width: 33.3333333333%
    }

    .col-5 {
        width: 41.6666666667%
    }

    .col-5, .col-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-6 {
        width: 50%
    }

    .col-7 {
        width: 58.3333333333%
    }

    .col-7, .col-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-8 {
        width: 66.6666666667%
    }

    .col-9 {
        width: 75%
    }

    .col-9, .col-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-10 {
        width: 83.3333333333%
    }

    .col-11 {
        width: 91.6666666667%
    }

    .col-11, .col-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-12 {
        width: 100%
    }

    .off-1 {
        margin-left: 8.3333333333%
    }

    .off-2 {
        margin-left: 16.6666666667%
    }

    .off-3 {
        margin-left: 25%
    }

    .off-4 {
        margin-left: 33.3333333333%
    }

    .off-5 {
        margin-left: 41.6666666667%
    }

    .off-6 {
        margin-left: 50%
    }

    .off-7 {
        margin-left: 58.3333333333%
    }

    .off-8 {
        margin-left: 66.6666666667%
    }

    .off-9 {
        margin-left: 75%
    }

    .off-10 {
        margin-left: 83.3333333333%
    }

    .off-11 {
        margin-left: 91.6666666667%
    }

    .col-sm {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-1, .col-sm-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-3, .col-sm-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-5, .col-sm-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-7, .col-sm-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-9, .col-sm-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-11, .col-sm-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-12 {
        width: 100%
    }

    .off-sm-0 {
        margin-left: 0
    }

    .off-sm-1 {
        margin-left: 8.3333333333%
    }

    .off-sm-2 {
        margin-left: 16.6666666667%
    }

    .off-sm-3 {
        margin-left: 25%
    }

    .off-sm-4 {
        margin-left: 33.3333333333%
    }

    .off-sm-5 {
        margin-left: 41.6666666667%
    }

    .off-sm-6 {
        margin-left: 50%
    }

    .off-sm-7 {
        margin-left: 58.3333333333%
    }

    .off-sm-8 {
        margin-left: 66.6666666667%
    }

    .off-sm-9 {
        margin-left: 75%
    }

    .off-sm-10 {
        margin-left: 83.3333333333%
    }

    .off-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1024px) {
    .col {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-1 {
        width: 8.3333333333%
    }

    .col-1, .col-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-2 {
        width: 16.6666666667%
    }

    .col-3 {
        width: 25%
    }

    .col-3, .col-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-4 {
        width: 33.3333333333%
    }

    .col-5 {
        width: 41.6666666667%
    }

    .col-5, .col-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-6 {
        width: 50%
    }

    .col-7 {
        width: 58.3333333333%
    }

    .col-7, .col-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-8 {
        width: 66.6666666667%
    }

    .col-9 {
        width: 75%
    }

    .col-9, .col-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-10 {
        width: 83.3333333333%
    }

    .col-11 {
        width: 91.6666666667%
    }

    .col-11, .col-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-12 {
        width: 100%
    }

    .off-1 {
        margin-left: 8.3333333333%
    }

    .off-2 {
        margin-left: 16.6666666667%
    }

    .off-3 {
        margin-left: 25%
    }

    .off-4 {
        margin-left: 33.3333333333%
    }

    .off-5 {
        margin-left: 41.6666666667%
    }

    .off-6 {
        margin-left: 50%
    }

    .off-7 {
        margin-left: 58.3333333333%
    }

    .off-8 {
        margin-left: 66.6666666667%
    }

    .off-9 {
        margin-left: 75%
    }

    .off-10 {
        margin-left: 83.3333333333%
    }

    .off-11 {
        margin-left: 91.6666666667%
    }

    .col-sm {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-1, .col-sm-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-3, .col-sm-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-5, .col-sm-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-7, .col-sm-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-9, .col-sm-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-11, .col-sm-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-12 {
        width: 100%
    }

    .off-sm-0 {
        margin-left: 0
    }

    .off-sm-1 {
        margin-left: 8.3333333333%
    }

    .off-sm-2 {
        margin-left: 16.6666666667%
    }

    .off-sm-3 {
        margin-left: 25%
    }

    .off-sm-4 {
        margin-left: 33.3333333333%
    }

    .off-sm-5 {
        margin-left: 41.6666666667%
    }

    .off-sm-6 {
        margin-left: 50%
    }

    .off-sm-7 {
        margin-left: 58.3333333333%
    }

    .off-sm-8 {
        margin-left: 66.6666666667%
    }

    .off-sm-9 {
        margin-left: 75%
    }

    .off-sm-10 {
        margin-left: 83.3333333333%
    }

    .off-sm-11 {
        margin-left: 91.6666666667%
    }

    .col-md {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-1, .col-md-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-3, .col-md-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-5, .col-md-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-7, .col-md-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-9, .col-md-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-11, .col-md-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-12 {
        width: 100%
    }

    .off-md-0 {
        margin-left: 0
    }

    .off-md-1 {
        margin-left: 8.3333333333%
    }

    .off-md-2 {
        margin-left: 16.6666666667%
    }

    .off-md-3 {
        margin-left: 25%
    }

    .off-md-4 {
        margin-left: 33.3333333333%
    }

    .off-md-5 {
        margin-left: 41.6666666667%
    }

    .off-md-6 {
        margin-left: 50%
    }

    .off-md-7 {
        margin-left: 58.3333333333%
    }

    .off-md-8 {
        margin-left: 66.6666666667%
    }

    .off-md-9 {
        margin-left: 75%
    }

    .off-md-10 {
        margin-left: 83.3333333333%
    }

    .off-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1280px) {
    .col {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-1 {
        width: 8.3333333333%
    }

    .col-1, .col-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-2 {
        width: 16.6666666667%
    }

    .col-3 {
        width: 25%
    }

    .col-3, .col-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-4 {
        width: 33.3333333333%
    }

    .col-5 {
        width: 41.6666666667%
    }

    .col-5, .col-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-6 {
        width: 50%
    }

    .col-7 {
        width: 58.3333333333%
    }

    .col-7, .col-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-8 {
        width: 66.6666666667%
    }

    .col-9 {
        width: 75%
    }

    .col-9, .col-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-10 {
        width: 83.3333333333%
    }

    .col-11 {
        width: 91.6666666667%
    }

    .col-11, .col-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-12 {
        width: 100%
    }

    .off-1 {
        margin-left: 8.3333333333%
    }

    .off-2 {
        margin-left: 16.6666666667%
    }

    .off-3 {
        margin-left: 25%
    }

    .off-4 {
        margin-left: 33.3333333333%
    }

    .off-5 {
        margin-left: 41.6666666667%
    }

    .off-6 {
        margin-left: 50%
    }

    .off-7 {
        margin-left: 58.3333333333%
    }

    .off-8 {
        margin-left: 66.6666666667%
    }

    .off-9 {
        margin-left: 75%
    }

    .off-10 {
        margin-left: 83.3333333333%
    }

    .off-11 {
        margin-left: 91.6666666667%
    }

    .col-sm {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-1, .col-sm-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-3, .col-sm-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-5, .col-sm-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-7, .col-sm-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-9, .col-sm-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-11, .col-sm-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-sm-12 {
        width: 100%
    }

    .off-sm-0 {
        margin-left: 0
    }

    .off-sm-1 {
        margin-left: 8.3333333333%
    }

    .off-sm-2 {
        margin-left: 16.6666666667%
    }

    .off-sm-3 {
        margin-left: 25%
    }

    .off-sm-4 {
        margin-left: 33.3333333333%
    }

    .off-sm-5 {
        margin-left: 41.6666666667%
    }

    .off-sm-6 {
        margin-left: 50%
    }

    .off-sm-7 {
        margin-left: 58.3333333333%
    }

    .off-sm-8 {
        margin-left: 66.6666666667%
    }

    .off-sm-9 {
        margin-left: 75%
    }

    .off-sm-10 {
        margin-left: 83.3333333333%
    }

    .off-sm-11 {
        margin-left: 91.6666666667%
    }

    .col-md {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-1, .col-md-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-3, .col-md-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-5, .col-md-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-7, .col-md-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-9, .col-md-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-11, .col-md-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-md-12 {
        width: 100%
    }

    .off-md-0 {
        margin-left: 0
    }

    .off-md-1 {
        margin-left: 8.3333333333%
    }

    .off-md-2 {
        margin-left: 16.6666666667%
    }

    .off-md-3 {
        margin-left: 25%
    }

    .off-md-4 {
        margin-left: 33.3333333333%
    }

    .off-md-5 {
        margin-left: 41.6666666667%
    }

    .off-md-6 {
        margin-left: 50%
    }

    .off-md-7 {
        margin-left: 58.3333333333%
    }

    .off-md-8 {
        margin-left: 66.6666666667%
    }

    .off-md-9 {
        margin-left: 75%
    }

    .off-md-10 {
        margin-left: 83.3333333333%
    }

    .off-md-11 {
        margin-left: 91.6666666667%
    }

    .col-lg {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-1, .col-lg-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-3, .col-lg-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-5, .col-lg-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-7, .col-lg-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-9, .col-lg-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-11, .col-lg-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .col-lg-12 {
        width: 100%
    }

    .off-lg-0 {
        margin-left: 0
    }

    .off-lg-1 {
        margin-left: 8.3333333333%
    }

    .off-lg-2 {
        margin-left: 16.6666666667%
    }

    .off-lg-3 {
        margin-left: 25%
    }

    .off-lg-4 {
        margin-left: 33.3333333333%
    }

    .off-lg-5 {
        margin-left: 41.6666666667%
    }

    .off-lg-6 {
        margin-left: 50%
    }

    .off-lg-7 {
        margin-left: 58.3333333333%
    }

    .off-lg-8 {
        margin-left: 66.6666666667%
    }

    .off-lg-9 {
        margin-left: 75%
    }

    .off-lg-10 {
        margin-left: 83.3333333333%
    }

    .off-lg-11 {
        margin-left: 91.6666666667%
    }
}

.w-row {
    margin: 0 -6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 640px) {
    .w-row {
        margin: 0 -9px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .w-row {
        margin: 0 -15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .w-row {
        margin: 0 -15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.w-grid {
    margin: 0 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.w-grid-pad {
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width: 640px) {
    .w-grid-pad {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1024px) {
    .w-grid-pad {
        padding-left: 42px;
        padding-right: 42px
    }
}

@media (min-width: 1280px) {
    .w-grid-pad {
        padding-left: 42px;
        padding-right: 42px
    }
}

@media (min-width: 640px) {
    .w-grid {
        margin: 0 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1024px) {
    .w-grid {
        margin: 0 27px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .w-grid {
        margin: 0 27px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.w-col {
    padding: 0 6px;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.w-col-1 {
    width: 8.3333333333%
}

.w-col-1, .w-col-2 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.w-col-2 {
    width: 16.6666666667%
}

.w-col-3 {
    width: 25%
}

.w-col-3, .w-col-4 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.w-col-4 {
    width: 33.3333333333%
}

.w-col-5 {
    width: 41.6666666667%
}

.w-col-5, .w-col-6 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.3333333333%
}

.w-col-7, .w-col-8 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.w-col-8 {
    width: 66.6666666667%
}

.w-col-9 {
    width: 75%
}

.w-col-9, .w-col-10 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.w-col-10 {
    width: 83.3333333333%
}

.w-col-11 {
    width: 91.6666666667%
}

.w-col-11, .w-col-12 {
    padding: 0 6px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.w-col-12 {
    width: 100%
}

.w-off-1 {
    margin-left: 8.3333333333%
}

.w-off-2 {
    margin-left: 16.6666666667%
}

.w-off-3 {
    margin-left: 25%
}

.w-off-4 {
    margin-left: 33.3333333333%
}

.w-off-5 {
    margin-left: 41.6666666667%
}

.w-off-6 {
    margin-left: 50%
}

.w-off-7 {
    margin-left: 58.3333333333%
}

.w-off-8 {
    margin-left: 66.6666666667%
}

.w-off-9 {
    margin-left: 75%
}

.w-off-10 {
    margin-left: 83.3333333333%
}

.w-off-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 640px) {
    .w-col {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-1 {
        width: 8.3333333333%
    }

    .w-col-1, .w-col-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-2 {
        width: 16.6666666667%
    }

    .w-col-3 {
        width: 25%
    }

    .w-col-3, .w-col-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-4 {
        width: 33.3333333333%
    }

    .w-col-5 {
        width: 41.6666666667%
    }

    .w-col-5, .w-col-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-6 {
        width: 50%
    }

    .w-col-7 {
        width: 58.3333333333%
    }

    .w-col-7, .w-col-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-8 {
        width: 66.6666666667%
    }

    .w-col-9 {
        width: 75%
    }

    .w-col-9, .w-col-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-10 {
        width: 83.3333333333%
    }

    .w-col-11 {
        width: 91.6666666667%
    }

    .w-col-11, .w-col-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-12 {
        width: 100%
    }

    .w-off-1 {
        margin-left: 8.3333333333%
    }

    .w-off-2 {
        margin-left: 16.6666666667%
    }

    .w-off-3 {
        margin-left: 25%
    }

    .w-off-4 {
        margin-left: 33.3333333333%
    }

    .w-off-5 {
        margin-left: 41.6666666667%
    }

    .w-off-6 {
        margin-left: 50%
    }

    .w-off-7 {
        margin-left: 58.3333333333%
    }

    .w-off-8 {
        margin-left: 66.6666666667%
    }

    .w-off-9 {
        margin-left: 75%
    }

    .w-off-10 {
        margin-left: 83.3333333333%
    }

    .w-off-11 {
        margin-left: 91.6666666667%
    }

    .w-col-sm {
        padding: 0 9px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-sm-1 {
        width: 8.3333333333%
    }

    .w-col-sm-1, .w-col-sm-2 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-2 {
        width: 16.6666666667%
    }

    .w-col-sm-3 {
        width: 25%
    }

    .w-col-sm-3, .w-col-sm-4 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-4 {
        width: 33.3333333333%
    }

    .w-col-sm-5 {
        width: 41.6666666667%
    }

    .w-col-sm-5, .w-col-sm-6 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-6 {
        width: 50%
    }

    .w-col-sm-7 {
        width: 58.3333333333%
    }

    .w-col-sm-7, .w-col-sm-8 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-8 {
        width: 66.6666666667%
    }

    .w-col-sm-9 {
        width: 75%
    }

    .w-col-sm-9, .w-col-sm-10 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-10 {
        width: 83.3333333333%
    }

    .w-col-sm-11 {
        width: 91.6666666667%
    }

    .w-col-sm-11, .w-col-sm-12 {
        padding: 0 9px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-12 {
        width: 100%
    }

    .w-off-sm-0 {
        margin-left: 0
    }

    .w-off-sm-1 {
        margin-left: 8.3333333333%
    }

    .w-off-sm-2 {
        margin-left: 16.6666666667%
    }

    .w-off-sm-3 {
        margin-left: 25%
    }

    .w-off-sm-4 {
        margin-left: 33.3333333333%
    }

    .w-off-sm-5 {
        margin-left: 41.6666666667%
    }

    .w-off-sm-6 {
        margin-left: 50%
    }

    .w-off-sm-7 {
        margin-left: 58.3333333333%
    }

    .w-off-sm-8 {
        margin-left: 66.6666666667%
    }

    .w-off-sm-9 {
        margin-left: 75%
    }

    .w-off-sm-10 {
        margin-left: 83.3333333333%
    }

    .w-off-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1024px) {
    .w-col {
        padding: 0 15px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-1 {
        width: 8.3333333333%
    }

    .w-col-1, .w-col-2 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-2 {
        width: 16.6666666667%
    }

    .w-col-3 {
        width: 25%
    }

    .w-col-3, .w-col-4 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-4 {
        width: 33.3333333333%
    }

    .w-col-5 {
        width: 41.6666666667%
    }

    .w-col-5, .w-col-6 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-6 {
        width: 50%
    }

    .w-col-7 {
        width: 58.3333333333%
    }

    .w-col-7, .w-col-8 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-8 {
        width: 66.6666666667%
    }

    .w-col-9 {
        width: 75%
    }

    .w-col-9, .w-col-10 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-10 {
        width: 83.3333333333%
    }

    .w-col-11 {
        width: 91.6666666667%
    }

    .w-col-11, .w-col-12 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-12 {
        width: 100%
    }

    .w-off-1 {
        margin-left: 8.3333333333%
    }

    .w-off-2 {
        margin-left: 16.6666666667%
    }

    .w-off-3 {
        margin-left: 25%
    }

    .w-off-4 {
        margin-left: 33.3333333333%
    }

    .w-off-5 {
        margin-left: 41.6666666667%
    }

    .w-off-6 {
        margin-left: 50%
    }

    .w-off-7 {
        margin-left: 58.3333333333%
    }

    .w-off-8 {
        margin-left: 66.6666666667%
    }

    .w-off-9 {
        margin-left: 75%
    }

    .w-off-10 {
        margin-left: 83.3333333333%
    }

    .w-off-11 {
        margin-left: 91.6666666667%
    }

    .w-col-sm {
        padding: 0 15px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-sm-1 {
        width: 8.3333333333%
    }

    .w-col-sm-1, .w-col-sm-2 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-2 {
        width: 16.6666666667%
    }

    .w-col-sm-3 {
        width: 25%
    }

    .w-col-sm-3, .w-col-sm-4 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-4 {
        width: 33.3333333333%
    }

    .w-col-sm-5 {
        width: 41.6666666667%
    }

    .w-col-sm-5, .w-col-sm-6 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-6 {
        width: 50%
    }

    .w-col-sm-7 {
        width: 58.3333333333%
    }

    .w-col-sm-7, .w-col-sm-8 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-8 {
        width: 66.6666666667%
    }

    .w-col-sm-9 {
        width: 75%
    }

    .w-col-sm-9, .w-col-sm-10 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-10 {
        width: 83.3333333333%
    }

    .w-col-sm-11 {
        width: 91.6666666667%
    }

    .w-col-sm-11, .w-col-sm-12 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-12 {
        width: 100%
    }

    .w-off-sm-0 {
        margin-left: 0
    }

    .w-off-sm-1 {
        margin-left: 8.3333333333%
    }

    .w-off-sm-2 {
        margin-left: 16.6666666667%
    }

    .w-off-sm-3 {
        margin-left: 25%
    }

    .w-off-sm-4 {
        margin-left: 33.3333333333%
    }

    .w-off-sm-5 {
        margin-left: 41.6666666667%
    }

    .w-off-sm-6 {
        margin-left: 50%
    }

    .w-off-sm-7 {
        margin-left: 58.3333333333%
    }

    .w-off-sm-8 {
        margin-left: 66.6666666667%
    }

    .w-off-sm-9 {
        margin-left: 75%
    }

    .w-off-sm-10 {
        margin-left: 83.3333333333%
    }

    .w-off-sm-11 {
        margin-left: 91.6666666667%
    }

    .w-col-md {
        padding: 0 15px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-md-1 {
        width: 8.3333333333%
    }

    .w-col-md-1, .w-col-md-2 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-2 {
        width: 16.6666666667%
    }

    .w-col-md-3 {
        width: 25%
    }

    .w-col-md-3, .w-col-md-4 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-4 {
        width: 33.3333333333%
    }

    .w-col-md-5 {
        width: 41.6666666667%
    }

    .w-col-md-5, .w-col-md-6 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-6 {
        width: 50%
    }

    .w-col-md-7 {
        width: 58.3333333333%
    }

    .w-col-md-7, .w-col-md-8 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-8 {
        width: 66.6666666667%
    }

    .w-col-md-9 {
        width: 75%
    }

    .w-col-md-9, .w-col-md-10 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-10 {
        width: 83.3333333333%
    }

    .w-col-md-11 {
        width: 91.6666666667%
    }

    .w-col-md-11, .w-col-md-12 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-12 {
        width: 100%
    }

    .w-off-md-0 {
        margin-left: 0
    }

    .w-off-md-1 {
        margin-left: 8.3333333333%
    }

    .w-off-md-2 {
        margin-left: 16.6666666667%
    }

    .w-off-md-3 {
        margin-left: 25%
    }

    .w-off-md-4 {
        margin-left: 33.3333333333%
    }

    .w-off-md-5 {
        margin-left: 41.6666666667%
    }

    .w-off-md-6 {
        margin-left: 50%
    }

    .w-off-md-7 {
        margin-left: 58.3333333333%
    }

    .w-off-md-8 {
        margin-left: 66.6666666667%
    }

    .w-off-md-9 {
        margin-left: 75%
    }

    .w-off-md-10 {
        margin-left: 83.3333333333%
    }

    .w-off-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1280px) {
    .w-col {
        padding: 0 15px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-1 {
        width: 8.3333333333%
    }

    .w-col-1, .w-col-2 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-2 {
        width: 16.6666666667%
    }

    .w-col-3 {
        width: 25%
    }

    .w-col-3, .w-col-4 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-4 {
        width: 33.3333333333%
    }

    .w-col-5 {
        width: 41.6666666667%
    }

    .w-col-5, .w-col-6 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-6 {
        width: 50%
    }

    .w-col-7 {
        width: 58.3333333333%
    }

    .w-col-7, .w-col-8 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-8 {
        width: 66.6666666667%
    }

    .w-col-9 {
        width: 75%
    }

    .w-col-9, .w-col-10 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-10 {
        width: 83.3333333333%
    }

    .w-col-11 {
        width: 91.6666666667%
    }

    .w-col-11, .w-col-12 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-12 {
        width: 100%
    }

    .w-off-1 {
        margin-left: 8.3333333333%
    }

    .w-off-2 {
        margin-left: 16.6666666667%
    }

    .w-off-3 {
        margin-left: 25%
    }

    .w-off-4 {
        margin-left: 33.3333333333%
    }

    .w-off-5 {
        margin-left: 41.6666666667%
    }

    .w-off-6 {
        margin-left: 50%
    }

    .w-off-7 {
        margin-left: 58.3333333333%
    }

    .w-off-8 {
        margin-left: 66.6666666667%
    }

    .w-off-9 {
        margin-left: 75%
    }

    .w-off-10 {
        margin-left: 83.3333333333%
    }

    .w-off-11 {
        margin-left: 91.6666666667%
    }

    .w-col-sm {
        padding: 0 15px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-sm-1 {
        width: 8.3333333333%
    }

    .w-col-sm-1, .w-col-sm-2 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-2 {
        width: 16.6666666667%
    }

    .w-col-sm-3 {
        width: 25%
    }

    .w-col-sm-3, .w-col-sm-4 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-4 {
        width: 33.3333333333%
    }

    .w-col-sm-5 {
        width: 41.6666666667%
    }

    .w-col-sm-5, .w-col-sm-6 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-6 {
        width: 50%
    }

    .w-col-sm-7 {
        width: 58.3333333333%
    }

    .w-col-sm-7, .w-col-sm-8 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-8 {
        width: 66.6666666667%
    }

    .w-col-sm-9 {
        width: 75%
    }

    .w-col-sm-9, .w-col-sm-10 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-10 {
        width: 83.3333333333%
    }

    .w-col-sm-11 {
        width: 91.6666666667%
    }

    .w-col-sm-11, .w-col-sm-12 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-sm-12 {
        width: 100%
    }

    .w-off-sm-0 {
        margin-left: 0
    }

    .w-off-sm-1 {
        margin-left: 8.3333333333%
    }

    .w-off-sm-2 {
        margin-left: 16.6666666667%
    }

    .w-off-sm-3 {
        margin-left: 25%
    }

    .w-off-sm-4 {
        margin-left: 33.3333333333%
    }

    .w-off-sm-5 {
        margin-left: 41.6666666667%
    }

    .w-off-sm-6 {
        margin-left: 50%
    }

    .w-off-sm-7 {
        margin-left: 58.3333333333%
    }

    .w-off-sm-8 {
        margin-left: 66.6666666667%
    }

    .w-off-sm-9 {
        margin-left: 75%
    }

    .w-off-sm-10 {
        margin-left: 83.3333333333%
    }

    .w-off-sm-11 {
        margin-left: 91.6666666667%
    }

    .w-col-md {
        padding: 0 15px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-md-1 {
        width: 8.3333333333%
    }

    .w-col-md-1, .w-col-md-2 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-2 {
        width: 16.6666666667%
    }

    .w-col-md-3 {
        width: 25%
    }

    .w-col-md-3, .w-col-md-4 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-4 {
        width: 33.3333333333%
    }

    .w-col-md-5 {
        width: 41.6666666667%
    }

    .w-col-md-5, .w-col-md-6 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-6 {
        width: 50%
    }

    .w-col-md-7 {
        width: 58.3333333333%
    }

    .w-col-md-7, .w-col-md-8 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-8 {
        width: 66.6666666667%
    }

    .w-col-md-9 {
        width: 75%
    }

    .w-col-md-9, .w-col-md-10 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-10 {
        width: 83.3333333333%
    }

    .w-col-md-11 {
        width: 91.6666666667%
    }

    .w-col-md-11, .w-col-md-12 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-md-12 {
        width: 100%
    }

    .w-off-md-0 {
        margin-left: 0
    }

    .w-off-md-1 {
        margin-left: 8.3333333333%
    }

    .w-off-md-2 {
        margin-left: 16.6666666667%
    }

    .w-off-md-3 {
        margin-left: 25%
    }

    .w-off-md-4 {
        margin-left: 33.3333333333%
    }

    .w-off-md-5 {
        margin-left: 41.6666666667%
    }

    .w-off-md-6 {
        margin-left: 50%
    }

    .w-off-md-7 {
        margin-left: 58.3333333333%
    }

    .w-off-md-8 {
        margin-left: 66.6666666667%
    }

    .w-off-md-9 {
        margin-left: 75%
    }

    .w-off-md-10 {
        margin-left: 83.3333333333%
    }

    .w-off-md-11 {
        margin-left: 91.6666666667%
    }

    .w-col-lg {
        padding: 0 15px;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .w-col-lg-1 {
        width: 8.3333333333%
    }

    .w-col-lg-1, .w-col-lg-2 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-lg-2 {
        width: 16.6666666667%
    }

    .w-col-lg-3 {
        width: 25%
    }

    .w-col-lg-3, .w-col-lg-4 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-lg-4 {
        width: 33.3333333333%
    }

    .w-col-lg-5 {
        width: 41.6666666667%
    }

    .w-col-lg-5, .w-col-lg-6 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-lg-6 {
        width: 50%
    }

    .w-col-lg-7 {
        width: 58.3333333333%
    }

    .w-col-lg-7, .w-col-lg-8 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-lg-8 {
        width: 66.6666666667%
    }

    .w-col-lg-9 {
        width: 75%
    }

    .w-col-lg-9, .w-col-lg-10 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-lg-10 {
        width: 83.3333333333%
    }

    .w-col-lg-11 {
        width: 91.6666666667%
    }

    .w-col-lg-11, .w-col-lg-12 {
        padding: 0 15px;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .w-col-lg-12 {
        width: 100%
    }

    .w-off-lg-0 {
        margin-left: 0
    }

    .w-off-lg-1 {
        margin-left: 8.3333333333%
    }

    .w-off-lg-2 {
        margin-left: 16.6666666667%
    }

    .w-off-lg-3 {
        margin-left: 25%
    }

    .w-off-lg-4 {
        margin-left: 33.3333333333%
    }

    .w-off-lg-5 {
        margin-left: 41.6666666667%
    }

    .w-off-lg-6 {
        margin-left: 50%
    }

    .w-off-lg-7 {
        margin-left: 58.3333333333%
    }

    .w-off-lg-8 {
        margin-left: 66.6666666667%
    }

    .w-off-lg-9 {
        margin-left: 75%
    }

    .w-off-lg-10 {
        margin-left: 83.3333333333%
    }

    .w-off-lg-11 {
        margin-left: 91.6666666667%
    }
}

body {
    font-family: Nunito, arial, sans-serif;
    font-style: normal
}

.c-tooltip-outer {
    position: relative;
    cursor: pointer
}

.c-tooltip {
    visibility: hidden;
    transition: visibility 0s linear .25s;
    position: absolute;
    -webkit-perspective: 1500px;
    perspective: 1500px;
    z-index: 100;
    cursor: auto
}

.c-tooltip.c-tooltip--visible {
    visibility: visible;
    transition-delay: 0s
}

.c-tooltip__content {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    min-width: 300px;
    box-shadow: 0 5px 15px rgba(57, 65, 75, .25);
    padding: 12px
}

.c-tooltip__chevron {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute
}

.c-tooltip--type-0 .c-tooltip__content {
    position: relative;
    background-color: #fff;
    border-radius: 5px
}

.c-tooltip--type-0.c-tooltip--top-left {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
    margin: 0 0 12px -30px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-0.c-tooltip--top-left .c-tooltip__chevron {
    height: 9px;
    width: 18px;
    border-color: #fff transparent currentcolor;
    border-style: solid solid none;
    border-width: 9px 9px 0;
    top: auto;
    right: auto;
    bottom: -8px;
    left: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-0.c-tooltip--top-left > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-0.c-tooltip--top-left.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-left.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-0.c-tooltip--top-left.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-0.c-tooltip--top-center {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    padding-bottom: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-0.c-tooltip--top-center .c-tooltip__chevron {
    height: 9px;
    width: 18px;
    border-color: #fff transparent currentcolor;
    border-style: solid solid none;
    border-width: 9px 9px 0;
    top: auto;
    right: auto;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-0.c-tooltip--top-center > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-0.c-tooltip--top-center.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-center.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-0.c-tooltip--top-center.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-0.c-tooltip--top-right {
    top: auto;
    right: 0;
    bottom: 100%;
    left: auto;
    margin-right: -30px;
    padding-bottom: 12px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-0.c-tooltip--top-right .c-tooltip__chevron {
    height: 9px;
    width: 18px;
    border-color: #fff transparent currentcolor;
    border-style: solid solid none;
    border-width: 9px 9px 0;
    top: auto;
    right: 30px;
    bottom: -8px;
    left: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.c-tooltip--type-0.c-tooltip--top-right > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-0.c-tooltip--top-right.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-right.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-0.c-tooltip--top-right.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-0.c-tooltip--right-top {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 100%;
    margin: -30px 0 0 12px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-0.c-tooltip--right-top .c-tooltip__chevron {
    height: 18px;
    width: 9px;
    border-color: transparent #fff transparent currentcolor;
    border-style: solid solid solid none;
    border-width: 9px 9px 9px 0;
    top: 30px;
    right: auto;
    bottom: auto;
    left: -8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-tooltip--type-0.c-tooltip--right-top > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-out;
    animation-name: app-tooltip-right-out;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-tooltip--type-0.c-tooltip--right-top.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--right-top.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-in;
    animation-name: app-tooltip-right-in
}

.c-tooltip--type-0.c-tooltip--right-top.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-out;
    animation-name: app-tooltip-right-out;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-tooltip--type-0.c-tooltip--bottom-left {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 12px 0 0 -30px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-0.c-tooltip--bottom-left .c-tooltip__chevron {
    height: 9px;
    width: 18px;
    border-color: currentcolor transparent #fff;
    border-style: none solid solid;
    border-width: 0 9px 9px;
    top: -8px;
    right: auto;
    bottom: auto;
    left: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-0.c-tooltip--bottom-left > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-0.c-tooltip--bottom-left.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-left.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-0.c-tooltip--bottom-left.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-0.c-tooltip--bottom-center {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 50%;
    padding-top: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-0.c-tooltip--bottom-center .c-tooltip__chevron {
    height: 9px;
    width: 18px;
    border-color: currentcolor transparent #fff;
    border-style: none solid solid;
    border-width: 0 9px 9px;
    top: -8px;
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-0.c-tooltip--bottom-center > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-0.c-tooltip--bottom-center.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-center.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-0.c-tooltip--bottom-center.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-0.c-tooltip--bottom-right {
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    padding-top: 12px;
    margin-right: -30px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-0.c-tooltip--bottom-right .c-tooltip__chevron {
    height: 9px;
    width: 18px;
    border-color: currentcolor transparent #fff;
    border-style: none solid solid;
    border-width: 0 9px 9px;
    top: -8px;
    right: 30px;
    bottom: auto;
    left: auto;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.c-tooltip--type-0.c-tooltip--bottom-right > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-0.c-tooltip--bottom-right.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-right.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-0.c-tooltip--bottom-right.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-0.c-tooltip--left-top {
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto;
    margin-top: -30px;
    padding-right: 12px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-0.c-tooltip--left-top .c-tooltip__chevron {
    height: 18px;
    width: 9px;
    border-color: transparent currentcolor transparent #fff;
    border-style: solid none solid solid;
    border-width: 9px 0 9px 9px;
    top: 30px;
    right: -8px;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-tooltip--type-0.c-tooltip--left-top > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-out;
    animation-name: app-tooltip-left-out;
    -webkit-transform-origin: right;
    transform-origin: right
}

.c-tooltip--type-0.c-tooltip--left-top.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--left-top.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-in;
    animation-name: app-tooltip-left-in
}

.c-tooltip--type-0.c-tooltip--left-top.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-out;
    animation-name: app-tooltip-left-out;
    -webkit-transform-origin: right;
    transform-origin: right
}

@media (min-width: 1280px) {
    .c-tooltip--type-0 .c-tooltip__content {
        position: relative;
        background-color: #fff;
        border-radius: 5px
    }

    .c-tooltip--type-0.c-tooltip--top-left-lg {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 0;
        margin: 0 0 12px -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--top-left-lg .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-left-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-left-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-left-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-left-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-center-lg {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        padding-bottom: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-center-lg .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-center-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-center-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-center-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-center-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-right-lg {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;
        margin-right: -30px;
        padding-bottom: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--top-right-lg .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: 30px;
        bottom: -8px;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-0.c-tooltip--top-right-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-right-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-right-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-right-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--right-top-lg {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 100%;
        margin: -30px 0 0 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--right-top-lg .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent #fff transparent currentcolor;
        border-style: solid solid solid none;
        border-width: 9px 9px 9px 0;
        top: 30px;
        right: auto;
        bottom: auto;
        left: -8px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-0.c-tooltip--right-top-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-0.c-tooltip--right-top-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--right-top-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-in;
        animation-name: app-tooltip-right-in
    }

    .c-tooltip--type-0.c-tooltip--right-top-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-lg {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
        margin: 12px 0 0 -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-lg .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-left-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-lg {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 50%;
        padding-top: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-lg .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-center-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-lg {
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        padding-top: 12px;
        margin-right: -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-lg .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: 30px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-right-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--left-top-lg {
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin-top: -30px;
        padding-right: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--left-top-lg .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent currentcolor transparent #fff;
        border-style: solid none solid solid;
        border-width: 9px 0 9px 9px;
        top: 30px;
        right: -8px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-0.c-tooltip--left-top-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-tooltip--type-0.c-tooltip--left-top-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--left-top-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-in;
        animation-name: app-tooltip-left-in
    }

    .c-tooltip--type-0.c-tooltip--left-top-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media (min-width: 1024px) {
    .c-tooltip--type-0 .c-tooltip__content {
        position: relative;
        background-color: #fff;
        border-radius: 5px
    }

    .c-tooltip--type-0.c-tooltip--top-left-md {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 0;
        margin: 0 0 12px -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--top-left-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-left-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-left-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-left-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-left-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-center-md {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        padding-bottom: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-center-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-center-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-center-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-center-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-center-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-right-md {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;
        margin-right: -30px;
        padding-bottom: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--top-right-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: 30px;
        bottom: -8px;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-0.c-tooltip--top-right-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-right-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-right-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-right-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--right-top-md {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 100%;
        margin: -30px 0 0 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--right-top-md .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent #fff transparent currentcolor;
        border-style: solid solid solid none;
        border-width: 9px 9px 9px 0;
        top: 30px;
        right: auto;
        bottom: auto;
        left: -8px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-0.c-tooltip--right-top-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-0.c-tooltip--right-top-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--right-top-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-in;
        animation-name: app-tooltip-right-in
    }

    .c-tooltip--type-0.c-tooltip--right-top-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-md {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
        margin: 12px 0 0 -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-left-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-md {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 50%;
        padding-top: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-center-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-md {
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        padding-top: 12px;
        margin-right: -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: 30px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-right-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--left-top-md {
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin-top: -30px;
        padding-right: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--left-top-md .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent currentcolor transparent #fff;
        border-style: solid none solid solid;
        border-width: 9px 0 9px 9px;
        top: 30px;
        right: -8px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-0.c-tooltip--left-top-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-tooltip--type-0.c-tooltip--left-top-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--left-top-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-in;
        animation-name: app-tooltip-left-in
    }

    .c-tooltip--type-0.c-tooltip--left-top-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media (min-width: 640px) {
    .c-tooltip--type-0 .c-tooltip__content {
        position: relative;
        background-color: #fff;
        border-radius: 5px
    }

    .c-tooltip--type-0.c-tooltip--top-left-sm {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 0;
        margin: 0 0 12px -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--top-left-sm .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-left-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-left-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-left-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-left-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-center-sm {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        padding-bottom: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-center-sm .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--top-center-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-center-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-center-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-center-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-right-sm {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;
        margin-right: -30px;
        padding-bottom: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--top-right-sm .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: 30px;
        bottom: -8px;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-0.c-tooltip--top-right-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--top-right-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--top-right-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-0.c-tooltip--top-right-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-0.c-tooltip--right-top-sm {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 100%;
        margin: -30px 0 0 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--right-top-sm .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent #fff transparent currentcolor;
        border-style: solid solid solid none;
        border-width: 9px 9px 9px 0;
        top: 30px;
        right: auto;
        bottom: auto;
        left: -8px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-0.c-tooltip--right-top-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-0.c-tooltip--right-top-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--right-top-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-in;
        animation-name: app-tooltip-right-in
    }

    .c-tooltip--type-0.c-tooltip--right-top-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-sm {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
        margin: 12px 0 0 -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-sm .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-left-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-left-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-sm {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 50%;
        padding-top: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-sm .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-center-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-center-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-sm {
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        padding-top: 12px;
        margin-right: -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-sm .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: 30px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--bottom-right-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-0.c-tooltip--bottom-right-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-0.c-tooltip--left-top-sm {
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin-top: -30px;
        padding-right: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-0.c-tooltip--left-top-sm .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent currentcolor transparent #fff;
        border-style: solid none solid solid;
        border-width: 9px 0 9px 9px;
        top: 30px;
        right: -8px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-0.c-tooltip--left-top-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-tooltip--type-0.c-tooltip--left-top-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-0.c-tooltip--left-top-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-in;
        animation-name: app-tooltip-left-in
    }

    .c-tooltip--type-0.c-tooltip--left-top-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

.c-tooltip--type-1 .c-tooltip__content {
    position: relative;
    background-color: #e4dbff;
    border-radius: 18px
}

.c-tooltip--type-1.c-tooltip--top-left {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
    margin: 0 0 6px 20px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--top-left .c-tooltip__chevron {
    top: auto;
    right: auto;
    bottom: 0;
    left: -5px;
    height: 24px;
    width: 18px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-tooltip--type-1.c-tooltip--top-left > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-1.c-tooltip--top-left.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-left.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-1.c-tooltip--top-left.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-1.c-tooltip--top-center {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    margin: 0 0 6px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-1.c-tooltip--top-center .c-tooltip__chevron {
    top: auto;
    right: -5px;
    bottom: 0;
    left: auto;
    height: 24px;
    width: 18px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.c-tooltip--type-1.c-tooltip--top-center > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-1.c-tooltip--top-center.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-center.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-1.c-tooltip--top-center.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-1.c-tooltip--top-right {
    top: auto;
    right: 0;
    bottom: 100%;
    left: auto;
    margin: 0 20px 6px 0;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--top-right .c-tooltip__chevron {
    top: auto;
    right: -5px;
    bottom: 0;
    left: auto;
    height: 24px;
    width: 18px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.c-tooltip--type-1.c-tooltip--top-right > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-1.c-tooltip--top-right.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-right.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-1.c-tooltip--top-right.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-1.c-tooltip--right-top {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 100%;
    margin: 20px 0 0 6px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--right-top .c-tooltip__chevron {
    top: 0;
    right: auto;
    bottom: auto;
    left: -5px;
    height: 24px;
    width: 18px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.c-tooltip--type-1.c-tooltip--right-top > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-out;
    animation-name: app-tooltip-right-out;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-tooltip--type-1.c-tooltip--right-top.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--right-top.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-in;
    animation-name: app-tooltip-right-in
}

.c-tooltip--type-1.c-tooltip--right-top.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-out;
    animation-name: app-tooltip-right-out;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-tooltip--type-1.c-tooltip--bottom-left {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    margin: 6px 0 0 20px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--bottom-left .c-tooltip__chevron {
    top: 0;
    right: auto;
    bottom: auto;
    left: -5px;
    height: 24px;
    width: 18px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.c-tooltip--type-1.c-tooltip--bottom-left > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-1.c-tooltip--bottom-left.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-left.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-1.c-tooltip--bottom-left.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-1.c-tooltip--bottom-center {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 6px 0 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-1.c-tooltip--bottom-center .c-tooltip__chevron {
    top: 0;
    right: auto;
    bottom: auto;
    left: -5px;
    height: 24px;
    width: 18px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.c-tooltip--type-1.c-tooltip--bottom-center > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-1.c-tooltip--bottom-center.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-center.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-1.c-tooltip--bottom-center.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-1.c-tooltip--bottom-right {
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 6px 20px 0 0;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--bottom-right .c-tooltip__chevron {
    top: 0;
    right: -5px;
    bottom: auto;
    left: auto;
    height: 24px;
    width: 18px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--bottom-right > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-1.c-tooltip--bottom-right.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-right.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-1.c-tooltip--bottom-right.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-1.c-tooltip--left-top {
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto;
    margin: 20px 6px 0 0;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--left-top .c-tooltip__chevron {
    top: 0;
    right: -5px;
    bottom: auto;
    left: auto;
    height: 24px;
    width: 18px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-1.c-tooltip--left-top > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-out;
    animation-name: app-tooltip-left-out;
    -webkit-transform-origin: right;
    transform-origin: right
}

.c-tooltip--type-1.c-tooltip--left-top.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--left-top.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-in;
    animation-name: app-tooltip-left-in
}

.c-tooltip--type-1.c-tooltip--left-top.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-out;
    animation-name: app-tooltip-left-out;
    -webkit-transform-origin: right;
    transform-origin: right
}

@media (min-width: 1280px) {
    .c-tooltip--type-1 .c-tooltip__content {
        position: relative;
        background-color: #e4dbff;
        border-radius: 18px
    }

    .c-tooltip--type-1.c-tooltip--top-left-lg {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 0;
        margin: 0 0 6px 20px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--top-left-lg .c-tooltip__chevron {
        top: auto;
        right: auto;
        bottom: 0;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .c-tooltip--type-1.c-tooltip--top-left-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-left-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-left-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-left-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-center-lg {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        margin: 0 0 6px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--top-center-lg .c-tooltip__chevron {
        top: auto;
        right: -5px;
        bottom: 0;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .c-tooltip--type-1.c-tooltip--top-center-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-center-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-center-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-center-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-right-lg {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;
        margin: 0 20px 6px 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--top-right-lg .c-tooltip__chevron {
        top: auto;
        right: -5px;
        bottom: 0;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .c-tooltip--type-1.c-tooltip--top-right-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-right-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-right-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-right-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--right-top-lg {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 100%;
        margin: 20px 0 0 6px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--right-top-lg .c-tooltip__chevron {
        top: 0;
        right: auto;
        bottom: auto;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .c-tooltip--type-1.c-tooltip--right-top-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-1.c-tooltip--right-top-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--right-top-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-in;
        animation-name: app-tooltip-right-in
    }

    .c-tooltip--type-1.c-tooltip--right-top-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-lg {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
        margin: 6px 0 0 20px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-lg .c-tooltip__chevron {
        top: 0;
        right: auto;
        bottom: auto;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-left-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-lg {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 50%;
        margin: 6px 0 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-lg .c-tooltip__chevron {
        top: 0;
        right: auto;
        bottom: auto;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-center-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-lg {
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        margin: 6px 20px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-lg .c-tooltip__chevron {
        top: 0;
        right: -5px;
        bottom: auto;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-right-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--left-top-lg {
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin: 20px 6px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--left-top-lg .c-tooltip__chevron {
        top: 0;
        right: -5px;
        bottom: auto;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--left-top-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-tooltip--type-1.c-tooltip--left-top-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--left-top-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-in;
        animation-name: app-tooltip-left-in
    }

    .c-tooltip--type-1.c-tooltip--left-top-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media (min-width: 1024px) {
    .c-tooltip--type-1 .c-tooltip__content {
        position: relative;
        background-color: #fff;
        border-radius: 5px
    }

    .c-tooltip--type-1.c-tooltip--top-left-md {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 0;
        margin: 0 0 12px -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--top-left-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--top-left-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-left-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-left-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-left-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-center-md {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        padding-bottom: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--top-center-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: auto;
        bottom: -8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--top-center-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-center-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-center-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-center-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-right-md {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;
        margin-right: -30px;
        padding-bottom: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--top-right-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: #fff transparent currentcolor;
        border-style: solid solid none;
        border-width: 9px 9px 0;
        top: auto;
        right: 30px;
        bottom: -8px;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-1.c-tooltip--top-right-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-right-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-right-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-right-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--right-top-md {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 100%;
        margin: -30px 0 0 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--right-top-md .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent #fff transparent currentcolor;
        border-style: solid solid solid none;
        border-width: 9px 9px 9px 0;
        top: 30px;
        right: auto;
        bottom: auto;
        left: -8px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-1.c-tooltip--right-top-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-1.c-tooltip--right-top-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--right-top-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-in;
        animation-name: app-tooltip-right-in
    }

    .c-tooltip--type-1.c-tooltip--right-top-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-md {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
        margin: 12px 0 0 -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-left-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-md {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 50%;
        padding-top: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-center-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-md {
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        padding-top: 12px;
        margin-right: -30px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-md .c-tooltip__chevron {
        height: 9px;
        width: 18px;
        border-color: currentcolor transparent #fff;
        border-style: none solid solid;
        border-width: 0 9px 9px;
        top: -8px;
        right: 30px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-right-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--left-top-md {
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin-top: -30px;
        padding-right: 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--left-top-md .c-tooltip__chevron {
        height: 18px;
        width: 9px;
        border-color: transparent currentcolor transparent #fff;
        border-style: solid none solid solid;
        border-width: 9px 0 9px 9px;
        top: 30px;
        right: -8px;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-tooltip--type-1.c-tooltip--left-top-md > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-tooltip--type-1.c-tooltip--left-top-md.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--left-top-md.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-in;
        animation-name: app-tooltip-left-in
    }

    .c-tooltip--type-1.c-tooltip--left-top-md.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media (min-width: 640px) {
    .c-tooltip--type-1 .c-tooltip__content {
        position: relative;
        background-color: #e4dbff;
        border-radius: 18px
    }

    .c-tooltip--type-1.c-tooltip--top-left-sm {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 0;
        margin: 0 0 6px 20px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--top-left-sm .c-tooltip__chevron {
        top: auto;
        right: auto;
        bottom: 0;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .c-tooltip--type-1.c-tooltip--top-left-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-left-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-left-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-left-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-center-sm {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        margin: 0 0 6px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--top-center-sm .c-tooltip__chevron {
        top: auto;
        right: -5px;
        bottom: 0;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .c-tooltip--type-1.c-tooltip--top-center-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-center-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-center-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-center-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-right-sm {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;
        margin: 0 20px 6px 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--top-right-sm .c-tooltip__chevron {
        top: auto;
        right: -5px;
        bottom: 0;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .c-tooltip--type-1.c-tooltip--top-right-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--top-right-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--top-right-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-1.c-tooltip--top-right-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-1.c-tooltip--right-top-sm {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 100%;
        margin: 20px 0 0 6px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--right-top-sm .c-tooltip__chevron {
        top: 0;
        right: auto;
        bottom: auto;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .c-tooltip--type-1.c-tooltip--right-top-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-1.c-tooltip--right-top-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--right-top-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-in;
        animation-name: app-tooltip-right-in
    }

    .c-tooltip--type-1.c-tooltip--right-top-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-sm {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
        margin: 6px 0 0 20px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-sm .c-tooltip__chevron {
        top: 0;
        right: auto;
        bottom: auto;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-left-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-left-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-sm {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 50%;
        margin: 6px 0 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-sm .c-tooltip__chevron {
        top: 0;
        right: auto;
        bottom: auto;
        left: -5px;
        height: 24px;
        width: 18px;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-center-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-center-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-sm {
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        margin: 6px 20px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-sm .c-tooltip__chevron {
        top: 0;
        right: -5px;
        bottom: auto;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--bottom-right-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-1.c-tooltip--bottom-right-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-1.c-tooltip--left-top-sm {
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin: 20px 6px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--left-top-sm .c-tooltip__chevron {
        top: 0;
        right: -5px;
        bottom: auto;
        left: auto;
        height: 24px;
        width: 18px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-1.c-tooltip--left-top-sm > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-tooltip--type-1.c-tooltip--left-top-sm.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-1.c-tooltip--left-top-sm.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-in;
        animation-name: app-tooltip-left-in
    }

    .c-tooltip--type-1.c-tooltip--left-top-sm.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

.c-tooltip--type-1 .c-tooltip__chevron {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.21 2.016c-3.628 5.23-4.212 14.356-4.257 19.034-.008.956-1.252 1.434-1.874.708L.393 10.46c-.242-.283-.308-.67-.138-1.002.988-1.919 5.011-8.33 15.041-9.327.924-.092 1.441 1.122.912 1.885z' fill='%23E4DBFF'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.c-tooltip--type-1 .c-tooltip__content {
    padding: 12px
}

.c-tooltip--type-2 .c-tooltip__content {
    position: relative;
    background-color: #fff
}

.c-tooltip--type-2.c-tooltip--top-left {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
    margin: 0 0 12px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-2.c-tooltip--top-left > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-2.c-tooltip--top-left.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--top-left.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-2.c-tooltip--top-left.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-2.c-tooltip--top-center {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    margin: 0 0 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-2.c-tooltip--top-center > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-2.c-tooltip--top-center.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--top-center.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-2.c-tooltip--top-center.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-2.c-tooltip--top-right {
    top: auto;
    right: 0;
    bottom: 100%;
    left: auto;
    margin: 0 0 12px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-2.c-tooltip--top-right > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-2.c-tooltip--top-right.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--top-right.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-in;
    animation-name: app-tooltip-top-in
}

.c-tooltip--type-2.c-tooltip--top-right.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-top-out;
    animation-name: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.c-tooltip--type-2.c-tooltip--right-top {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 100%;
    margin: 0 0 0 12px;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-2.c-tooltip--right-top > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-out;
    animation-name: app-tooltip-right-out;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-tooltip--type-2.c-tooltip--right-top.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--right-top.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-in;
    animation-name: app-tooltip-right-in
}

.c-tooltip--type-2.c-tooltip--right-top.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-right-out;
    animation-name: app-tooltip-right-out;
    -webkit-transform-origin: left;
    transform-origin: left
}

.c-tooltip--type-2.c-tooltip--bottom-left {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-2.c-tooltip--bottom-left > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-2.c-tooltip--bottom-left.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--bottom-left.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-2.c-tooltip--bottom-left.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-2.c-tooltip--bottom-center {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 12px 0 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-tooltip--type-2.c-tooltip--bottom-center > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-2.c-tooltip--bottom-center.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--bottom-center.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-2.c-tooltip--bottom-center.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-2.c-tooltip--bottom-right {
    top: 100%;
    right: 0;
    bottom: auto;
    left: auto;
    margin: 12px 0 0;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-2.c-tooltip--bottom-right > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-2.c-tooltip--bottom-right.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--bottom-right.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.c-tooltip--type-2.c-tooltip--bottom-right.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top
}

.c-tooltip--type-2.c-tooltip--left-top {
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto;
    margin: 0 12px 0 0;
    -webkit-transform: none;
    transform: none
}

.c-tooltip--type-2.c-tooltip--left-top > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-out;
    animation-name: app-tooltip-left-out;
    -webkit-transform-origin: right;
    transform-origin: right
}

.c-tooltip--type-2.c-tooltip--left-top.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--left-top.c-tooltip--visible > .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-in;
    animation-name: app-tooltip-left-in
}

.c-tooltip--type-2.c-tooltip--left-top.c-tooltip--leave-active .c-tooltip__content {
    -webkit-animation-name: app-tooltip-left-out;
    animation-name: app-tooltip-left-out;
    -webkit-transform-origin: right;
    transform-origin: right
}

@media (min-width: 1280px) {
    .c-tooltip--type-2 .c-tooltip__content {
        position: relative;
        background-color: #fff;
        border-radius: 18px
    }

    .c-tooltip--type-2.c-tooltip--top-left-lg {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 0;
        margin: 0 0 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-2.c-tooltip--top-left-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-2.c-tooltip--top-left-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--top-left-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-2.c-tooltip--top-left-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-2.c-tooltip--top-center-lg {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 50%;
        margin: 0 0 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-2.c-tooltip--top-center-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-2.c-tooltip--top-center-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--top-center-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-2.c-tooltip--top-center-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-2.c-tooltip--top-right-lg {
        top: auto;
        right: 0;
        bottom: 100%;
        left: auto;
        margin: 0 0 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-2.c-tooltip--top-right-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-2.c-tooltip--top-right-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--top-right-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-in;
        animation-name: app-tooltip-top-in
    }

    .c-tooltip--type-2.c-tooltip--top-right-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-top-out;
        animation-name: app-tooltip-top-out;
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }

    .c-tooltip--type-2.c-tooltip--right-top-lg {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 100%;
        margin: 0 0 0 12px;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-2.c-tooltip--right-top-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-2.c-tooltip--right-top-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--right-top-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-in;
        animation-name: app-tooltip-right-in
    }

    .c-tooltip--type-2.c-tooltip--right-top-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-right-out;
        animation-name: app-tooltip-right-out;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    .c-tooltip--type-2.c-tooltip--bottom-left-lg {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-2.c-tooltip--bottom-left-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-2.c-tooltip--bottom-left-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--bottom-left-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-2.c-tooltip--bottom-left-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-2.c-tooltip--bottom-center-lg {
        top: 100%;
        right: auto;
        bottom: auto;
        left: 50%;
        margin: 12px 0 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-tooltip--type-2.c-tooltip--bottom-center-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-2.c-tooltip--bottom-center-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--bottom-center-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-2.c-tooltip--bottom-center-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-2.c-tooltip--bottom-right-lg {
        top: 100%;
        right: 0;
        bottom: auto;
        left: auto;
        margin: 12px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-2.c-tooltip--bottom-right-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-2.c-tooltip--bottom-right-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--bottom-right-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-in;
        animation-name: app-tooltip-bottom-in
    }

    .c-tooltip--type-2.c-tooltip--bottom-right-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-bottom-out;
        animation-name: app-tooltip-bottom-out;
        -webkit-transform-origin: top;
        transform-origin: top
    }

    .c-tooltip--type-2.c-tooltip--left-top-lg {
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        margin: 0 12px 0 0;
        -webkit-transform: none;
        transform: none
    }

    .c-tooltip--type-2.c-tooltip--left-top-lg > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    .c-tooltip--type-2.c-tooltip--left-top-lg.c-tooltip--enter-active .c-tooltip__content, .c-tooltip--type-2.c-tooltip--left-top-lg.c-tooltip--visible > .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-in;
        animation-name: app-tooltip-left-in
    }

    .c-tooltip--type-2.c-tooltip--left-top-lg.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: app-tooltip-left-out;
        animation-name: app-tooltip-left-out;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media (max-width: 1023.98px) {
    .c-tooltip--type-2 {
        -webkit-perspective: none;
        perspective: none
    }
}

.c-tooltip--type-2 .c-tooltip__chevron {
    display: none
}

@media (max-width: 1023.98px) {
    .c-tooltip--type-2 {
        position: fixed;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        background-color: rgba(59, 47, 109, .4)
    }
}

.c-tooltip--type-2 .c-tooltip__content {
    padding: 6px 12px;
    border-radius: 18px;
    border: 6px solid #9176ff;
    box-shadow: 0 6px 0 #9176ff;
    margin: 0 auto
}

@media (max-width: 1023.98px) {
    .c-tooltip--type-2 .c-tooltip__content {
        -webkit-animation-name: fadeIn !important;
        animation-name: fadeIn !important;
        position: fixed;
        left: 50%;
        top: 50%;
        right: auto;
        bottom: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@media (max-width: 1023.98px) {
    .c-tooltip--type-2.c-tooltip--leave-active {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .25s;
        animation-duration: .25s
    }

    .c-tooltip--type-2.c-tooltip--leave-active .c-tooltip__content {
        -webkit-animation-name: fadeOut !important;
        animation-name: fadeOut !important
    }
}

.c-tooltip--type-2 .c-tooltip__close {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='54' height='54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 48c10.493 0 19-8.507 19-19v-4h-.422C43.741 16.427 36.121 10 27 10c-9.121 0-16.741 6.427-18.578 15H8v4c0 10.493 8.507 19 19 19z' fill='%23D95A41'/%3E%3Ccircle cx='27' cy='25' r='17' fill='%23FF7559' stroke='%23D95A41' stroke-width='4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.364 21.464a2 2 0 00-2.828-2.828L27 22.172l-3.536-3.536a2 2 0 10-2.828 2.828L24.172 25l-3.536 3.535a2 2 0 002.829 2.829L27 27.828l3.535 3.536a2 2 0 002.829-2.829L29.828 25l3.536-3.536z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    width: 54px;
    height: 54px;
    right: -18px;
    top: -24px
}

@media (min-width: 1024px) {
    .c-tooltip--type-2 .c-tooltip__close {
        display: none
    }
}

.c-tooltip__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.c-tooltip__title-medium {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.c-tooltip__text {
    font-style: normal;
    font-weight: 400
}

.c-tooltip__text, .c-tooltip__text .c-tooltip__link {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

.c-tooltip__text .c-tooltip__link {
    font-weight: 800
}

.c-tooltip__text-small {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

.c-tooltip__link {
    cursor: pointer;
    text-decoration: none;
    color: #508df9
}

.c-tooltip__link:hover {
    text-decoration: underline
}

.c-tooltip__text, .c-tooltip__text-small, .c-tooltip__title, .c-tooltip__title-medium {
    color: #39414b;
    margin-top: 12px
}

.button {
    display: inline-block;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button, .button > * {
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s
}

.button:focus {
    outline: none;
    box-shadow: 0 0 6px #65afe9
}

.button:active {
    box-shadow: none
}

.button__content {
    height: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button--loading {
    pointer-events: none
}

.button--loading * {
    visibility: hidden
}

.button--loading .button__loader {
    display: block
}

.button--expanded {
    display: block;
    width: 100%
}

.button--light .button__loader:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.667 14.999V15c0 .736.597 1.333 1.333 1.333h3.334c.736 0 1.333-.597 1.333-1.333v-.001c0-.736-.597-1.333-1.333-1.333H7c-.736 0-1.333.597-1.333 1.333zM18.333 14.999V15c0 .736.597 1.333 1.333 1.333H23c.736 0 1.333-.597 1.333-1.333v-.001c0-.736-.597-1.333-1.333-1.333h-3.334c-.736 0-1.333.597-1.333 1.333zM10.334 6.917a1.333 1.333 0 00-.489 1.821l1.667 2.888a1.333 1.333 0 001.821.488h.001a1.333 1.333 0 00.488-1.822l-1.667-2.887a1.333 1.333 0 00-1.821-.488zM16.666 17.887a1.333 1.333 0 00-.489 1.822l1.667 2.887a1.333 1.333 0 001.821.488h.001a1.333 1.333 0 00.488-1.822l-1.667-2.887a1.333 1.333 0 00-1.821-.488zM10.333 23.082v.001c.638.368 1.454.15 1.822-.488l1.667-2.887a1.333 1.333 0 00-.488-1.821h-.001a1.333 1.333 0 00-1.82.487l-1.668 2.888a1.333 1.333 0 00.488 1.82zM16.666 12.113c.638.368 1.454.15 1.822-.488l1.667-2.887a1.333 1.333 0 00-.488-1.82l-.001-.001a1.333 1.333 0 00-1.82.488l-1.668 2.887a1.333 1.333 0 00.488 1.82z' fill='%235CBB73'/%3E%3C/svg%3E")
}

.button:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.button[disabled] {
    text-decoration: none;
    color: #bdbec2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    cursor: not-allowed;
    pointer-events: none
}

.button[disabled]:before {
    background-color: #e1e2e3;
    color: #bdbec2
}

.button[disabled]:after {
    background-color: #bdbec2
}

.button__loader {
    display: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    visibility: visible
}

.button__loader:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.481 6.111a1.482 1.482 0 10-2.962 0v3.703a1.482 1.482 0 102.962 0V6.111zM16.481 20.186a1.482 1.482 0 10-2.962 0v3.703a1.482 1.482 0 102.962 0v-3.703zM23.439 11.839a1.482 1.482 0 10-1.482-2.566l-3.207 1.852a1.482 1.482 0 101.481 2.566l3.207-1.852zM11.25 18.875a1.482 1.482 0 10-1.481-2.566L6.56 18.161a1.481 1.481 0 101.482 2.566l3.207-1.852zM8.043 9.273A1.482 1.482 0 106.56 11.84l3.208 1.852a1.481 1.481 0 101.481-2.566L8.043 9.273zM20.231 16.31a1.482 1.482 0 10-1.481 2.566l3.207 1.852a1.482 1.482 0 101.482-2.566L20.23 16.31z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    -webkit-animation: button-spin-data-v-7fbcd5de 1.5s ease-in-out infinite;
    animation: button-spin-data-v-7fbcd5de 1.5s ease-in-out infinite
}

.button.button--size-m {
    height: 54px;
    border-radius: 18px;
    padding: 18px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .button.button--size-m-sm {
        height: 54px;
        border-radius: 18px;
        padding: 18px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

@media (min-width: 1024px) {
    .button.button--size-m-md {
        height: 54px;
        border-radius: 18px;
        padding: 18px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

@media (min-width: 1280px) {
    .button.button--size-m-lg {
        height: 54px;
        border-radius: 18px;
        padding: 18px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.button.button--color-yellow {
    background-color: #ffe566;
    color: #39414b
}

@-webkit-keyframes button-spin-data-v-7fbcd5de {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes button-spin-data-v-7fbcd5de {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.button {
    display: inline-block;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    z-index: 0;
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: transform, background-color, box-shadow;
    transition-property: transform, background-color, box-shadow, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button, .button > * {
    position: relative;
    transition-duration: .15s
}

.button > * {
    transition-property: background-color, -webkit-transform;
    transition-property: transform, background-color;
    transition-property: transform, background-color, -webkit-transform
}

.button__content {
    height: 100%;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button:after, .button:before {
    content: "";
    position: absolute;
    border-radius: inherit;
    left: 0;
    right: 0;
    transition: inherit
}

.button:before {
    top: 0;
    z-index: -1
}

.button:after {
    bottom: 0;
    z-index: -2
}

.button:focus {
    outline: none;
    box-shadow: 0 0 6px #65afe9
}

.button:active {
    box-shadow: none
}

.button--loading {
    pointer-events: none
}

.button--loading * {
    visibility: hidden
}

.button--loading .button__loader {
    display: block
}

.button__loader {
    display: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    visibility: visible
}

.button__loader:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.481 6.111a1.482 1.482 0 10-2.962 0v3.703a1.482 1.482 0 102.962 0V6.111zM16.481 20.186a1.482 1.482 0 10-2.962 0v3.703a1.482 1.482 0 102.962 0v-3.703zM23.439 11.839a1.482 1.482 0 10-1.482-2.566l-3.207 1.852a1.482 1.482 0 101.481 2.566l3.207-1.852zM11.25 18.875a1.482 1.482 0 10-1.481-2.566L6.56 18.161a1.481 1.481 0 101.482 2.566l3.207-1.852zM8.043 9.273A1.482 1.482 0 106.56 11.84l3.208 1.852a1.481 1.481 0 101.481-2.566L8.043 9.273zM20.231 16.31a1.482 1.482 0 10-1.481 2.566l3.207 1.852a1.482 1.482 0 101.482-2.566L20.23 16.31z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    -webkit-animation: button-spin-data-v-563f9718 1.5s ease-in-out infinite;
    animation: button-spin-data-v-563f9718 1.5s ease-in-out infinite
}

.button--variant-0.button--size-xs {
    height: 30px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 12px;
    padding-bottom: 4px;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.button--variant-0.button--size-xs:before {
    bottom: 4px
}

.button--variant-0.button--size-xs:after {
    top: 4px
}

.button--variant-0.button--size-xs:active:before, .button--variant-0.button--size-xs:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-0.button--size-s {
    height: 36px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 12px;
    padding-bottom: 4px;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.button--variant-0.button--size-s:before {
    bottom: 4px
}

.button--variant-0.button--size-s:after {
    top: 4px
}

.button--variant-0.button--size-s:active:before, .button--variant-0.button--size-s:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-0.button--size-m {
    height: 42px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 12px;
    padding-bottom: 4px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.button--variant-0.button--size-m:before {
    bottom: 4px
}

.button--variant-0.button--size-m:after {
    top: 4px
}

.button--variant-0.button--size-m:active:before, .button--variant-0.button--size-m:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-0.button--size-l {
    height: 60px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 18px;
    padding-bottom: 6px;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.button--variant-0.button--size-l:before {
    bottom: 6px
}

.button--variant-0.button--size-l:after {
    top: 6px
}

.button--variant-0.button--size-l:active:before, .button--variant-0.button--size-l:active > * {
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

.button--variant-0.button--size-xl {
    height: 72px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 18px;
    padding-bottom: 6px;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

.button--variant-0.button--size-xl:before {
    bottom: 6px
}

.button--variant-0.button--size-xl:after {
    top: 6px
}

.button--variant-0.button--size-xl:active:before, .button--variant-0.button--size-xl:active > * {
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

@media (min-width: 640px) {
    .button--variant-0.button--size-xs-sm {
        height: 30px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-xs-sm:before {
        bottom: 4px
    }

    .button--variant-0.button--size-xs-sm:after {
        top: 4px
    }

    .button--variant-0.button--size-xs-sm:active:before, .button--variant-0.button--size-xs-sm:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-s-sm {
        height: 36px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-s-sm:before {
        bottom: 4px
    }

    .button--variant-0.button--size-s-sm:after {
        top: 4px
    }

    .button--variant-0.button--size-s-sm:active:before, .button--variant-0.button--size-s-sm:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-m-sm {
        height: 42px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .button--variant-0.button--size-m-sm:before {
        bottom: 4px
    }

    .button--variant-0.button--size-m-sm:after {
        top: 4px
    }

    .button--variant-0.button--size-m-sm:active:before, .button--variant-0.button--size-m-sm:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-l-sm {
        height: 60px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 18px;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-l-sm:before {
        bottom: 6px
    }

    .button--variant-0.button--size-l-sm:after {
        top: 6px
    }

    .button--variant-0.button--size-l-sm:active:before, .button--variant-0.button--size-l-sm:active > * {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    .button--variant-0.button--size-xl-sm {
        height: 72px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 18px;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-xl-sm:before {
        bottom: 6px
    }

    .button--variant-0.button--size-xl-sm:after {
        top: 6px
    }

    .button--variant-0.button--size-xl-sm:active:before, .button--variant-0.button--size-xl-sm:active > * {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@media (min-width: 1024px) {
    .button--variant-0.button--size-xs-md {
        height: 30px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-xs-md:before {
        bottom: 4px
    }

    .button--variant-0.button--size-xs-md:after {
        top: 4px
    }

    .button--variant-0.button--size-xs-md:active:before, .button--variant-0.button--size-xs-md:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-s-md {
        height: 36px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-s-md:before {
        bottom: 4px
    }

    .button--variant-0.button--size-s-md:after {
        top: 4px
    }

    .button--variant-0.button--size-s-md:active:before, .button--variant-0.button--size-s-md:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-m-md {
        height: 42px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .button--variant-0.button--size-m-md:before {
        bottom: 4px
    }

    .button--variant-0.button--size-m-md:after {
        top: 4px
    }

    .button--variant-0.button--size-m-md:active:before, .button--variant-0.button--size-m-md:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-l-md {
        height: 60px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 18px;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-l-md:before {
        bottom: 6px
    }

    .button--variant-0.button--size-l-md:after {
        top: 6px
    }

    .button--variant-0.button--size-l-md:active:before, .button--variant-0.button--size-l-md:active > * {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    .button--variant-0.button--size-xl-md {
        height: 72px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 18px;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-xl-md:before {
        bottom: 6px
    }

    .button--variant-0.button--size-xl-md:after {
        top: 6px
    }

    .button--variant-0.button--size-xl-md:active:before, .button--variant-0.button--size-xl-md:active > * {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@media (min-width: 1280px) {
    .button--variant-0.button--size-xs-lg {
        height: 30px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-xs-lg:before {
        bottom: 4px
    }

    .button--variant-0.button--size-xs-lg:after {
        top: 4px
    }

    .button--variant-0.button--size-xs-lg:active:before, .button--variant-0.button--size-xs-lg:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-s-lg {
        height: 36px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-s-lg:before {
        bottom: 4px
    }

    .button--variant-0.button--size-s-lg:after {
        top: 4px
    }

    .button--variant-0.button--size-s-lg:active:before, .button--variant-0.button--size-s-lg:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-m-lg {
        height: 42px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        padding-bottom: 4px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .button--variant-0.button--size-m-lg:before {
        bottom: 4px
    }

    .button--variant-0.button--size-m-lg:after {
        top: 4px
    }

    .button--variant-0.button--size-m-lg:active:before, .button--variant-0.button--size-m-lg:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-0.button--size-l-lg {
        height: 60px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 18px;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-l-lg:before {
        bottom: 6px
    }

    .button--variant-0.button--size-l-lg:after {
        top: 6px
    }

    .button--variant-0.button--size-l-lg:active:before, .button--variant-0.button--size-l-lg:active > * {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    .button--variant-0.button--size-xl-lg {
        height: 72px;
        padding-left: 24px;
        padding-right: 24px;
        border-radius: 18px;
        padding-bottom: 6px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .button--variant-0.button--size-xl-lg:before {
        bottom: 6px
    }

    .button--variant-0.button--size-xl-lg:after {
        top: 6px
    }

    .button--variant-0.button--size-xl-lg:active:before, .button--variant-0.button--size-xl-lg:active > * {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.button--variant-0.button--color-white {
    color: #39414b
}

.button--variant-0.button--color-white:before {
    background-color: #fff
}

.button--variant-0.button--color-white:after {
    background-color: #d2d8e4
}

.button--variant-0.button--color-white:hover:before {
    background-color: #f2f2f2
}

.button--variant-0.button--color-red {
    color: #fff
}

.button--variant-0.button--color-red:before {
    background-color: #f26f55
}

.button--variant-0.button--color-red:after {
    background-color: #dd5b45
}

.button--variant-0.button--color-red:hover:before {
    background-color: #f4836d
}

.button--variant-0.button--color-orange {
    color: #39414b
}

.button--variant-0.button--color-orange:before {
    background-color: #ffe566
}

.button--variant-0.button--color-orange:after {
    background-color: #ccb029
}

.button--variant-0.button--color-orange:hover:before {
    background-color: #ffe980
}

.button--variant-0.button--color-primary {
    color: #fff
}

.button--variant-0.button--color-primary:before {
    background-color: #5cbb73
}

.button--variant-0.button--color-primary:after {
    background-color: #2e9948
}

.button--variant-0.button--color-primary:hover:before {
    background-color: #6ec382
}

.button--variant-0.button--color-purple {
    color: #fff
}

.button--variant-0.button--color-purple:before {
    background-color: #7e5ce5
}

.button--variant-0.button--color-purple:after {
    background-color: #523f9f
}

.button--variant-0.button--color-purple:hover:before {
    background-color: #8f72e9
}

.button--variant-0.button--color-dark-purple {
    color: #fff
}

.button--variant-0.button--color-dark-purple:before {
    background-color: #523f9f
}

.button--variant-0.button--color-dark-purple:after {
    background-color: #3f3380
}

.button--variant-0.button--color-dark-purple:hover:before {
    background-color: #5b46b1
}

.button--variant-1.button--size-xs {
    height: 30px;
    border-radius: 10px;
    padding: 3px 3px 6px;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0
}

.button--variant-1.button--size-xs:before {
    bottom: 0
}

.button--variant-1.button--size-xs:after {
    border-radius: 7px;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 6px;
    z-index: -1
}

.button--variant-1.button--size-xs:before {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
}

.button--variant-1.button--size-xs:active:before, .button--variant-1.button--size-xs:active > * {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button--variant-1.button--size-xs:active:before {
    box-shadow: none
}

.button--variant-1.button--size-xs:active:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button--variant-1.button--size-s {
    height: 36px;
    border-radius: 12px;
    padding: 3px 3px 6px;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.button--variant-1.button--size-s:before {
    bottom: 0
}

.button--variant-1.button--size-s:after {
    border-radius: 9px;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 6px;
    z-index: -1
}

.button--variant-1.button--size-s:before {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
}

.button--variant-1.button--size-s:active:before, .button--variant-1.button--size-s:active > * {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button--variant-1.button--size-s:active:before {
    box-shadow: none
}

.button--variant-1.button--size-s:active:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button--variant-1.button--size-m {
    height: 48px;
    border-radius: 14px;
    padding: 4px 4px 8px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.button--variant-1.button--size-m:before {
    bottom: 0
}

.button--variant-1.button--size-m:after {
    border-radius: 10px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 8px;
    z-index: -1
}

.button--variant-1.button--size-m:before {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
}

.button--variant-1.button--size-m:active:before, .button--variant-1.button--size-m:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-1.button--size-m:active:before {
    box-shadow: none
}

.button--variant-1.button--size-m:active:after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-1.button--size-l {
    height: 54px;
    border-radius: 14px;
    padding: 4px 4px 8px;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.button--variant-1.button--size-l:before {
    bottom: 0
}

.button--variant-1.button--size-l:after {
    border-radius: 10px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 8px;
    z-index: -1
}

.button--variant-1.button--size-l:before {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
}

.button--variant-1.button--size-l:active:before, .button--variant-1.button--size-l:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-1.button--size-l:active:before {
    box-shadow: none
}

.button--variant-1.button--size-l:active:after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-1.button--size-xl {
    height: 60px;
    border-radius: 14px;
    padding: 4px 4px 8px;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.button--variant-1.button--size-xl:before {
    bottom: 0
}

.button--variant-1.button--size-xl:after {
    border-radius: 10px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 8px;
    z-index: -1
}

.button--variant-1.button--size-xl:before {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
}

.button--variant-1.button--size-xl:active:before, .button--variant-1.button--size-xl:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-1.button--size-xl:active:before {
    box-shadow: none
}

.button--variant-1.button--size-xl:active:after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-1.button--size-xxl {
    height: 72px;
    border-radius: 14px;
    padding: 4px 4px 8px;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

.button--variant-1.button--size-xxl:before {
    bottom: 0
}

.button--variant-1.button--size-xxl:after {
    border-radius: 10px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 8px;
    z-index: -1
}

.button--variant-1.button--size-xxl:before {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
}

.button--variant-1.button--size-xxl:active:before, .button--variant-1.button--size-xxl:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.button--variant-1.button--size-xxl:active:before {
    box-shadow: none
}

.button--variant-1.button--size-xxl:active:after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@media (min-width: 640px) {
    .button--variant-1.button--size-xs-sm {
        height: 30px;
        border-radius: 10px;
        padding: 3px 3px 6px;
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xs-sm:before {
        bottom: 0
    }

    .button--variant-1.button--size-xs-sm:after {
        border-radius: 7px;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 6px;
        z-index: -1
    }

    .button--variant-1.button--size-xs-sm:before {
        box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xs-sm:active:before, .button--variant-1.button--size-xs-sm:active > * {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-xs-sm:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xs-sm:active:after {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-s-sm {
        height: 36px;
        border-radius: 12px;
        padding: 3px 3px 6px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-s-sm:before {
        bottom: 0
    }

    .button--variant-1.button--size-s-sm:after {
        border-radius: 9px;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 6px;
        z-index: -1
    }

    .button--variant-1.button--size-s-sm:before {
        box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-s-sm:active:before, .button--variant-1.button--size-s-sm:active > * {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-s-sm:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-s-sm:active:after {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-m-sm {
        height: 48px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .button--variant-1.button--size-m-sm:before {
        bottom: 0
    }

    .button--variant-1.button--size-m-sm:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-m-sm:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-m-sm:active:before, .button--variant-1.button--size-m-sm:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-m-sm:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-m-sm:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-l-sm {
        height: 54px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-l-sm:before {
        bottom: 0
    }

    .button--variant-1.button--size-l-sm:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-l-sm:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-l-sm:active:before, .button--variant-1.button--size-l-sm:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-l-sm:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-l-sm:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xl-sm {
        height: 60px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xl-sm:before {
        bottom: 0
    }

    .button--variant-1.button--size-xl-sm:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-xl-sm:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xl-sm:active:before, .button--variant-1.button--size-xl-sm:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xl-sm:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xl-sm:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xxl-sm {
        height: 72px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xxl-sm:before {
        bottom: 0
    }

    .button--variant-1.button--size-xxl-sm:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-xxl-sm:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xxl-sm:active:before, .button--variant-1.button--size-xxl-sm:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xxl-sm:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xxl-sm:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@media (min-width: 1024px) {
    .button--variant-1.button--size-xs-md {
        height: 30px;
        border-radius: 10px;
        padding: 3px 3px 6px;
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xs-md:before {
        bottom: 0
    }

    .button--variant-1.button--size-xs-md:after {
        border-radius: 7px;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 6px;
        z-index: -1
    }

    .button--variant-1.button--size-xs-md:before {
        box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xs-md:active:before, .button--variant-1.button--size-xs-md:active > * {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-xs-md:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xs-md:active:after {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-s-md {
        height: 36px;
        border-radius: 12px;
        padding: 3px 3px 6px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-s-md:before {
        bottom: 0
    }

    .button--variant-1.button--size-s-md:after {
        border-radius: 9px;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 6px;
        z-index: -1
    }

    .button--variant-1.button--size-s-md:before {
        box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-s-md:active:before, .button--variant-1.button--size-s-md:active > * {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-s-md:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-s-md:active:after {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-m-md {
        height: 48px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .button--variant-1.button--size-m-md:before {
        bottom: 0
    }

    .button--variant-1.button--size-m-md:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-m-md:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-m-md:active:before, .button--variant-1.button--size-m-md:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-m-md:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-m-md:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-l-md {
        height: 54px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-l-md:before {
        bottom: 0
    }

    .button--variant-1.button--size-l-md:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-l-md:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-l-md:active:before, .button--variant-1.button--size-l-md:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-l-md:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-l-md:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xl-md {
        height: 60px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xl-md:before {
        bottom: 0
    }

    .button--variant-1.button--size-xl-md:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-xl-md:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xl-md:active:before, .button--variant-1.button--size-xl-md:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xl-md:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xl-md:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xxl-md {
        height: 72px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xxl-md:before {
        bottom: 0
    }

    .button--variant-1.button--size-xxl-md:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-xxl-md:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xxl-md:active:before, .button--variant-1.button--size-xxl-md:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xxl-md:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xxl-md:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@media (min-width: 1280px) {
    .button--variant-1.button--size-xs-lg {
        height: 30px;
        border-radius: 10px;
        padding: 3px 3px 6px;
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xs-lg:before {
        bottom: 0
    }

    .button--variant-1.button--size-xs-lg:after {
        border-radius: 7px;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 6px;
        z-index: -1
    }

    .button--variant-1.button--size-xs-lg:before {
        box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xs-lg:active:before, .button--variant-1.button--size-xs-lg:active > * {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-xs-lg:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xs-lg:active:after {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-s-lg {
        height: 36px;
        border-radius: 12px;
        padding: 3px 3px 6px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-s-lg:before {
        bottom: 0
    }

    .button--variant-1.button--size-s-lg:after {
        border-radius: 9px;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 6px;
        z-index: -1
    }

    .button--variant-1.button--size-s-lg:before {
        box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-s-lg:active:before, .button--variant-1.button--size-s-lg:active > * {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-s-lg:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-s-lg:active:after {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .button--variant-1.button--size-m-lg {
        height: 48px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .button--variant-1.button--size-m-lg:before {
        bottom: 0
    }

    .button--variant-1.button--size-m-lg:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-m-lg:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-m-lg:active:before, .button--variant-1.button--size-m-lg:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-m-lg:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-m-lg:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-l-lg {
        height: 54px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-l-lg:before {
        bottom: 0
    }

    .button--variant-1.button--size-l-lg:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-l-lg:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-l-lg:active:before, .button--variant-1.button--size-l-lg:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-l-lg:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-l-lg:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xl-lg {
        height: 60px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xl-lg:before {
        bottom: 0
    }

    .button--variant-1.button--size-xl-lg:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-xl-lg:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xl-lg:active:before, .button--variant-1.button--size-xl-lg:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xl-lg:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xl-lg:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xxl-lg {
        height: 72px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .button--variant-1.button--size-xxl-lg:before {
        bottom: 0
    }

    .button--variant-1.button--size-xxl-lg:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button--variant-1.button--size-xxl-lg:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button--variant-1.button--size-xxl-lg:active:before, .button--variant-1.button--size-xxl-lg:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button--variant-1.button--size-xxl-lg:active:before {
        box-shadow: none
    }

    .button--variant-1.button--size-xxl-lg:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.button--variant-1.button--color-white {
    color: #39414b
}

.button--variant-1.button--color-white:before {
    background-color: #ccd2f4
}

.button--variant-1.button--color-white:after {
    background-color: #fff
}

.button--variant-1.button--color-white:hover:before {
    background-color: #b7bfef
}

.button--variant-1.button--color-white:hover:after {
    background-color: #f2f2f2
}

.button--variant-1.button--color-orange {
    color: #39414b
}

.button--variant-1.button--color-orange:before {
    background-color: #ff833e
}

.button--variant-1.button--color-orange:after {
    background-color: #ffe14c
}

.button--variant-1.button--color-orange:hover:before {
    background-color: #ff9358
}

.button--variant-1.button--color-orange:hover:after {
    background-color: #ffe566
}

.button--variant-1.button--color-yellow {
    color: #39414b
}

.button--variant-1.button--color-yellow:before {
    background-color: #f2c230
}

.button--variant-1.button--color-yellow:after {
    background-color: #ffe566
}

.button--variant-1.button--color-yellow:hover:before {
    background-color: #f4c948
}

.button--variant-1.button--color-yellow:hover:after {
    background-color: #ffe980
}

.button--variant-1.button--color-red {
    color: #fff
}

.button--variant-1.button--color-red:before {
    background-color: #ac4547
}

.button--variant-1.button--color-red:after {
    background-color: #f76063
}

.button--variant-1.button--color-red:hover:before {
    background-color: #b95153
}

.button--variant-1.button--color-red:hover:after {
    background-color: #f8787b
}

.button--variant-1.button--color-primary {
    color: #fff
}

.button--variant-1.button--color-primary:before {
    background-color: #238556
}

.button--variant-1.button--color-primary:after {
    background-color: #35b075
}

.button--variant-1.button--color-primary:hover:before {
    background-color: #289963
}

.button--variant-1.button--color-primary:hover:after {
    background-color: #3bc482
}

.button--variant-1.button--color-purple {
    color: #fff
}

.button--variant-1.button--color-purple:before {
    background-color: #5235a3
}

.button--variant-1.button--color-purple:after {
    background-color: #9176ff
}

.button--variant-1.button--color-purple:hover:before {
    background-color: #5c3bb6
}

.button--variant-1.button--color-purple:hover:after {
    background-color: #a590ff
}

.button--expanded {
    display: block;
    width: 100%
}

.button--light .button__loader:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.667 14.999V15c0 .736.597 1.333 1.333 1.333h3.334c.736 0 1.333-.597 1.333-1.333v-.001c0-.736-.597-1.333-1.333-1.333H7c-.736 0-1.333.597-1.333 1.333zM18.333 14.999V15c0 .736.597 1.333 1.333 1.333H23c.736 0 1.333-.597 1.333-1.333v-.001c0-.736-.597-1.333-1.333-1.333h-3.334c-.736 0-1.333.597-1.333 1.333zM10.334 6.917a1.333 1.333 0 00-.489 1.821l1.667 2.888a1.333 1.333 0 001.821.488h.001a1.333 1.333 0 00.488-1.822l-1.667-2.887a1.333 1.333 0 00-1.821-.488zM16.666 17.887a1.333 1.333 0 00-.489 1.822l1.667 2.887a1.333 1.333 0 001.821.488h.001a1.333 1.333 0 00.488-1.822l-1.667-2.887a1.333 1.333 0 00-1.821-.488zM10.333 23.082v.001c.638.368 1.454.15 1.822-.488l1.667-2.887a1.333 1.333 0 00-.488-1.821h-.001a1.333 1.333 0 00-1.82.487l-1.668 2.888a1.333 1.333 0 00.488 1.82zM16.666 12.113c.638.368 1.454.15 1.822-.488l1.667-2.887a1.333 1.333 0 00-.488-1.82l-.001-.001a1.333 1.333 0 00-1.82.488l-1.668 2.887a1.333 1.333 0 00.488 1.82z' fill='%235CBB73'/%3E%3C/svg%3E")
}

.button[disabled] {
    text-decoration: none;
    color: #bdbec2;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    cursor: not-allowed;
    pointer-events: none
}

.button[disabled]:before {
    background-color: #e1e2e3;
    color: #bdbec2
}

.button[disabled]:after {
    background-color: #bdbec2
}

@-webkit-keyframes button-spin-data-v-563f9718 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes button-spin-data-v-563f9718 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.text-button {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    border: 0;
    position: relative;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    color: #fff;
    transition: color .25s
}

.text-button:hover {
    color: #e6e6e6
}

.text-button--expanded {
    display: block;
    width: 100%
}

.text-button.text-button--size-xs {
    padding: 9px;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0
}

.text-button.text-button--size-s {
    padding: 10px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.text-button.text-button--size-m {
    padding: 12px;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.text-button.text-button--size-l {
    padding: 18px;
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .text-button.text-button--size-xs-sm {
        padding: 9px;
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }

    .text-button.text-button--size-s-sm {
        padding: 10px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .text-button.text-button--size-m-sm {
        padding: 12px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .text-button.text-button--size-l-sm {
        padding: 18px;
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .text-button.text-button--size-xs-md {
        padding: 9px;
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }

    .text-button.text-button--size-s-md {
        padding: 10px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .text-button.text-button--size-m-md {
        padding: 12px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .text-button.text-button--size-l-md {
        padding: 18px;
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

@media (min-width: 1280px) {
    .text-button.text-button--size-xs-lg {
        padding: 9px;
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }

    .text-button.text-button--size-s-lg {
        padding: 10px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .text-button.text-button--size-m-lg {
        padding: 12px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .text-button.text-button--size-l-lg {
        padding: 18px;
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.loader {
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.667 14.999V15c0 .736.597 1.333 1.333 1.333h3.334c.736 0 1.333-.597 1.333-1.333v-.001c0-.736-.597-1.333-1.333-1.333H7c-.736 0-1.333.597-1.333 1.333zM18.333 14.999V15c0 .736.597 1.333 1.333 1.333H23c.736 0 1.333-.597 1.333-1.333v-.001c0-.736-.597-1.333-1.333-1.333h-3.334c-.736 0-1.333.597-1.333 1.333zM10.334 6.917a1.333 1.333 0 00-.489 1.821l1.667 2.888a1.333 1.333 0 001.821.488h.001a1.333 1.333 0 00.488-1.822l-1.667-2.887a1.333 1.333 0 00-1.821-.488zM16.666 17.887a1.333 1.333 0 00-.489 1.822l1.667 2.887a1.333 1.333 0 001.821.488h.001a1.333 1.333 0 00.488-1.822l-1.667-2.887a1.333 1.333 0 00-1.821-.488zM10.333 23.082v.001c.638.368 1.454.15 1.822-.488l1.667-2.887a1.333 1.333 0 00-.488-1.821h-.001a1.333 1.333 0 00-1.82.487l-1.668 2.888a1.333 1.333 0 00.488 1.82zM16.666 12.113c.638.368 1.454.15 1.822-.488l1.667-2.887a1.333 1.333 0 00-.488-1.82l-.001-.001a1.333 1.333 0 00-1.82.488l-1.668 2.887a1.333 1.333 0 00.488 1.82z' fill='%235CBB73'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.loader--color-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.481 6.111a1.482 1.482 0 10-2.962 0v3.703a1.482 1.482 0 102.962 0V6.111zM16.481 20.186a1.482 1.482 0 10-2.962 0v3.703a1.482 1.482 0 102.962 0v-3.703zM23.439 11.839a1.482 1.482 0 10-1.482-2.566l-3.207 1.852a1.482 1.482 0 101.481 2.566l3.207-1.852zM11.25 18.875a1.482 1.482 0 10-1.481-2.566L6.56 18.161a1.481 1.481 0 101.482 2.566l3.207-1.852zM8.043 9.273A1.482 1.482 0 106.56 11.84l3.208 1.852a1.481 1.481 0 101.481-2.566L8.043 9.273zM20.231 16.31a1.482 1.482 0 10-1.481 2.566l3.207 1.852a1.482 1.482 0 101.482-2.566L20.23 16.31z' fill='%23fff'/%3E%3C/svg%3E")
}

.input {
    position: relative
}

.input > * {
    margin-bottom: 4px
}

.input > :last-child {
    margin-bottom: 0
}

.input__input {
    background: #fff;
    color: #39414b;
    box-sizing: border-box
}

.input__input::-webkit-input-placeholder {
    color: #a0a9b2
}

.input__input::-moz-placeholder {
    color: #a0a9b2
}

.input__input:-ms-input-placeholder {
    color: #a0a9b2
}

.input__input::placeholder {
    color: #a0a9b2
}

.input__input:focus, .input__input:hover {
    border-color: #ccc
}

.input__input:focus {
    outline: none;
    box-shadow: 0 0 0 2px #73b9ff
}

.input__input[disabled] {
    pointer-events: none;
    background-color: #f5f5f5;
    border-color: #dedede;
    color: #ccc
}

.input--expanded {
    display: block;
    width: 100%
}

.input--expanded .input__input {
    width: 100%
}

.input__block {
    position: relative
}

.input__help {
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.input__help-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23 15a8 8 0 11-16.001 0A8 8 0 0123 15zm-7.334 3.334a.667.667 0 11-1.333.052.667.667 0 011.333-.052zm-3.325-5.028c-.035.484.119 1.098.746 1.022.405-.049.595-.4.58-.772-.01-.21.03-.42.115-.612a.885.885 0 01.349-.398c.177-.11.467-.213.95-.213.452 0 .727.097.89.2.483.305.404 1.023.22 1.309-.15.227-.392.356-.63.481-.09.048-.178.095-.261.147-.229.141-.49.343-.683.675-.191.329-.28.721-.28 1.188a.668.668 0 101.335 0c0-.318.057-.56.332-.731.09-.057.184-.108.276-.159.102-.054.202-.11.3-.172.241-.153.506-.364.723-.694.333-.504.5-1.358.226-2.119a2.053 2.053 0 00-.846-1.053c-.425-.268-.963-.405-1.603-.405-.676 0-1.223.146-1.651.412-.432.268-.7.627-.86.977-.13.29-.207.6-.228.917z' fill='%23CCC'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain
}

.input__help-text {
    white-space: pre-wrap;
    width: 252px
}

.input--size-m .input__input {
    border: solid #dedede;
    border-width: 1px 1px 3px;
    border-radius: 6px;
    height: 42px;
    padding: 9px 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

.input--size-m .input__help-icon {
    width: 30px;
    height: 30px
}

.input--size-m .input__input--helped {
    padding-right: 48px
}

.input--size-l .input__input {
    border: solid #dedede;
    border-width: 1px 1px 4px;
    border-radius: 5px;
    height: 54px;
    padding: 14px 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

.input--size-l .input__help-icon {
    width: 36px;
    height: 36px
}

.input--size-l .input__input--helped {
    padding-right: 60px
}

@media (min-width: 1280px) {
    .input--size-l-lg .input__input {
        border-width: 1px 1px 4px;
        border-radius: 5px;
        height: 54px;
        padding: 14px 18px;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }

    .input--size-l-lg .input__help-icon {
        width: 36px;
        height: 36px
    }

    .input--size-l-lg .input__input--helped {
        padding-right: 60px
    }
}

@media (min-width: 640px) {
    .input--size-l-sm .input__input {
        border-width: 1px 1px 4px;
        border-radius: 5px;
        height: 54px;
        padding: 14px 18px;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }

    .input--size-l-sm .input__help-icon {
        width: 36px;
        height: 36px
    }

    .input--size-l-sm .input__input--helped {
        padding-right: 60px
    }
}

.input--error .input__input {
    border-color: #e57c73
}

.input__error {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #f26c61
}

.dropdown {
    transition: visibility 0s linear .25s;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    z-index: 100;
    visibility: hidden;
    margin-top: 3px;
    padding-bottom: 18px
}

.dropdown.dropdown--visible {
    visibility: visible;
    transition-delay: 0s
}

.dropdown__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown__icon {
    z-index: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
    right: 16px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    margin: auto
}

.dropdown__icon--chevron {
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cuse xlink:href='%23path1_fill' transform='rotate(90 6.5 19.5)' fill='%23BFC1C8'/%3E%3Cdefs%3E%3Cpath id='path1_fill' d='M2.002 16c-.516 0-1.015-.2-1.415-.583a2.002 2.002 0 010-2.833l4.58-4.582L.587 3.42A2.002 2.002 0 113.418.587l5.995 5.999c.783.783.783 2.05 0 2.832l-5.995 5.999c-.4.383-.9.583-1.416.583z'/%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-color: transparent
}

.dropdown__content {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: app-tooltip-bottom-out;
    animation-name: app-tooltip-bottom-out;
    -webkit-transform-origin: top;
    transform-origin: top;
    overflow: auto;
    box-shadow: 0 5px 15px rgba(57, 65, 75, .25);
    background-color: #fff;
    border-radius: 6px;
    list-style: none;
    margin: 0;
    padding: 12px 0
}

.dropdown__item {
    color: #39414b;
    display: block;
    margin: 0;
    text-decoration: none;
    white-space: nowrap
}

.dropdown__item-title {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    pointer-events: none
}

@media (min-width: 640px) {
    .dropdown__item-title {
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }
}

.dropdown__item--selected, .dropdown__item:hover {
    background-color: #f2f9ff
}

.dropdown__item--disabled {
    pointer-events: none;
    opacity: .6
}

.dropdown__outer {
    cursor: pointer
}

.dropdown__outer--visible .dropdown__icon {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.dropdown--visible > .dropdown__content {
    -webkit-animation-name: app-tooltip-bottom-in;
    animation-name: app-tooltip-bottom-in
}

.dropdown > .dropdown__content {
    max-height: 240px
}

.dropdown > .dropdown__content > .dropdown__item {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -.1px;
    line-height: 24px;
    min-height: 48px;
    padding: 12px 18px
}

.autocomplete {
    position: relative
}

.autocomplete .dropdown-menu {
    display: block;
    width: 100%
}

.autocomplete .dropdown-menu.is-opened-top {
    top: auto;
    bottom: 100%
}

.autocomplete .dropdown-content {
    overflow: auto;
    max-height: 240px
}

.autocomplete .dropdown-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.autocomplete .dropdown-item.is-hovered {
    background: #f2f9ff;
    color: #39414b
}

.autocomplete .dropdown-item.is-disabled {
    opacity: .5;
    cursor: not-allowed
}

.dropdown-menu {
    left: 0;
    min-width: 12rem;
    margin-top: 3px;
    padding-bottom: 18px;
    position: absolute;
    top: 100%;
    z-index: 100
}

.dropdown-content {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(57, 65, 75, .75);
    min-width: 150px;
    padding: 12px 0
}

.dropdown .dropdown-menu .has-link a, a.dropdown-item, button.dropdown-item {
    padding-right: 3rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

.dropdown-item, .dropdown .dropdown-menu .has-link a {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    padding: .375rem 1rem;
    position: relative
}

.dropdown-item:hover {
    background-color: #f2f9ff
}

a.dropdown-item {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -.1px;
    line-height: 24px;
    min-height: 48px;
    padding: 12px 18px
}

.l-tabs {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-radius: 12px
}

@media (min-width: 640px) {
    .l-tabs {
        border-radius: 24px
    }
}

.l-tabs__tab {
    display: table-cell;
    position: relative;
    cursor: pointer;
    border-radius: 12px;
    vertical-align: middle;
    color: #fff;
    padding: 6px 6px 10px
}

@media (min-width: 640px) {
    .l-tabs__tab {
        border-radius: 24px;
        padding: 9px 12px 15px
    }
}

@media (max-width: 1023.98px) {
    .l-tabs__tab {
        text-align: center
    }
}

@media (min-width: 1024px) {
    .l-tabs__tab {
        padding: 9px 24px 15px
    }
}

.l-tabs__tab--active {
    background-color: #fff;
    box-shadow: inset 0 -4px 0 #ccc;
    color: #39414b
}

@media (min-width: 640px) {
    .l-tabs__tab--active {
        box-shadow: inset 0 -6px 0 #ccc
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .l-tabs__tab-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 1280px) {
    .l-tabs__tab-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.l-tabs__tab-icon {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.l-tabs__icon {
    width: 30px;
    height: 30px
}

.l-tabs__tab-texts {
    display: block;
    vertical-align: middle
}

@media (min-width: 1024px) {
    .l-tabs__tab-texts {
        display: inline-block;
        padding-left: 12px
    }
}

.l-tabs__tab-text {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .l-tabs__tab-text {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.l-tabs__tab-subtext {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .l-tabs__tab-subtext {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

iframe {
    width: 100%;
    height: 100%
}


.invite-friends__body {
    text-align: center;
    margin: auto;
    padding: 12px
}

.invite-friends__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .invite-friends__body > * {
        margin-bottom: 24px
    }
}

.invite-friends__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .invite-friends__body {
        width: 83.3333333333%;
        padding: 18px 18px 24px
    }
}

.invite-friends__header {
    color: #fff
}

.invite-friends__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .invite-friends__header > * {
        margin-bottom: 12px
    }
}

.invite-friends__header > :last-child {
    margin-bottom: 0
}

.invite-friends__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .invite-friends__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.invite-friends__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .invite-friends__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.invite-friends__subtitle--bold {
    color: #ffe566;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .invite-friends__subtitle--bold {
        font-weight: 800;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.invite-friends__description-text {
    text-align: left;
    color: #39414b;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .invite-friends__description-text {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.invite-friends__description-text--bold {
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #ffe566
}

@media (min-width: 640px) {
    .invite-friends__description-text--bold {
        font-weight: 800;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.invite-link {
    background: #5947b3;
    box-shadow: inset 0 4px 0 #523f9f;
    border-radius: 12px
}

.invite-link__container {
    display: inline-block;
    width: 83.3333333333%
}

.invite-link__container > * {
    margin-bottom: 12px
}

.invite-link__container > :last-child {
    margin-bottom: 0
}

.invite-link__text {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    padding: 12px 0;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .invite-link__text {
        padding: 12px 0;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.invite-link__button {
    padding-bottom: 6px
}

.invite-link__copied {
    color: #ffe566;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .invite-link__copied {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.regeneration-rest-label {
    display: inline-block;
    padding: 6px 12px;
    background: #ff5634;
    border-radius: 77px;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    margin-top: 12px
}

@media (min-width: 640px) {
    .regeneration-rest-label {
        margin-top: 24px
    }
}

.energy-status-modal {
    color: #fff
}

.energy-status-modal__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .energy-status-modal__header > * {
        margin-bottom: 12px
    }
}

.energy-status-modal__header > :last-child {
    margin-bottom: 0
}

.energy-status-modal__body {
    text-align: center;
    margin: auto;
    padding: 6px 12px 18px
}

.energy-status-modal__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .energy-status-modal__body > * {
        margin-bottom: 24px
    }
}

.energy-status-modal__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .energy-status-modal__body {
        padding: 12px 12px 24px;
        width: 83.3333333333%
    }
}

.energy-status-modal__counter {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 640px) {
    .energy-status-modal__counter {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

.energy-status-modal__counter__text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #3d2c83;
    border-radius: 109px;
    padding: 0 18px;
    min-width: 109px;
    height: 48px
}

@media (min-width: 640px) {
    .energy-status-modal__counter__text {
        padding: 0 30px;
        border-radius: 162px;
        min-width: 162px;
        height: 66px
    }
}

.energy-status-modal__counter__text--infinity {
    font-size: 60px
}

@media (min-width: 640px) {
    .energy-status-modal__counter__text--infinity {
        font-size: 84px
    }
}

.energy-status-modal__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0
}

.energy-status-modal__title--responsive {
    font-weight: 900;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .energy-status-modal__title--responsive {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.energy-status-modal__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    white-space: pre-line
}

@media (min-width: 640px) {
    .energy-status-modal__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.energy-status-modal__refill-container {
    font-weight: 900;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='234' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='168' width='66' height='42' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M168 12c0-6.627 5.373-12 12-12h42c6.627 0 12 5.373 12 12v12h-66V12z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M159 18a3 3 0 100-6 3 3 0 000 6zm0 12a3 3 0 100-6 3 3 0 000 6z' fill='%23fff'/%3E%3Crect x='84' width='66' height='42' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M84 12c0-6.627 5.373-12 12-12h42c6.627 0 12 5.373 12 12v12H84V12z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M75 18a3 3 0 100-6 3 3 0 000 6zm0 12a3 3 0 100-6 3 3 0 000 6z' fill='%23fff'/%3E%3Crect width='66' height='42' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M0 12C0 5.373 5.373 0 12 0h42c6.627 0 12 5.373 12 12v12H0V12z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    height: 42px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #39414b
}

@media (min-width: 640px) {
    .energy-status-modal__refill-container {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='288' height='54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='204' width='84' height='54' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M204 12c0-6.627 5.373-12 12-12h60c6.627 0 12 5.373 12 12v18h-84V12z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M195 27a3 3 0 100-6 3 3 0 000 6zm0 12a3 3 0 100-6 3 3 0 000 6z' fill='%23fff'/%3E%3Crect x='102' width='84' height='54' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M102 12c0-6.627 5.373-12 12-12h60c6.627 0 12 5.373 12 12v18h-84V12z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M93 27a3 3 0 100-6 3 3 0 000 6zm0 12a3 3 0 100-6 3 3 0 000 6z' fill='%23fff'/%3E%3Crect width='84' height='54' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M0 12C0 5.373 5.373 0 12 0h60c6.627 0 12 5.373 12 12v18H0V12z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
        height: 54px
    }
}

.energy-status-modal__refill-item {
    width: 66px;
    margin-right: 18px
}

@media (min-width: 640px) {
    .energy-status-modal__refill-item {
        width: 84px;
        margin-right: 18px
    }
}

.energy-status-modal__refill-item:last-child {
    margin-right: 0
}

.energy-status-modal__ctrl > * {
    margin-bottom: 12px
}

.energy-status-modal__ctrl > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .energy-status-modal__ctrl {
        width: 83.3333333333%;
        margin: auto
    }
}

@media (min-width: 640px) {
    .energy-status-modal__ctrl .button__content > p {
        font-size: 26px;
        line-height: 36px
    }
}

.energy-status-modal__friends-button:before {
    background-color: #8e6df2
}

.energy-status-modal__friends-button:after {
    background-color: #7e5ce6
}

.energy-status-modal__friends-button:hover:before {
    background-color: #a084f4
}

.energy-status-modal__button-text {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

.problem-checking {
    color: #fff
}

.problem-checking__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .problem-checking__header > * {
        margin-bottom: 12px
    }
}

.problem-checking__header > :last-child {
    margin-bottom: 0
}

.problem-checking__body {
    text-align: center;
    margin: auto;
    padding: 12px 12px 18px
}

.problem-checking__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .problem-checking__body > * {
        margin-bottom: 24px
    }
}

.problem-checking__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .problem-checking__body {
        padding: 18px 12px 24px;
        width: 83.3333333333%
    }
}

.problem-checking__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .problem-checking__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.problem-checking__ctrl > * {
    margin-bottom: 12px
}

.problem-checking__ctrl > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .problem-checking__ctrl {
        width: 83.3333333333%;
        margin: auto
    }
}

.family-joined {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    background: #f3f7fb;
    border-radius: 6px;
    padding: 6px
}

.family-joined > * {
    margin-right: 3px
}

@media (min-width: 640px) {
    .family-joined > * {
        margin-right: 6px
    }
}

.family-joined > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .family-joined {
        display: inline-block;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px;
        border-radius: 12px;
        padding-left: 18px
    }
}

.family-joined > :first-child {
    margin-right: 6px
}

.family-joined > {
    vertical-align: middle
}

.family-joined__text {
    display: inline-block;
    padding: 6px 0
}

.family-joined__nums {
    white-space: nowrap
}

.family-joined__num {
    display: inline-block;
    text-align: center;
    padding: 6px;
    border-radius: 6px;
    background: linear-gradient(180deg, #d9e4ef, #d9e4ef 50%, #c9d5e1 0);
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .family-joined__num {
        width: 36px;
        height: 48px;
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.trial-end {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 100vh;
    background: url(/img/bg.ae0e54a1.jpg), #643bce;
    background-size: 518px auto;
    -webkit-animation: backgroundScrollXs-data-v-2f01511c 60s linear infinite;
    animation: backgroundScrollXs-data-v-2f01511c 60s linear infinite;
    will-change: background-position
}

@media (min-width: 640px) {
    .trial-end {
        background-size: 925px auto;
        -webkit-animation-name: backgroundScrollSm-data-v-2f01511c;
        animation-name: backgroundScrollSm-data-v-2f01511c
    }
}

@media (min-width: 1024px) {
    .trial-end {
        background-size: auto 100%;
        -webkit-animation-name: backgroundScrollMd-data-v-2f01511c;
        animation-name: backgroundScrollMd-data-v-2f01511c
    }
}

@-webkit-keyframes backgroundScrollXs-data-v-2f01511c {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -518px 0
    }
}

@keyframes backgroundScrollXs-data-v-2f01511c {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -518px 0
    }
}

@-webkit-keyframes backgroundScrollSm-data-v-2f01511c {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -925px 0
    }
}

@keyframes backgroundScrollSm-data-v-2f01511c {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -925px 0
    }
}

@-webkit-keyframes backgroundScrollMd-data-v-2f01511c {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -198.16vh 0
    }
}

@keyframes backgroundScrollMd-data-v-2f01511c {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -198.16vh 0
    }
}

.trial-end--tasks {
    background-image: url(/img/bg-tasks.ab7e4019.jpg)
}

.trial-end__bg {
    position: relative;
    min-height: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='102' width='100%25' height='30' fill='url(%23paint0_linear)' shape-rendering='geometricPrecision'/%3E%3Crect y='132' width='100%25' height='100%25' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='1' y1='1' x2='0' y2='0'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.5' stop-color='%23fff'/%3E%3Cstop offset='.51' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: cover
}

@media (min-width: 640px) {
    .trial-end__bg {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect y='197' width='100%25' height='78' fill='url(%23paint0_linear)' shape-rendering='geometricPrecision'/%3E%3Crect y='275' width='100%25' height='100%25' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='1' y1='1' x2='0' y2='0'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.5' stop-color='%23fff'/%3E%3Cstop offset='.51' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat;
        background-size: cover
    }
}

@media (min-width: 1024px) {
    .trial-end__bg {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23fff' shape-rendering='geometricPrecision' d='M0 0v100h75L66 0z'/%3E%3C/svg%3E") no-repeat;
        background-size: cover;
        overflow-y: auto;
        height: 100%
    }
}

@media (min-width: 1280px) {
    .trial-end__bg {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpath fill='%23fff' shape-rendering='geometricPrecision' d='M0 0v100h75L52 0z'/%3E%3C/svg%3E") no-repeat;
        background-size: cover
    }
}

.trial-end__grid {
    min-height: 100%
}

.trial-end__close {
    position: absolute;
    right: 12px;
    top: 0
}

@media (min-width: 640px) {
    .trial-end__close {
        right: 42px
    }
}

@media (min-width: 1024px) {
    .trial-end__close {
        top: 12px;
        left: 42px;
        right: auto
    }
}

.trial-end__content {
    color: #39414b;
    text-align: center;
    padding-top: 144px;
    padding-bottom: 30px
}

@media (min-width: 640px) {
    .trial-end__content {
        padding-top: 305px
    }
}

@media (min-width: 1024px) {
    .trial-end__content {
        padding-top: 90px;
        padding-bottom: 80px;
        text-align: left
    }
}

@media (min-width: 1280px) {
    .trial-end__content {
        max-width: 481px;
        margin: 0 auto
    }
}

.trial-end__header {
    margin-bottom: 24px
}

.trial-end__header > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .trial-end__header > * {
        margin-bottom: 24px
    }
}

.trial-end__header > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .trial-end__header {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .trial-end__header {
        margin-bottom: 42px
    }
}

.trial-end__completed-icn {
    width: 24px;
    height: 24px
}

@media (min-width: 640px) {
    .trial-end__completed-icn {
        width: 36px;
        height: 36px
    }
}

.trial-end__completed {
    color: #3ba655;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .trial-end__completed {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.trial-end__completed > * {
    margin-right: 6px
}

.trial-end__completed > :last-child {
    margin-right: 0
}

.trial-end__completed > {
    vertical-align: middle
}

.trial-end__title {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .trial-end__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.trial-end__description {
    white-space: pre-line;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .trial-end__description {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.trial-end__button {
    margin-top: 12px;
    height: 48px;
    border-radius: 14px;
    padding: 4px 4px 8px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.trial-end__button:before {
    bottom: 0
}

.trial-end__button:after {
    border-radius: 10px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 8px;
    z-index: -1
}

.trial-end__button:before {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
}

.trial-end__button:active:before, .trial-end__button:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.trial-end__button:active:before {
    box-shadow: none
}

.trial-end__button:active:after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@media (min-width: 640px) {
    .trial-end__button {
        margin-top: 30px;
        height: 78px;
        border-radius: 14px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .trial-end__button:before {
        bottom: 0
    }

    .trial-end__button:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .trial-end__button:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .trial-end__button:active:before, .trial-end__button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .trial-end__button:active:before {
        box-shadow: none
    }

    .trial-end__button:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@media (min-width: 1024px) {
    .trial-end__button {
        margin-top: 18px
    }
}

.trial-end__additional-energy {
    display: block;
    color: #7e858d;
    text-align: center;
    margin-top: 18px;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: underline
}

@media (min-width: 640px) {
    .trial-end__additional-energy {
        margin-top: 24px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

@media (min-width: 1024px) {
    .trial-end__additional-energy {
        text-align: left
    }
}

.close {
    padding: 15px 3px 3px;
    border-bottom-left-radius: 100% 70%;
    border-bottom-right-radius: 100% 70%;
    background: #fff
}

@media (min-width: 640px) {
    .close {
        padding: 20px 4px 4px
    }
}


.close {
    padding: 0;
    background: transparent
}

.close__icn {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 37.334C11.979 37.334 4.666 30.02 4.666 21 4.666 11.98 11.98 4.667 21 4.667c9.02 0 16.333 7.313 16.333 16.333 0 9.021-7.313 16.334-16.333 16.334zm-3.172-22.677a2.243 2.243 0 00-3.171 3.171L17.828 21l-3.171 3.172a2.243 2.243 0 003.171 3.171L21 24.172l3.172 3.171a2.243 2.243 0 003.171-3.171L24.172 21l3.171-3.172a2.243 2.243 0 00-3.171-3.171L21 17.828l-3.172-3.171z' fill='%23C9D5E1'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

@media (min-width: 640px) {
    .close__icn {
        width: 42px;
        height: 42px
    }
}

.badge {
    pointer-events: auto;
    position: relative;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.badge--color-red .badge__content {
    background-color: #fc686a
}

.badge__content {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 77px;
    background-color: rgba(35, 23, 75, .35);
    padding: 6px;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .badge__content {
        padding: 9px 6px
    }
}

@media (min-width: 1280px) {
    .badge__content {
        padding: 6px 12px
    }
}

@media (min-width: 640px) {
    .badge__content {
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }
}

@media (min-width: 1280px) {
    .badge__content {
        font-weight: 800;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.badge__icon {
    z-index: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.badge__icon > * {
    width: 36px;
    height: 36px
}

@media (min-width: 640px) {
    .badge__icon > * {
        width: 42px;
        height: 42px
    }
}

@media (min-width: 1280px) {
    .badge__icon > * {
        width: 54px;
        height: 54px
    }
}

.badge__icon--left {
    margin-right: -24px
}

@media (min-width: 1280px) {
    .badge__icon--left {
        margin-right: -36px
    }
}

.badge__icon--right {
    margin-left: -24px
}

@media (min-width: 1280px) {
    .badge__icon--right {
        margin-left: -36px
    }
}

.badge__icon-place {
    width: 18px
}

@media (min-width: 1280px) {
    .badge__icon-place {
        width: 24px
    }
}

.energy-badge__infinity {
    font-size: 24px
}

@media (min-width: 640px) {
    .energy-badge__infinity {
        font-size: 30px
    }
}

@media (min-width: 1280px) {
    .energy-badge__infinity {
        font-size: 36px
    }
}

.miss-energy-offer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #5c35c1;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='360' height='360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='180' cy='180' r='180' fill='%23643BCE'/%3E%3Ccircle cx='180' cy='180' r='129.438' fill='%236B42D7'/%3E%3Ccircle cx='180.001' cy='180' r='93.034' fill='%23744AE1'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.miss-energy-offer__energy-badge {
    cursor: pointer;
    position: absolute;
    top: 6px;
    left: 12px
}

@media (min-width: 640px) {
    .miss-energy-offer__energy-badge {
        top: 12px;
        left: 42px
    }
}

.miss-energy-offer__energy-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: pre-wrap
}

.miss-energy-offer__energy-text, .miss-energy-offer__energy {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.miss-energy-offer__energy {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.miss-energy-offer__energy-ic {
    width: 24px
}

.miss-energy-offer__close {
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 12px
}

@media (min-width: 640px) {
    .miss-energy-offer__close {
        top: 12px;
        right: 42px
    }
}

.miss-energy-offer__close-img {
    width: 30px
}

@media (min-width: 640px) {
    .miss-energy-offer__close-img {
        width: 42px
    }
}

.miss-energy-offer__content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 24px 0 30px
}

@media (min-width: 1024px) {
    .miss-energy-offer__content {
        padding: 42px 0
    }
}

.miss-energy-offer__status {
    margin-bottom: 12px
}

@media (min-width: 1024px) {
    .miss-energy-offer__status {
        margin-bottom: 30px
    }
}

.miss-energy-offer__text {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .miss-energy-offer__text {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.miss-energy-offer__crown {
    height: 84px;
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .miss-energy-offer__crown {
        height: 132px
    }
}

.miss-energy-offer__title {
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .miss-energy-offer__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

.miss-energy-offer__title--yellow {
    color: #ffe566
}

.miss-energy-offer__advantages {
    margin-top: 12px
}

@media (min-width: 640px) {
    .miss-energy-offer__advantages {
        margin-top: 36px
    }
}

.miss-energy-offer__advantage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 640px) {
    .miss-energy-offer__advantage {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }
}

.advantage-icon {
    width: 46px;
    height: 36px;
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .advantage-icon {
        margin-bottom: 0;
        margin-right: 6px;
        width: 54px;
        height: 42px
    }
}

.miss-energy-offer__advantage-text {
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .miss-energy-offer__advantage-text {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.miss-energy-offer__button {
    margin-top: 30px
}

@media (min-width: 640px) {
    .miss-energy-offer__button {
        margin-top: 42px
    }
}

@media (min-width: 640px) {
    .miss-energy-offer__button .button__content {
        font-size: 26px;
        line-height: 36px
    }
}

.pay-wall {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 63px;
    z-index: 101;
    overflow: hidden;
    background-color: #391c85
}

@media (min-width: 640px) {
    .pay-wall {
        bottom: 93px
    }
}

@media (min-width: 1024px) {
    .pay-wall {
        bottom: 0
    }
}

@-webkit-keyframes infiniteBackgroundScroll-data-v-a6434e1c {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes infiniteBackgroundScroll-data-v-a6434e1c {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.pay-wall:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .35;
    -webkit-animation-name: infiniteBackgroundScroll-data-v-a6434e1c;
    animation-name: infiniteBackgroundScroll-data-v-a6434e1c;
    -webkit-animation-duration: 130s;
    animation-duration: 130s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: url(/img/bg-xs.11c2406d.png) repeat-x;
    background-position-x: 50%;
    background-size: auto 100%
}

@media (min-width: 640px) {
    .pay-wall:before {
        background: url(/img/bg.4d8c8b36.png) repeat-x;
        background-position-x: 50%;
        background-size: auto 100%
    }
}

.pay-wall:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 100%;
    opacity: .35;
    z-index: 0;
    -webkit-animation-name: infiniteBackgroundScroll-data-v-a6434e1c;
    animation-name: infiniteBackgroundScroll-data-v-a6434e1c;
    -webkit-animation-duration: 130s;
    animation-duration: 130s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background: url(/img/bg-xs.11c2406d.png) repeat-x;
    background-position-x: 50%;
    background-size: auto 100%
}

@media (min-width: 640px) {
    .pay-wall:after {
        background: url(/img/bg.4d8c8b36.png) repeat-x;
        background-position-x: 50%;
        background-size: auto 100%
    }
}

.pay-wall__shadow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@-webkit-keyframes popupShow-data-v-a6434e1c {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes popupShow-data-v-a6434e1c {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.pay-wall__content-wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
    max-height: 100%;
    overflow-y: auto;
    padding: 12px 0;
    opacity: 0;
    -webkit-animation: popupShow-data-v-a6434e1c;
    animation: popupShow-data-v-a6434e1c;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media (min-width: 640px) {
    .pay-wall__content-wrapper {
        padding: 24px 0
    }
}

.pay-wall__close {
    position: absolute;
    z-index: 2;
    right: 6px;
    top: 6px;
    cursor: pointer;
    width: 30px
}

@media (min-width: 640px) {
    .pay-wall__close {
        right: 12px;
        top: 12px;
        width: 48px
    }
}

.pay-wall__popup {
    position: relative;
    width: 294px;
    margin: 0 auto
}

@media (min-width: 640px) {
    .pay-wall__popup {
        width: 480px
    }
}

@media (min-width: 1024px) {
    .pay-wall__popup {
        width: 618px
    }
}

.pay-wall--low-energy, .pay-wall--popup {
    bottom: 0;
    left: 0
}

@media (min-width: 640px) {
    .pay-wall--low-energy .popup__body {
        padding-top: 36px;
        padding-bottom: 18px
    }
}

.pay-wall--low-energy .popup__title {
    color: #ffed60;
    text-align: center;
    margin-bottom: 6px;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .pay-wall--low-energy .popup__title {
        margin-bottom: 24px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.pay-wall--low-energy .popup__subtitle {
    color: #fff;
    text-align: center;
    margin-bottom: 24px;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .pay-wall--low-energy .popup__subtitle {
        margin-bottom: 36px;
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.pay-wall--low-energy .users-block {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .pay-wall--low-energy .users-block {
        margin-bottom: 0
    }
}

.pay-wall--low-energy .popup__awards-container {
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .popup {
        padding-bottom: 42px
    }
}

.popup__head-img {
    margin: 0 auto;
    width: 100%;
    max-width: 605px
}

@media (min-width: 640px) {
    .popup__content {
        background-color: #7b62e2;
        box-shadow: 0 30px 36px rgba(55, 34, 109, .43);
        border-radius: 24px
    }
}

@media (min-width: 640px) {
    .popup__body {
        padding: 30px 36px
    }
}

@media (min-width: 1024px) {
    .popup__body {
        padding: 48px 36px 42px
    }
}

.popup__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    white-space: pre-wrap;
    text-align: center;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .popup__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 18px
    }
}

.popup__subtitle {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #ffed60;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 640px) {
    .popup__subtitle {
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .popup__subtitle {
        margin-bottom: 36px
    }
}

.popup__awards-container {
    text-align: center;
    margin-bottom: 30px
}

.popup__awards-container > * {
    margin-right: 12px
}

.popup__awards-container > :last-child {
    margin-right: 0
}

@media (min-width: 1024px) {
    .popup__button-container {
        padding: 0 30px
    }
}

.popup__premium-button {
    height: 72px;
    border-radius: 14px;
    padding: 4px 4px 8px
}

.popup__premium-button:before {
    bottom: 0
}

.popup__premium-button:after {
    border-radius: 10px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 8px;
    z-index: -1
}

.popup__premium-button:before {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
}

.popup__premium-button:active:before, .popup__premium-button:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.popup__premium-button:active:before {
    box-shadow: none
}

.popup__premium-button:active:after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@media (min-width: 640px) {
    .popup__premium-button {
        height: 96px;
        border-radius: 14px;
        padding: 4px 4px 8px
    }

    .popup__premium-button:before {
        bottom: 0
    }

    .popup__premium-button:after {
        border-radius: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .popup__premium-button:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .popup__premium-button:active:before, .popup__premium-button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .popup__premium-button:active:before {
        box-shadow: none
    }

    .popup__premium-button:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.popup__premium-button-ic {
    position: absolute;
    right: -16px;
    top: -28px;
    width: 48px
}

@media (min-width: 640px) {
    .popup__premium-button-ic {
        right: -28px;
        top: -34px;
        width: 78px
    }
}

.popup__premium-button-text {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    text-align: center;
    color: #fff
}

.popup__premium-button-text .trial-end__premium-button-text--yellow {
    color: #ffe566
}

@media (min-width: 640px) {
    .popup__premium-button-text {
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.popup__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 30px;
    background-color: #5b44bb;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px
}

@media (min-width: 1024px) {
    .popup__footer {
        padding: 18px 36px
    }
}

.popup__awards {
    width: 84px;
    height: 42px
}

@media (min-width: 1024px) {
    .popup__awards {
        width: 108px;
        height: 54px
    }
}

.users-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .users-block {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .users-block > * {
        margin-right: 12px
    }

    .users-block > :last-child {
        margin-right: 0
    }
}

.users-block__branch--right {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.users-block__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    text-align: center;
    width: 147px;
    color: #fff
}

.users-block__text--bold {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.popup__miss-energy {
    margin-top: 18px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup__miss-energy-text {
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .popup__miss-energy-text {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.block-retry-forbidden-modal {
    color: #fff
}

.block-retry-forbidden-modal__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .block-retry-forbidden-modal__header > * {
        margin-bottom: 12px
    }
}

.block-retry-forbidden-modal__header > :last-child {
    margin-bottom: 0
}

.block-retry-forbidden-modal__body {
    text-align: center;
    margin: auto;
    padding: 12px 12px 18px
}

.block-retry-forbidden-modal__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .block-retry-forbidden-modal__body > * {
        margin-bottom: 24px
    }
}

.block-retry-forbidden-modal__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .block-retry-forbidden-modal__body {
        padding: 18px 12px 24px;
        width: 83.3333333333%
    }
}

.block-retry-forbidden-modal__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .block-retry-forbidden-modal__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.block-retry-forbidden-modal__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    white-space: pre-line
}

@media (min-width: 640px) {
    .block-retry-forbidden-modal__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.block-retry-forbidden-modal__ctrl > * {
    margin-bottom: 12px
}

.block-retry-forbidden-modal__ctrl > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .block-retry-forbidden-modal__ctrl {
        width: 83.3333333333%;
        margin: auto
    }
}

.premium-block {
    padding-top: 24px
}

@media (min-width: 640px) {
    .premium-block {
        padding-top: 36px
    }
}

.premium-block__band {
    height: 108px;
    width: 100%;
    background-image: url(/img/premium-blocks-bg_xs.b07407a0.svg);
    background-repeat: repeat;
    background-size: cover;
    -webkit-animation: backgroundScrollXs-data-v-74b80d19 60s linear infinite;
    animation: backgroundScrollXs-data-v-74b80d19 60s linear infinite
}

@media (min-width: 640px) {
    .premium-block__band {
        -webkit-animation: backgroundScrollSm-data-v-74b80d19 60s linear infinite;
        animation: backgroundScrollSm-data-v-74b80d19 60s linear infinite;
        background-image: url(/img/premium-blocks-bg.61920144.svg);
        height: 160px
    }
}

.premium-block__content {
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px
}

@media (min-width: 640px) {
    .premium-block__content {
        padding-top: 30px;
        padding-bottom: 24px
    }
}

.premium-block__title {
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .premium-block__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.premium-block__title--yellow {
    color: #ffe566;
    padding-bottom: 12px
}

@media (min-width: 640px) {
    .premium-block__title--yellow {
        padding-bottom: 18px
    }
}

.premium-block__text {
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .premium-block__text {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.premium-block__buttons {
    text-align: center;
    padding-bottom: 24px
}

@media (min-width: 640px) {
    .premium-block__buttons {
        padding-bottom: 36px
    }
}

@-webkit-keyframes backgroundScrollXs-data-v-74b80d19 {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -804px 0
    }
}

@keyframes backgroundScrollXs-data-v-74b80d19 {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -804px 0
    }
}

@-webkit-keyframes backgroundScrollSm-data-v-74b80d19 {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -1192px 0
    }
}

@keyframes backgroundScrollSm-data-v-74b80d19 {
    0% {
        background-position: 0 0
    }
    to {
        background-position: -1192px 0
    }
}

.stars-info__block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.stars-info__container {
    width: 75%
}

.stars-info__icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.814 3.775a1.315 1.315 0 012.373 0l1.93 3.925c.187.381.538.65.948.726l5.269.022v2.115a1.35 1.35 0 01-.354.892l-3.032 3.35c-.269.297-.394.702-.34 1.103 0 0 .614 2.638.622 2.705.01.066 0 1.978 0 2.042-.002.985-1.04 1.665-1.937 1.192l-3.683-1.944a1.303 1.303 0 00-1.219 0L7.71 21.847c-.897.473-1.934-.206-1.938-1.19 0-.065-.009-1.977 0-2.044l.623-2.705a1.374 1.374 0 00-.34-1.104L3.02 11.455a1.35 1.35 0 01-.354-.925c.006-.613 0-2.082 0-2.082l5.269-.022a1.33 1.33 0 00.949-.726l1.93-3.925z' fill='%23DBA232'/%3E%3Cpath d='M10.814 2.068a1.326 1.326 0 012.373 0l1.93 3.856c.186.373.538.637.948.712l4.178.762c1.03.188 1.448 1.442.737 2.214L17.948 12.9c-.27.292-.394.69-.34 1.084l.61 4.47c.145 1.068-.97 1.858-1.925 1.362l-3.683-1.909a1.324 1.324 0 00-1.22 0l-3.681 1.91c-.956.494-2.071-.295-1.925-1.364l.61-4.47a1.333 1.333 0 00-.341-1.083L3.021 9.61c-.71-.77-.293-2.025.737-2.213l4.178-.762c.41-.075.762-.338.949-.712l1.93-3.856z' fill='%23FFDF60'/%3E%3Cpath d='M10.32 9.97v1.697M13.99 9.97v1.697M10.32 13.979v0a3.954 3.954 0 001.531.308h.61c.526 0 1.047-.105 1.531-.309v0' stroke='%23E1A632' stroke-width='1.229' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    width: 24px;
    height: 24px
}

@media (min-width: 1280px) {
    .stars-info__icon {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.518 4.719a1.644 1.644 0 012.966 0l2.412 4.907c.233.475.673.811 1.186.907l6.585.027v2.643a1.688 1.688 0 01-.442 1.116l-3.79 4.186a1.717 1.717 0 00-.425 1.38s.767 3.298.778 3.38c.011.084 0 2.473 0 2.553-.003 1.232-1.3 2.082-2.422 1.49l-4.603-2.43a1.63 1.63 0 00-1.524 0l-4.603 2.43c-1.12.592-2.418-.257-2.422-1.488 0-.08-.012-2.47 0-2.554l.778-3.381a1.717 1.717 0 00-.426-1.38l-3.79-4.186a1.688 1.688 0 01-.442-1.156c.007-.766 0-2.603 0-2.603l6.586-.027a1.664 1.664 0 001.186-.907l2.412-4.907z' fill='%23DBA232'/%3E%3Cpath d='M13.518 2.585c.612-1.224 2.353-1.224 2.966 0l2.411 4.82a1.66 1.66 0 001.186.89l5.222.953c1.288.234 1.81 1.802.922 2.766l-3.79 4.111a1.667 1.667 0 00-.425 1.355l.762 5.588c.182 1.335-1.212 2.322-2.406 1.703l-4.603-2.386a1.655 1.655 0 00-1.524 0L9.636 24.77c-1.194.62-2.589-.368-2.406-1.703l.762-5.588a1.667 1.667 0 00-.426-1.355l-3.79-4.111c-.888-.964-.366-2.532.922-2.766l5.222-.953a1.66 1.66 0 001.186-.89l2.412-4.82z' fill='%23FFDF60'/%3E%3Cpath d='M12.9 12.463v2.12M17.488 12.463v2.12M12.9 17.474v0a4.942 4.942 0 001.914.385h.763c.657 0 1.308-.13 1.914-.385v0' stroke='%23E1A632' stroke-width='1.536' stroke-linecap='round'/%3E%3C/svg%3E");
        background-size: contain;
        width: 30px;
        height: 30px
    }
}

.stars-info__block > .c-tooltip__title {
    margin-bottom: 18px
}

.stars-info__block .c-tooltip__text-small, .stars-info__block .c-tooltip__title-medium {
    margin-top: 6px
}

.multiplier-tooltip__text {
    color: #39414b;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .multiplier-tooltip__text {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.multiplier-tooltip__text--bold {
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .multiplier-tooltip__text--bold {
        font-weight: 800;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.life-tooltip {
    text-align: center
}

.life-tooltip__hearts-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.life-tooltip__hearts-container > {
    margin-right: 6px
}

.life-tooltip__hearts-container > :first-child {
    margin-right: 0
}

.life-tooltip__heart-icon {
    height: 36px;
    width: 36px
}

.life-tooltip__heart-icon-0 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.412 7.44a8.093 8.093 0 0111.584 0 8.093 8.093 0 0111.584 0c7.195 7.32-3.363 16.81-9.45 22.508a3.14 3.14 0 01-4.266 0C9.78 24.244-.766 14.743 6.412 7.44z' fill='%23DEDEDE'/%3E%3C/svg%3E");
    background-size: contain
}

.life-tooltip__heart-icon-1 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.412 7.44a8.093 8.093 0 0111.584 0 8.093 8.093 0 0111.584 0c7.195 7.32-3.363 16.81-9.45 22.508a3.14 3.14 0 01-4.266 0C9.78 24.244-.766 14.743 6.412 7.44z' fill='%23FF6565'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm-2.025 5.159a1.08 1.08 0 011.367-.684l.15.05a7.681 7.681 0 004.292.166l.954-.239a1.08 1.08 0 01.524 2.096l-.954.238a9.843 9.843 0 01-5.498-.211l-.152-.05a1.08 1.08 0 01-.683-1.366zM21.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' fill='%23C43E4E'/%3E%3Cpath d='M7.09 12.106C7.77 9.678 10.027 8 12.548 8c1.388 0 2.01 1.777.887 2.594L9.27 13.62c-1.078.784-2.54-.232-2.18-1.515z' fill='%23FFA487'/%3E%3C/svg%3E");
    background-size: contain
}

.life-tooltip__heart-icon-2 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.412 7.44a8.093 8.093 0 0111.584 0 8.093 8.093 0 0111.584 0c7.195 7.32-3.363 16.81-9.45 22.508a3.14 3.14 0 01-4.266 0C9.78 24.244-.766 14.743 6.412 7.44z' fill='%23FF6565'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 12.92c.596 0 1.08.483 1.08 1.08v2a1.08 1.08 0 01-2.16 0v-2c0-.597.483-1.08 1.08-1.08zm-1.675 7.237a1.08 1.08 0 011.518.168l.101.126a3.914 3.914 0 006.112 0l.1-.126a1.08 1.08 0 111.687 1.35l-.1.125-.844-.674.844.674a6.074 6.074 0 01-9.486 0l-.1-.125a1.08 1.08 0 01.168-1.518zM22.08 14a1.08 1.08 0 00-2.16 0v2a1.08 1.08 0 102.16 0v-2z' fill='%23C43E4E'/%3E%3Cpath d='M7.09 12.106C7.77 9.678 10.027 8 12.548 8c1.388 0 2.01 1.777.887 2.594L9.27 13.62c-1.078.784-2.54-.232-2.18-1.515z' fill='%23FFA487'/%3E%3C/svg%3E");
    background-size: contain
}

.life-tooltip__heart-icon-3 {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.412 7.44a8.093 8.093 0 0111.584 0 8.093 8.093 0 0111.584 0c7.195 7.32-3.363 16.81-9.45 22.508a3.14 3.14 0 01-4.266 0C9.78 24.244-.766 14.743 6.412 7.44z' fill='%23FF6565'/%3E%3Cpath d='M21.958 19.333c0 1.742-1.768 3.167-3.958 3.167-2.19 0-3.958-1.425-3.958-3.167' fill='%23fff'/%3E%3Cpath d='M21.958 19.333c0 1.742-1.768 3.167-3.958 3.167-2.19 0-3.958-1.425-3.958-3.167' stroke='%23C43E4E' stroke-width='2.156' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.453 14.583c0-.053.024-.158.175-.278.154-.123.408-.227.726-.227.319 0 .572.104.726.227.152.12.176.225.176.278a1.078 1.078 0 102.155 0c0-1.69-1.613-2.66-3.057-2.66s-3.057.97-3.057 2.66a1.078 1.078 0 002.156 0zm-8.708 0c0-.053.023-.157.175-.278.154-.123.408-.227.726-.227s.572.104.726.227c.152.12.175.225.175.279a1.078 1.078 0 102.156 0c0-1.69-1.613-2.662-3.057-2.662s-3.057.971-3.057 2.662a1.078 1.078 0 102.156 0z' fill='%23C43E4E'/%3E%3Cpath d='M7.09 12.106C7.77 9.678 10.027 8 12.548 8c1.388 0 2.01 1.777.887 2.594L9.27 13.62c-1.078.784-2.54-.232-2.18-1.515z' fill='%23FFA487'/%3E%3C/svg%3E");
    background-size: contain
}

.life-tooltip__refill-container {
    margin-top: 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.life-tooltip__refill-description {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    margin-top: 6px
}

.life-tooltip__refill-timer-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #39414b;
    font-weight: 900;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    width: 48px;
    height: 36px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='36' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M0 12C0 5.373 5.373 0 12 0h24c6.627 0 12 5.373 12 12v6H0v-6z' fill='%23F2F9FF'/%3E%3C/svg%3E");
    background-size: contain
}

.life-tooltip__refill-timer-divider {
    height: 18px;
    width: 6px;
    margin: 4px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 6a3 3 0 100-6 3 3 0 000 6zm0 12a3 3 0 100-6 3 3 0 000 6z' fill='%23CFDAE5'/%3E%3C/svg%3E");
    background-size: contain
}

.c-tooltip.c-tooltip--left-top-lg.info-tooltip {
    top: 30px
}

.badge {
    position: relative;
    padding: 6px 6px 6px 18px;
    border-radius: 77px
}

@media (min-width: 640px) {
    .badge {
        padding: 9px 6px 9px 36px
    }
}

@media (min-width: 1280px) {
    .badge {
        background: none;
        padding: 0;
        border-radius: 0
    }
}

.badge__icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -12px
}

@media (min-width: 640px) {
    .badge__icon {
        width: 42px;
        height: 42px
    }
}

@media (min-width: 1280px) {
    .badge__icon {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 60px;
        margin-left: auto;
        margin-right: auto;
        height: 60px;
        top: 0;
        left: 0
    }
}

.badge__icon > img {
    width: 100%;
    height: auto
}

.badge__content {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff
}

@media (min-width: 640px) {
    .badge__content {
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }
}

@media (min-width: 1280px) {
    .badge__content {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px;
        padding: 6px 12px;
        border-radius: 77px;
        text-align: center
    }
}

.back-button {
    height: 30px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 12px;
    padding-bottom: 4px
}

.back-button:before {
    background-color: #fff
}

.back-button:after {
    background-color: #d2d8e4
}

.back-button:hover:before {
    background-color: #f2f2f2
}

.back-button:before {
    bottom: 4px
}

.back-button:after {
    top: 4px
}

.back-button:active:before, .back-button:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@media (min-width: 640px) {
    .back-button {
        height: 36px;
        padding-left: 18px;
        padding-right: 18px;
        border-radius: 12px;
        padding-bottom: 4px
    }

    .back-button:before {
        bottom: 4px
    }

    .back-button:after {
        top: 4px
    }

    .back-button:active:before, .back-button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@media (min-width: 1280px) {
    .back-button {
        height: 60px;
        padding-left: 12px;
        padding-right: 12px;
        border-radius: 16px;
        padding-bottom: 6px
    }

    .back-button:before {
        bottom: 6px
    }

    .back-button:after {
        top: 6px
    }

    .back-button:active:before, .back-button:active > * {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.back-button__icon {
    width: 24px;
    height: 24px
}

@media (min-width: 1280px) {
    .back-button__icon {
        width: 36px;
        height: 36px
    }
}

.offer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-decoration: none;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 6px;
    height: 36px;
    border-top-left-radius: 12px;
    background-color: #f26f55;
    border-bottom-left-radius: 12px;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 1280px) {
    .offer {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0;
        height: auto;
        margin-bottom: 36px;
        padding: 0;
        width: 84px;
        font-size: 18px;
        line-height: 12px
    }
}

.offer__text {
    z-index: 3
}

.offer__icon {
    background: url(/img/icn-offer.fac23fc7.svg) no-repeat;
    background-size: contain;
    height: 36px;
    width: 30px;
    z-index: 2
}

@media (min-width: 1280px) {
    .offer__icon {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        background: url(/img/icn-offer-lg.2377645d.svg) no-repeat;
        margin-top: 1px;
        width: 92px;
        height: 60px;
        background-size: contain
    }
}

@media (min-width: 1280px) {
    .offer__icon-bottom {
        position: absolute;
        z-index: 1;
        top: 100%;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='84' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M75.175 14.896A12 12 0 0083.981 4H.019a12 12 0 008.805 10.896l30 8.233a12 12 0 006.351 0l30-8.233zM84 0H0v4h84V0z' fill='%23CC5247'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M83.98 0a12 12 0 01-8.805 10.896l-30 8.233a12 12 0 01-6.351 0l-30-8.233A12 12 0 01.019 0H83.98z' fill='%23F26F55'/%3E%3C/svg%3E") no-repeat;
        background-size: cover;
        height: 24px;
        left: 0;
        right: 0
    }
}

.topbar {
    height: 36px;
    margin: 0 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 640px) {
    .topbar {
        margin: 6px 0
    }
}

@media (min-width: 1280px) {
    .topbar {
        position: absolute;
        pointer-events: none;
        margin: 0;
        left: 0;
        right: 0;
        height: auto;
        padding: 0;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.topbar__left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.topbar__left, .topbar__right {
    pointer-events: all;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.topbar__right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.topbar__right:last-child .offer {
    margin-right: -12px
}

@media (min-width: 640px) {
    .topbar__right:last-child .offer {
        margin-right: -24px
    }
}

@media (min-width: 1024px) {
    .topbar__right:last-child .offer {
        margin-right: -42px
    }
}

@media (min-width: 1280px) {
    .topbar__right:last-child .offer {
        margin-right: 0
    }
}

@media (min-width: 1280px) {
    .topbar__right {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .topbar__right > {
        margin-right: 0;
        margin-bottom: 12px
    }
}

.topbar__offer {
    margin-right: -12px
}

@media (min-width: 1280px) {
    .topbar__offer {
        margin-right: 0;
        margin-top: -12px;
        margin-bottom: 32px;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
}

@media (min-width: 1280px) {
    .topbar__offer--animated {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: delayedStockShake;
        animation-name: delayedStockShake;
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
}

.topbar__badges {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.topbar__badges > {
    margin-right: 12px
}

.topbar__badges > .multiplier-tooltip, .topbar__badges > :last-child {
    margin-right: 0
}

@media (min-width: 1280px) {
    .topbar__badges {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .topbar__badges > {
        margin-right: 0;
        margin-bottom: 12px
    }
}

.badge-x2 {
    background: url(/img/icn-x2.ae8a4220.svg) no-repeat;
    background-size: contain;
    width: 32px;
    height: 24px
}

@media (min-width: 640px) {
    .badge-x2 {
        width: 48px;
        height: 36px
    }
}

@media (min-width: 1280px) {
    .badge-x2 {
        background: url(/img/icn-x2-lg.19173f5d.svg) no-repeat;
        background-size: contain;
        width: 90px;
        height: 60px
    }
}

.badge-x2--done {
    background: url(/img/icn-x2-done.50f88ee8.svg) no-repeat;
    background-size: contain
}

@media (min-width: 1280px) {
    .badge-x2--done {
        background: url(/img/icn-x2-done-lg.021e2bd7.svg) no-repeat;
        background-size: contain
    }
}

.life-tooltip .c-tooltip__content, .multiplier-tooltip .c-tooltip__content {
    padding: 12px
}

.offer-button {
    z-index: 1;
    width: 175px;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: delayedStockShake;
    animation-name: delayedStockShake;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.offer-button .button__content {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 6px
}

.offer-button__text {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.offer-button__icon {
    position: absolute;
    right: 0;
    top: -4px;
    width: 66px;
    height: 52px;
    z-index: 1
}

.problem {
    cursor: pointer;
    width: 36px;
    height: 36px;
    padding-bottom: 3px;
    border-radius: 6px;
    transition: height .25s, padding-bottom .25s, -webkit-transform .25s;
    transition: height .25s, padding-bottom .25s, transform .25s;
    transition: height .25s, padding-bottom .25s, transform .25s, -webkit-transform .25s
}

.problem:active {
    height: 33px;
    padding-bottom: 0;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

@media (min-width: 640px) {
    .problem {
        width: 48px;
        height: 48px;
        padding-bottom: 4px;
        border-radius: 12px
    }

    .problem:active {
        height: 44px;
        padding-bottom: 0;
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.problem--success {
    background-color: #2e9948
}

.problem--success .problem__content {
    background-color: #5cbb73
}

.problem--retried {
    background-color: #2e9948
}

.problem--retried .problem__content {
    background: #5cbb73 url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.689 6.92a6.6 6.6 0 019.308 0 6.6 6.6 0 019.309 0c5.744 5.726-2.596 13.136-7.502 17.63a2.694 2.694 0 01-3.613-.001C8.288 20.052-.043 12.633 5.689 6.921z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 24px 24px
}

@media (min-width: 640px) {
    .problem--retried .problem__content {
        background-size: 30px 30px
    }
}

.problem--with-error {
    background-color: #cc493d
}

.problem--with-error .problem__content {
    background: #ff7366 url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.689 6.92a6.6 6.6 0 019.308 0 6.6 6.6 0 019.309 0c5.744 5.726-2.596 13.136-7.502 17.63a2.694 2.694 0 01-3.613-.001C8.288 20.052-.043 12.633 5.689 6.921z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 24px 24px
}

@media (min-width: 640px) {
    .problem--with-error .problem__content {
        background-size: 30px 30px
    }
}

.problem--give-up {
    background-color: #d9742b
}

.problem--give-up .problem__content {
    background: #ffa526 url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.584 3.333c-.824 0-1.536.549-1.709 1.317L3.372 24.695c-.228 1.015.583 1.971 1.67 1.971.806 0 1.502-.537 1.671-1.288L9.045 15h7.622a1.667 1.667 0 110 3.333h-2.5c-.786 0-1.445.545-1.62 1.277l-.01.04c-.22 1.038.563 2.017 1.613 2.017h9.476c1.184 0 1.982-1.224 1.515-2.324l-.68-1.603a3.361 3.361 0 01.528-3.482l1.278-1.507c.917-1.08.157-2.751-1.252-2.751h-3.847l.464-2.993C21.841 5.972 21.076 5 20.054 5H11.25a1.667 1.667 0 00-1.667-1.667z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 24px 24px
}

@media (min-width: 640px) {
    .problem--give-up .problem__content {
        background-size: 30px 30px
    }
}

.problem--next {
    background-color: #7951e5
}

.problem--next .problem__content {
    background: #a280ff url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.082 13.56l1.201.323c.694.187 1.02 1.015.67 1.7L6.9 19.588c-.596 1.164.712 2.294 1.682 1.453l8.837-7.675c.967-.84.674-2.45-.502-2.766l-1.496-.403c-.672-.181-1.004-.967-.695-1.646l1.907-4.195c.54-1.186-.81-2.243-1.743-1.367l-8.358 7.846c-.914.858-.601 2.414.549 2.724z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 24px 24px
}

@media (min-width: 640px) {
    .problem--next .problem__content {
        background-size: 30px 30px
    }
}

.problem__content {
    height: 100%;
    width: 100%;
    border-radius: 6px
}

@media (min-width: 640px) {
    .problem__content {
        border-radius: 12px
    }
}

.thread-stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.thread-stats__content {
    padding: 12px 12px 18px
}

@media (min-width: 640px) {
    .thread-stats__content {
        padding: 24px
    }
}

.thread-stats__header {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .thread-stats__header {
        margin-bottom: 36px
    }
}

.thread-stats__header-grid > * {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .thread-stats__header-grid > * {
        margin-bottom: 0
    }
}

.thread-stats__header-grid > :last-child {
    margin-bottom: 0
}

.thread-stats__progress-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.thread-stats__progress {
    width: 120px;
    height: 6px;
    border-radius: 16px;
    background-color: #523f9f;
    overflow: hidden;
    margin-right: 6px
}

@media (min-width: 640px) {
    .thread-stats__progress {
        height: 12px
    }
}

.thread-stats__progress-bar {
    transition: width .25s;
    height: 100%;
    background-color: #5cbb73
}

.thread-stats__progress-text {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff
}

@media (min-width: 640px) {
    .thread-stats__progress-text {
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }
}

.thread-stats__title {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .thread-stats__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 12px
    }
}

.thread-stats__body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 288px;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .thread-stats__body {
        min-height: 264px;
        margin-bottom: 18px
    }
}

.thread-stats__problems {
    width: 252px
}

@media (min-width: 640px) {
    .thread-stats__problems {
        width: calc(100% + 6px)
    }
}

.tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 42px;
    box-shadow: inset 0 4px 0 #3f3380;
    background-color: #523f9f
}

.tabs, .tabs__tab {
    border-radius: 12px
}

.tabs__tab {
    position: relative;
    cursor: pointer;
    height: 100%;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.tabs__tab--active {
    background: #fff;
    box-shadow: inset 0 -4px 0 #ccc
}

.tabs__tab--active .tabs__tab-img {
    top: 7px
}

.tabs__tab-img {
    position: absolute;
    top: 9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 24px;
    height: 24px
}

.tabs__label {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff;
    background-color: #ff6565;
    border-radius: 12px;
    min-width: 24px;
    text-align: center;
    padding: 3px 0;
    position: absolute;
    top: 6px;
    right: 6px
}

@-webkit-keyframes smallBounce-data-v-7b819c5e {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0)
    }
}

@keyframes smallBounce-data-v-7b819c5e {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -6px, 0);
        transform: translate3d(0, -6px, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -1px, 0);
        transform: translate3d(0, -1px, 0)
    }
}

.problems {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -3px
}

.problems__item-container {
    padding: 3px
}

.problems__item-container--animated {
    -webkit-animation-name: smallBounce-data-v-7b819c5e;
    animation-name: smallBounce-data-v-7b819c5e;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.problems__item {
    display: block
}

.problems__cap {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background-color: #523f9f
}

@media (min-width: 640px) {
    .problems__cap {
        width: 48px;
        height: 48px;
        border-radius: 12px
    }
}

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

.pagination__button-icon--left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pagination__fake-button {
    width: 100%;
    background-color: #523f9f;
    border-radius: 12px;
    height: 42px
}

.tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}

.tabs > * {
    margin-right: 6px
}

@media (min-width: 640px) {
    .tabs > * {
        margin-right: 12px
    }
}

.tabs > :last-child {
    margin-right: 0
}

@media (max-width: 639.98px) {
    .tabs {
        padding: 0 12px
    }
}

.tabs__item {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.tab {
    background: #f1f5fa;
    border-radius: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    color: #88a3ba;
    transition: color .25s, -webkit-transform .25s;
    transition: color .25s, transform .25s;
    transition: color .25s, transform .25s, -webkit-transform .25s
}

.tab > * {
    margin-right: 6px
}

.tab > :last-child {
    margin-right: 0
}

.tab:hover {
    color: #51677b
}

.tab:hover .tab__icon, .tab:hover .tab__text {
    opacity: .8
}

.tab--disabled {
    pointer-events: none
}

.tab--disabled .tab__text {
    color: #adb8cc
}

.tab--disabled .tab__icon {
    fill: #adb8cc
}

.tab__icon {
    width: 24px;
    height: 24px;
    fill: #5cbb73;
    transition: opacity .25s
}

@media (min-width: 640px) {
    .tab__icon {
        width: 30px;
        height: 30px
    }
}

.tab__icon--rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tab__text {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b;
    transition: opacity .25s
}

@media (min-width: 640px) {
    .tab__text {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.thread-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    background-size: 100%
}

.thread-wrapper--single-bg-image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.thread {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right)
}

@media (min-width: 640px) {
    .thread {
        padding: 0 24px 6px
    }
}

@media (min-width: 1024px) {
    .thread {
        padding: 0 42px 6px
    }
}

@media (min-width: 1280px) {
    .thread {
        padding: 6px 42px
    }
}

.thread--result {
    min-height: 100%;
    height: auto;
    background: #634cbf url(/img/stars-background.c03e32b0.svg) no-repeat top
}

.thread__topbar {
    position: relative;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.thread__body {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 12px 12px 0 0;
    padding-top: 25px
}

@media (min-width: 640px) {
    .thread__body {
        border-radius: 16px;
        padding-top: 36px
    }
}

@media (min-width: 1280px) {
    .thread__body {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        width: 83.3333333333%;
        border-radius: 16px
    }
}

.thread__body--wrong {
    -webkit-animation-name: blockShake-data-v-fbe9ef92;
    animation-name: blockShake-data-v-fbe9ef92;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes blockShake-data-v-fbe9ef92 {
    20%, 60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    40%, 80% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

@keyframes blockShake-data-v-fbe9ef92 {
    20%, 60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    40%, 80% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

.thread__content {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    z-index: 1
}

.thread__content--without-tabs .layout-page__body {
    border-radius: 12px
}

@media (min-width: 640px) {
    .thread__content--without-tabs .layout-page__body {
        border-radius: 16px
    }
}

.layout-page {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

@media (min-width: 640px) {
    .layout-page {
        border-radius: 16px
    }
}

.layout-page__body {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent
}

.layout-page__body--center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.layout-page__body--start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
}

.layout-page__body--horizontal-center, .layout-page__body--start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.layout-page__body--horizontal-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.layout-page__body--overflowed {
    overflow-y: auto
}

.layout-page__footer {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding: 6px
}

@supports (padding-bottom:max(6px,env(safe-area-inset-bottom))) {
    .layout-page__footer {
        padding-bottom: max(6px, env(safe-area-inset-bottom))
    }
}

@media (min-width: 640px) {
    .layout-page__footer {
        padding: 10px 0
    }
}

@media (min-width: 1280px) {
    .layout-page__footer {
        padding: 10px 24px
    }
}

.layout-page__footer .c-tooltip__content {
    padding: 12px
}

.feedback {
    padding: 24px 12px;
    width: 100%
}

@media (min-width: 640px) {
    .feedback {
        width: 66.6666666667%;
        padding: 24px
    }
}

@media (min-width: 1024px) {
    .feedback {
        width: 50%;
        padding: 30px
    }
}

@media (min-width: 1280px) {
    .feedback {
        padding: 42px
    }
}

.feedback-form {
    text-align: left
}

.feedback-form > * {
    margin-bottom: 18px
}

@media (min-width: 1280px) {
    .feedback-form > * {
        margin-bottom: 24px
    }
}

.feedback-form > :last-child {
    margin-bottom: 0
}

.feedback-form__label {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    padding-bottom: 6px;
    color: #39414b
}

@media (min-width: 640px) {
    .feedback-form__label {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.feedback-form__message textarea {
    height: 150px;
    resize: none
}

.feedback-form__message .input__input {
    height: 150px
}

.success-message {
    color: #39414b
}

.success-message__image {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 120px;
    height: 120px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='144' height='144' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='72' cy='74.891' rx='50' ry='50.109' fill='%234FBC6A' stroke='%2360CC7A' stroke-width='11.551'/%3E%3Cellipse cx='72' cy='69.109' rx='50' ry='50.109' fill='%234FBC6A' stroke='%2360CC7A' stroke-width='11.551'/%3E%3Cpath d='M68.54 92.236c-2.12 0-4.114-.882-5.61-2.52L46.974 71.573c-2.742-3.15-2.493-7.938.624-10.71 3.116-2.772 7.853-2.52 10.595.63L68.29 72.959l18.324-23.184c2.618-3.276 7.23-3.78 10.47-1.134 3.242 2.646 3.74 7.308 1.123 10.584l-23.934 30.24c-1.246 1.637-3.365 2.771-5.484 2.771h-.25z' fill='%23fff'/%3E%3C/svg%3E");
    margin-bottom: 6px
}

@media (min-width: 1280px) {
    .success-message__image {
        width: 146px;
        height: 146px;
        margin-bottom: 18px
    }
}

.success-message__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .success-message__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0;
        margin-bottom: 12px
    }
}

.success-message__description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .success-message__description {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.problem-button {
    display: block;
    width: 100%;
    height: 60px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 16px;
    padding-bottom: 6px;
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

.problem-button:before {
    bottom: 6px
}

.problem-button:after {
    top: 6px
}

.problem-button:active:before, .problem-button:active > * {
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
}

.problem-button__content {
    padding-top: 2px
}

@media (min-width: 1280px) {
    .problem-button__content {
        margin-left: 6px
    }

    .problem-button__content:first-child {
        margin-left: 0
    }
}

.problem-button--help:before {
    background-color: #3daeff
}

.problem-button--help:after {
    background-color: #0f83d7
}

.problem-button--help:hover:before {
    background-color: #57b9ff
}

.problem-button--close:before {
    background-color: #3daeff
}

.problem-button--close:after {
    background-color: #0f83d7
}

.problem-button--close:hover:before {
    background-color: #57b9ff
}

.problem-button--answer:before {
    background-color: #5cbb73
}

.problem-button--answer:after {
    background-color: #2e9948
}

.problem-button--answer:hover:before {
    background-color: #6ec382
}

.problem-button--sound:before {
    background-color: #7491ed
}

.problem-button--sound:after {
    background-color: #576ccd
}

.problem-button--sound:hover:before {
    background-color: #8ba3f0
}

.problem-button--again:before {
    background-color: #ff6759
}

.problem-button--again:after {
    background-color: #cc3d3d
}

.problem-button--again:hover:before {
    background-color: #ff7e73
}

.problem-button--next {
    color: #39414b
}

.problem-button--next:before {
    background-color: #ffe566
}

.problem-button--next:after {
    background-color: #ccb029
}

.problem-button--next:hover:before {
    background-color: #ffe980
}

.problem-button--feedback:before {
    background-color: #ffb444
}

.problem-button--feedback:after {
    background-color: #e98931
}

.problem-button--feedback:hover:before {
    background-color: #ffbe5e
}

.problem-button--give-up:before {
    background-color: #ff773d
}

.problem-button--give-up:after {
    background-color: #c65626
}

.problem-button--give-up:hover:before {
    background-color: #ff8957
}

.feedback-layout {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

@media (min-width: 640px) {
    .feedback-layout {
        border-radius: 16px
    }
}

.feedback-layout .layout-page__body--bordered {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

@media (min-width: 640px) {
    .feedback-layout .layout-page__body--bordered {
        border-radius: 16px
    }
}

.feedback-enter-active, .feedback-leave-active {
    transition: all .5s
}

.feedback-enter, .feedback-leave-to {
    opacity: 0;
    -webkit-transform: scale(.97);
    transform: scale(.97)
}

.banner {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    width: 100%;
    will-change: transform;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.banner > * {
    margin-right: 6px
}

.banner > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .banner {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
}

@media (min-width: 1280px) {
    .banner {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px;
        height: 37px
    }
}

.theory-banner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #3daeff;
    padding: 12px;
    position: relative
}

@media (min-width: 640px) {
    .theory-banner {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.theory-banner__text {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .theory-banner__text {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.theory-banner__book {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%
}

@media (min-width: 640px) {
    .theory-banner__book {
        left: 30px;
        right: auto
    }
}

.theory-header {
    width: 100%;
    color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #fff;
    position: relative
}

@media (min-width: 640px) {
    .theory-header {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }
}

.theory-header__wrapper {
    padding: 18px 12px
}

@media (min-width: 640px) {
    .theory-header__wrapper {
        padding: 30px 24px
    }
}

.theory-header__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.theory-header__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 1280px) {
    .theory-header__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.theory-header__icon {
    margin-right: 6px;
    z-index: 2
}

@media (min-width: 640px) {
    .theory-header__icon {
        margin-right: 0;
        position: absolute;
        right: 14px;
        bottom: -54px
    }
}

@media (min-width: 1280px) {
    .theory-header__icon {
        bottom: -42px
    }
}

.theory-header__icon-image {
    width: 72px;
    height: 74px
}

@media (min-width: 640px) {
    .theory-header__icon-image {
        width: 144px;
        height: 126px
    }
}

.theory-body__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    display: inline-block;
    color: #39414b;
    padding: 3px 12px;
    border-radius: 20px;
    background: linear-gradient(0deg, #e6f2ff, #e6f2ff), #ffe873;
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .theory-body__title {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0;
        padding: 6px 12px;
        margin-bottom: 12px
    }
}

.theory-body__title-wrapper {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.theory-body__content, .theory-body__title-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.theory-body__content--image-bottom, .theory-body__content--image-right {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1280px) {
    .theory-body__content--image-right > * {
        margin-right: 30px
    }
}

.theory-body__content--image-right > :last-child {
    margin-right: 0
}

@media (min-width: 1280px) {
    .theory-body__content--image-right {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.theory-body__body {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #39414b;
    margin-bottom: 12px
}

.theory-body__body p {
    margin: 12px auto
}

.theory-body__body p:first-child {
    margin-top: 0
}

.theory-body__body img {
    max-width: 100%;
    height: auto
}

@media (min-width: 640px) {
    .theory-body__body {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 12px
    }

    .theory-body__body .vimeo-responsive-video {
        width: 70%
    }

    .theory-body__body p {
        margin: 12px auto;
        overflow-y: auto
    }

    .theory-body__body p:first-child {
        margin-top: 0
    }
}

.theory-body__image {
    max-height: 300px;
    width: auto;
    max-width: 100%
}

.theory-body__image-container {
    max-height: 300px;
    margin-bottom: 12px
}

.theory-body__locked {
    border: 2px solid #cfdae5 !important;
    border-radius: 18px;
    margin-top: 12px
}

.theory-body__locked-content {
    padding: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.theory-body__locked-content > * {
    margin-right: 6px
}

@media (min-width: 1280px) {
    .theory-body__locked-content > * {
        margin-right: 12px
    }
}

.theory-body__locked-content > :last-child {
    margin-right: 0
}

@media (min-width: 1280px) {
    .theory-body__locked-content {
        padding: 18px 12px
    }
}

.theory-body__locked-content-image {
    width: 54px;
    height: 54px
}

.theory-body__locked-content-title {
    color: #a0a9b2;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    line-height: 18px
}

.theory-body__locked-content-description {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #f2973d;
    padding-top: 6px
}

.small-bounce {
    -webkit-animation-name: smallBounce;
    animation-name: smallBounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.theory-body__title-wrapper.small-bounce .theory-body__title {
    padding: 6px 12px;
    background: #fff;
    border: 3px solid #5597f2;
    box-shadow: 0 0 15px #73b9ff
}

.give-up {
    color: #fff
}

.give-up__header > * {
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .give-up__header > * {
        margin-bottom: 12px
    }
}

.give-up__header > :last-child {
    margin-bottom: 0
}

.give-up__body {
    text-align: center;
    margin: auto;
    padding: 18px 12px 24px;
    width: 80%
}

.give-up__body > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .give-up__body > * {
        margin-bottom: 24px
    }
}

.give-up__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .give-up__body {
        padding: 30px 12px 24px
    }
}

.give-up__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .give-up__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.give-up__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .give-up__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.give-up__close {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    transition: color .25s
}

@media (min-width: 640px) {
    .give-up__close {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.give-up__close:hover {
    color: #e6e6e6
}

.give-up__button {
    margin: auto
}

.give-up__ctrl > * {
    margin-bottom: 12px
}

.give-up__ctrl > :last-child {
    margin-bottom: 0
}

.is-right {
    text-align: right
}

.footer__buttons > * {
    margin-right: 6px
}

@media (min-width: 1280px) {
    .footer__buttons > * {
        margin-right: 12px
    }
}

.footer__buttons > :last-child {
    margin-right: 0
}

.theory-footer__button {
    display: inline-block;
    width: auto
}

@media (min-width: 1024px) {
    .theory-footer__button .button__content {
        padding-right: 12px
    }
}

.theory-footer__icon {
    width: 50px;
    height: 50px;
    margin: 0 3px
}

.theory-footer__icon--feedback {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' d='M40.889 29.186a6.964 6.964 0 00-6.964-6.964h-7.492a6.877 6.877 0 100 13.755h1.84c1.265 0 2.495.412 3.504 1.175l1.916 1.448c.373.282.56.423.706.47a.889.889 0 001.106-.551c.05-.144.05-.378.05-.846v-.896c0-.477.309-.899.763-1.044a6.574 6.574 0 004.571-6.262v-.285z' fill='%231F2233'/%3E%3Cpath d='M8 20.613v-.3c.073-5.788 4.747-10.463 10.534-10.534l.301-.001h6.955c5.884 0 10.654 4.789 10.654 10.673 0 5.864-4.753 10.636-10.617 10.636a5.308 5.308 0 00-3.267 1.125l-3.688 2.88c-1.25.974-1.874 1.462-2.373 1.218C16 36.067 16 35.276 16 33.69V32.29c0-.718-.46-1.356-1.143-1.581A9.991 9.991 0 018 21.223v-.61z' fill='%236CD988'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.333 17.778a1.333 1.333 0 000 2.666h9.778a1.333 1.333 0 100-2.666h-9.778zm0 4.444a1.333 1.333 0 000 2.667h6.223a1.333 1.333 0 000-2.667h-6.223z' fill='%2353A667'/%3E%3Cpath d='M17.777 13.333c-3.11 0-6.222 2.286-6.222 5.334' stroke='%238BFFC5' stroke-width='3.556' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.theory-footer__icon--give-up {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.174 15.277H39.11c1.688 0 2.717 1.857 1.823 3.288l-2.834 4.533a2.15 2.15 0 00-.262 1.66l1.26 5.04a2.149 2.149 0 01-2.085 2.67H22.029a2.149 2.149 0 01-2.098-2.615l3.243-14.576z' fill='%23D2E0ED'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.952 8.831H18.877l-3.621 16.277a2.15 2.15 0 011.945-1.234h12.893c1.187 0 2.15.962 2.15 2.148h1.074l2.746-14.646a2.149 2.149 0 00-2.112-2.545z' fill='%23EBF5FF'/%3E%3Cpath d='M16.3 10.53a2.149 2.149 0 012.1-1.7h2.561l-6.09 28.425a2.101 2.101 0 11-4.11-.881L16.3 10.529z' fill='%238B95AD'/%3E%3Cpath d='M20.305 28.171l.956-4.297h9.907a2.149 2.149 0 010 4.297H20.305z' fill='%23ADBACE'/%3E%3Cpath d='M20.305 28.171h1.73a2.149 2.149 0 00-.006 4.298 2.15 2.15 0 01-2.098-2.616l.374-1.682z' fill='%23ADBACE'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.feedback-tooltip {
    display: inline-block;
    cursor: default;
    text-align: left
}

.feedback-tooltip__link, .feedback-tooltip__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #39414b
}

.feedback-tooltip__link {
    text-decoration: none
}

.theory-page__content {
    width: 100%;
    padding: 24px 12px 0;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

@media (min-width: 640px) {
    .theory-page__content {
        padding: 24px 24px 0
    }
}

@media (min-width: 1024px) {
    .theory-page__content {
        padding: 30px 30px 0
    }
}

@media (min-width: 1280px) {
    .theory-page__content {
        padding: 42px
    }
}

.theory-page__body {
    margin-top: 24px;
    margin-bottom: 3px;
    border-bottom: 2px solid #cfdae5
}

.theory-page__body:first-child {
    margin-top: 0
}

.theory-page__body:last-child {
    border-bottom: none
}

@media (min-width: 640px) {
    .theory-page__body {
        margin-top: 36px
    }

    .theory-page__body:first-child {
        margin-top: 0
    }
}

@media (min-width: 1280px) {
    .theory-page__body {
        border-bottom: 2px solid #cfdae5
    }

    .theory-page__body:last-child {
        border-bottom: none
    }
}

.theory-layout {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

@media (min-width: 640px) {
    .theory-layout {
        border-radius: 16px
    }
}

.theory-layout .layout-page__body--bordered {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

@media (min-width: 640px) {
    .theory-layout .layout-page__body--bordered {
        border-radius: 16px
    }
}

.answer-tooltip {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.answer-tooltip__image {
    background-size: cover;
    height: 42px;
    width: 48px
}

.answer-tooltip__image--empty {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='22' r='15' fill='%2372D58A' stroke='%2372D58A' stroke-width='4'/%3E%3Ccircle cx='24' cy='20' r='15' fill='%235CBB73' stroke='%2372D58A' stroke-width='4'/%3E%3Cpath d='M23.565 26c-.503 0-.976-.234-1.33-.668l-3.785-4.807c-.65-.834-.591-2.103.148-2.837.74-.735 1.863-.668 2.513.167l2.395 3.037 4.346-6.142c.621-.868 1.715-1.002 2.484-.3.769.7.887 1.936.266 2.804l-5.677 8.012c-.296.434-.798.734-1.3.734h-.06z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%
}

.answer-tooltip__image--find-all {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='22' r='15' fill='%234FBC6A' stroke='%235597F2' stroke-width='4'/%3E%3Ccircle cx='24' cy='20' r='15' fill='%23457AE5' stroke='%235597F2' stroke-width='4'/%3E%3Cpath d='M23.565 26c-.503 0-.976-.234-1.33-.668l-3.785-4.807c-.65-.834-.591-2.103.148-2.837.74-.735 1.863-.668 2.513.167l2.395 3.037 4.346-6.142c.621-.868 1.715-1.002 2.484-.3.769.7.887 1.936.266 2.804l-5.677 8.012c-.296.434-.798.734-1.3.734h-.06z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%
}

.answer-tooltip__image--only-numbers {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.087 12.844c1.15 0 2.165.272 3.05.814.9.523 1.6 1.271 2.094 2.244.513.954.769 2.057.769 3.31 0 1.346-.3 2.534-.901 3.562-.601 1.029-1.45 1.823-2.546 2.384-1.096.561-2.36.842-3.792.842-1.096 0-2.174-.168-3.235-.505-1.042-.337-1.944-.804-2.704-1.402a2.724 2.724 0 01-.636-.758 2.415 2.415 0 01-.186-.982c0-.58.15-1.066.45-1.458.301-.412.672-.617 1.114-.617.265 0 .486.037.663.112.177.075.442.215.796.42l.53.281c.548.28 1.043.505 1.485.673.46.169.954.253 1.485.253.99 0 1.723-.206 2.2-.617.478-.43.716-1.094.716-1.992 0-.841-.247-1.496-.742-1.963-.495-.468-1.184-.702-2.068-.702-.53 0-1.017.047-1.459.14a9.186 9.186 0 00-1.51.506 2.423 2.423 0 01-1.194.308c-.495 0-.91-.15-1.246-.449-.336-.318-.504-.73-.504-1.234V8.412c0-.785.194-1.383.583-1.795.39-.411.946-.617 1.67-.617h8.22c1.538 0 2.307.645 2.307 1.935 0 1.31-.769 1.964-2.307 1.964h-5.727v3.45c.742-.336 1.617-.505 2.625-.505zM22.754 29.822c1.12 0 1.94.254 2.462.762.523.508.784 1.27.784 2.285C26 34.956 24.918 36 22.754 36H9.806c-2.164 0-3.246-1.044-3.246-3.131 0-1.016.26-1.777.783-2.285.523-.508 1.344-.762 2.463-.762h3.022V14.547l-2.985 1.989c-.423.282-.858.423-1.306.423-.696 0-1.293-.338-1.79-1.015A3.95 3.95 0 016 13.616c0-1.156.435-2.03 1.306-2.623l5.97-3.935C14.371 6.353 15.403 6 16.373 6c.995 0 1.791.338 2.388 1.016.622.677.933 1.593.933 2.75v20.056h3.06z' fill='%235CBB73'/%3E%3C/svg%3E") no-repeat 50%
}

.answer-tooltip__text {
    color: #39414b;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    margin-left: 6px
}

.problem-debug-info {
    position: absolute;
    top: 12px;
    right: 12px
}

.problem-debug-info > * {
    margin-right: 6px
}

.problem-debug-info > :last-child {
    margin-right: 0
}

.problem-debug-info__tl {
    min-width: 30px;
    height: 24px;
    padding: 0 9px;
    border-radius: 12px;
    color: #fff;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: #5ebd75
}

.problem-debug-info__tl-text {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.problem-debug-info__text {
    color: #6d7780;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

.problem-debug-info a {
    color: initial
}

.problem-variant {
    color: #39414b;
    height: 100%;
    background-color: #fff;
    border-radius: 12px;
    border: 2px solid #d0d8e5
}

.problem-variant--active {
    cursor: pointer
}

@media (hover: hover) {
    .problem-variant--active:hover {
        border-color: #FF6A15
    }
}

.problem-variant--type-selected {
    color: #fff;
    background-color: #FF6A15;
    border: 4px solid #FF6A15;
    margin: -2px 0;
    box-shadow: 0 5px 15px rgba(115, 185, 255, .5)
}

.problem-variant--type-not-selected {
    opacity: .7
}

.problem-variant--type-right {
    background-color: #5cbb73;
    border: 4px solid #4ba662;
    box-shadow: 0 5px 15px rgba(75, 166, 98, .5)
}

.problem-variant--type-wrong {
    background-color: #ff8a65;
    border: 4px solid #e26551;
    box-shadow: 0 5px 15px rgba(242, 149, 97, .5)
}

.problem-variant__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.problem-variant__wrapper, _::-webkit-:not(:root:root) {
    display: block !important
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
        .problem-variant__wrapper {
            display: block !important
        }
    }
}

.problem-variant__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 44px
}

.problem-variant__content, _::-webkit-:not(:root:root) {
    display: block !important
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
        .problem-variant__content {
            display: block !important
        }
    }
}

@media (min-width: 640px) {
    .problem-variant__content {
        min-height: 68px
    }
}

.problem-variant__content--big-xs, .problem-variant__content--medium-xs {
    min-height: 68px
}

.problem-variant__content--small-xs {
    min-height: 44px
}

@media (min-width: 640px) {
    .problem-variant__content--small-xs {
        min-height: 68px
    }
}

.problem-variant__content--all-xs, .problem-variant__content--tiny-xs {
    min-height: 68px
}

.problem-variant__text {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .problem-variant__text {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .problem-variant__text {
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

@media (max-width: 639.98px) {
    .problem-variant__text--big-xs, .problem-variant__text--medium-xs {
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }
}

@media (max-width: 639.98px) {
    .problem-variant__text--small-xs, .problem-variant__text--tiny-xs {
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }
}

@media (max-width: 639.98px) {
    .problem-variant__text--all-xs {
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }
}

.problem-variant__text-wrapper {
    padding: 4px 3px
}

.problem-variant__text-wrapper--with-image {
    padding-top: 6px
}

.problem-variant__image {
    background: no-repeat 50%;
    background-size: contain;
    height: 100%;
    min-height: 66px
}

.problem-variant__image--with-text {
    min-height: 60px
}

@media (min-width: 640px) {
    .problem-variant__image--with-text {
        min-height: 72px
    }
}

.problem-variant__image-wrapper {
    width: 100%;
    height: 100%;
    padding: 4px
}

@media (hover: hover) {
    .problem-variant--active.problem-variant--type-not-selected:hover {
        opacity: 1
    }
}

@media (max-width: 639.98px) {
    .problem-variant--graphic.problem-variant--type-selected {
        margin: 0
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .problem-variant--graphic.problem-variant--type-selected {
        margin: 0
    }
}

.problem-variant--graphic.problem-variant--type-selected .problem-variant__image-wrapper {
    border-radius: 8px;
    background-color: #fff
}

@media (max-width: 1023.98px) {
    .problem-variant--graphic.problem-variant--type-selected .problem-variant__image-wrapper {
        padding: 2px
    }
}

@media (min-width: 1024px) {
    .problem-variant--graphic.problem-variant--type-selected .problem-variant__image-wrapper {
        border-radius: 8px
    }
}

.problem-variant--graphic.problem-variant--type-selected .problem-variant__image-wrapper--with-text {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

@media (min-width: 1024px) {
    .problem-body__variants--big .problem-variant--type-selected {
        margin: 0
    }
}

@media (min-width: 1024px) {
    .problem-body__variants--big .problem-variant--type-selected .problem-variant__image-wrapper {
        padding: 10px
    }

    .problem-body__variants--big .problem-variant--type-selected .problem-variant__image-wrapper--with-text {
        padding-bottom: 12px
    }
}

@media (min-width: 1024px) {
    .problem-body__variants--big .problem-variant__image-wrapper {
        padding: 12px
    }
}

@media (max-width: 1023.98px) {
    .problem-body__variants--big-on-mobile .problem-variant--type-selected.problem-variant--graphic {
        margin: 0
    }
}

@media (max-width: 1023.98px) {
    .problem-body__variants--big-on-mobile .problem-variant--type-selected.problem-variant--graphic .problem-variant__image-wrapper {
        padding: 2px
    }

    .problem-body__variants--big-on-mobile .problem-variant--type-selected.problem-variant--graphic .problem-variant__image-wrapper--with-text {
        padding-bottom: 4px
    }
}

@media (max-width: 1023.98px) {
    .problem-body__variants--big-on-mobile .problem-variant--type-selected.problem-variant--graphic .problem-variant__text-wrapper--with-image {
        padding-bottom: 2px
    }
}

.problem-variants {
    width: 100%;
    border-radius: 29px;
    /*background-color: #dde6fa;*/
    padding: 12px 3px
}

@media (min-width: 640px) {
    .problem-variants {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
        padding: 12px 0
    }
}

@media (min-width: 1024px) {
    .problem-variants {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
        padding: 12px 42px
    }
}

@media (min-width: 1024px) {
    .problem-variants--full-height {
        height: 100%
    }
}

@media (min-width: 1280px) {
    .problem-variants--full-height {
        height: 100%
    }
}

@media (max-width: 639.98px) {
    .problem-variants--full-height-mobile {
        height: 100%
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .problem-variants--full-height-mobile {
        height: 100%
    }
}

.grid-variants {
    margin-top: -3px;
    margin-bottom: -3px
}

@media (min-width: 640px) {
    .grid-variants {
        margin-top: -6px;
        margin-bottom: -6px
    }
}

.grid-variants__col {
    padding-top: 3px;
    padding-bottom: 3px
}

@media (min-width: 640px) {
    .grid-variants__col {
        padding-top: 6px;
        padding-bottom: 6px
    }
}

@media (min-width: 1024px) {
    .problem-variants.problem-variants__off-x {
        padding-left: 8.3333333333%;
        padding-right: 8.3333333333%
    }
}

@media (min-width: 1024px) {
    .problem-variants.problem-variants__off-s {
        padding-left: 16.6666666667%;
        padding-right: 16.6666666667%
    }
}

.variants-grid--big {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 639.98px) {
    .variants-grid__col--big-xs {
        padding: 3px;
        width: 50%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .variants-grid__col--big-xs {
        padding: 6px 3px;
        width: 50%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (max-width: 639.98px) {
    .variants-grid__col--medium-xs {
        padding: 3px;
        width: 33.3333333333%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .variants-grid__col--medium-xs {
        padding: 6px 3px;
        width: 33.3333333333%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (max-width: 639.98px) {
    .variants-grid__col--small-xs {
        padding: 3px;
        width: 25%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .variants-grid__col--small-xs {
        padding: 6px 3px;
        width: 25%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (max-width: 639.98px) {
    .variants-grid__col--tiny-xs {
        padding: 3px;
        width: 16.6666666667%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .variants-grid__col--tiny-xs {
        padding: 6px 3px;
        width: 16.6666666667%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (max-width: 639.98px) {
    .variants-grid__col--all-xs {
        padding: 3px;
        width: 100%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .variants-grid__col--all-xs {
        padding: 6px 3px;
        width: 100%;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.draggable {
    cursor: pointer
}

.draggable--is-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.draggable--animated {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.draggable--active {
    -webkit-animation-name: active-shake;
    animation-name: active-shake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.draggable--mirror {
    -webkit-animation-name: fadeInMirror;
    animation-name: fadeInMirror;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    opacity: .3
}

.droppable {
    transition: box-shadow .25s
}

.droppable--is-over {
    cursor: pointer;
    box-shadow: 0 0 0 5px orange
}

@-webkit-keyframes fadeInMirror {
    0% {
        opacity: 0
    }
    to {
        opacity: .3
    }
}

@keyframes fadeInMirror {
    0% {
        opacity: 0
    }
    to {
        opacity: .3
    }
}

@-webkit-keyframes draggable-pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    90% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes draggable-pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    90% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@-webkit-keyframes active-shake {
    0%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
}

@keyframes active-shake {
    0%, to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
}

.editable-item--hover, .editable-item:hover {
    outline: 2px solid #6e8edf;
    outline-offset: -2px
}

.editable-item--active {
    outline: 3px solid #446dd6;
    outline-offset: -2px
}

.problem-ui-input {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    padding: 0;
    background: transparent;
    -moz-appearance: textfield;
    text-align: center;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    border: none
}

.problem-ui-input:focus {
    outline: none
}

.problem-ui-input::-webkit-inner-spin-button, .problem-ui-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.problem-ui-input--disabled {
    pointer-events: none
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }
    90% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2)
    }
    90% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animatable--pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.replaceable {
    cursor: pointer;
    transition: box-shadow .25s
}

.replaceable--active {
    z-index: 10;
    box-shadow: 0 0 0 5px orange
}

.problem-ui-svg > img {
    display: block;
    width: 100%;
    height: 100%
}

.problem-ui {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    padding: 5px;
    margin: auto;
    line-height: 1.15
}

.emoji {
    width: 72px;
    height: 72px
}

.explanation__solution-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    font-family: Open Sans, arial, sans-serif
}

@media (min-width: 640px) {
    .explanation__solution-text {
        font-size: 22px;
        line-height: 30px
    }
}

@media (min-width: 1024px) {
    .explanation__solution-text {
        font-size: 26px;
        line-height: 36px
    }
}

.explanation__solution-text > {
    margin-bottom: 6px
}

.explanation__solution-text > :last-child {
    margin-bottom: 0
}

.theory-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 300px
}

@media (min-width: 640px) {
    .theory-modal {
        width: 600px
    }
}

@media (min-width: 1024px) {
    .theory-modal {
        width: 960px;
        height: 456px
    }
}

@media (min-width: 1280px) {
    .theory-modal {
        width: 1110px;
        height: 510px
    }
}

.theory-modal--only-image {
    height: auto
}

@media (min-width: 1024px) {
    .theory-modal--only-image {
        width: auto
    }
}

@media (min-width: 1024px) {
    .theory-modal--only-image .theory-modal__image-block {
        width: 706px;
        height: 570px
    }
}

@media (min-width: 1280px) {
    .theory-modal--only-image .theory-modal__image-block {
        width: 706px;
        height: 570px
    }
}

.theory-modal--only-image .theory-modal__sound {
    z-index: 1;
    position: absolute;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 640px) {
    .theory-modal--only-image .theory-modal__sound {
        bottom: 30px
    }
}

.theory-modal__admin-edit {
    z-index: 1;
    position: absolute;
    top: 24px;
    right: 24px;
    background: #fff;
    border-radius: 12px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    padding: 6px 12px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.theory-modal__content {
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    background: #fff;
    box-shadow: 0 6px 18px rgba(57, 65, 75, .4);
    border-radius: 18px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .theory-modal__content {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100%
    }
}

.theory-modal__image-block {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: 244px
}

@media (min-width: 640px) {
    .theory-modal__image-block {
        height: 480px
    }
}

@media (min-width: 1024px) {
    .theory-modal__image-block {
        width: 570px;
        height: 100%
    }
}

@media (min-width: 1280px) {
    .theory-modal__image-block {
        width: 630px
    }
}

.theory-modal__text-block {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 12px 18px 18px
}

.theory-modal__text-block > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .theory-modal__text-block > * {
        margin-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .theory-modal__text-block > * {
        margin-bottom: 30px
    }
}

.theory-modal__text-block > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .theory-modal__text-block {
        padding: 18px 24px 30px
    }
}

@media (min-width: 1024px) {
    .theory-modal__text-block {
        padding: 30px
    }
}

@media (min-width: 1280px) {
    .theory-modal__text-block {
        padding: 30px 42px
    }
}

.theory-modal__close {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='54' height='54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27 48c10.493 0 19-8.507 19-19v-4h-.422C43.741 16.427 36.121 10 27 10c-9.121 0-16.741 6.427-18.578 15H8v4c0 10.493 8.507 19 19 19z' fill='%23D95A41'/%3E%3Ccircle cx='27' cy='25' r='17' fill='%23FF7559' stroke='%23D95A41' stroke-width='4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.364 21.464a2 2 0 00-2.828-2.828L27 22.172l-3.536-3.536a2 2 0 10-2.828 2.828L24.172 25l-3.536 3.535a2 2 0 002.829 2.829L27 27.828l3.535 3.536a2 2 0 002.829-2.829L29.828 25l3.536-3.536z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    width: 54px;
    height: 54px;
    right: -18px;
    top: -24px
}

@media (min-width: 640px) {
    .theory-modal__close {
        right: -24px
    }
}

.theory-modal__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.theory-modal__text {
    color: #39414b;
    font-family: Open Sans, arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

@media (min-width: 640px) {
    .theory-modal__text {
        font-size: 26px;
        line-height: 36px
    }
}

@media (min-width: 1280px) {
    .theory-modal__text {
        font-size: 32px;
        line-height: 42px
    }
}

.theory-modal__text--small {
    font-size: 16px;
    line-height: 18px
}

@media (min-width: 640px) {
    .theory-modal__text--small {
        font-size: 22px;
        line-height: 30px
    }
}

@media (min-width: 1280px) {
    .theory-modal__text--small {
        font-size: 26px;
        line-height: 36px
    }
}

.sound-button {
    color: #fff;
    width: 150px
}

.sound-button:before {
    background-color: #7491ed
}

.sound-button:after {
    background-color: #576ccd
}

.sound-button:hover:before {
    background-color: #8ba3f0
}

@media (min-width: 640px) {
    .sound-button {
        width: 210px
    }
}

.sound-button__icon {
    margin-right: 6px;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.556 21a14.945 14.945 0 00-10.64-14.311l-4.138-1.245v31.111l4.137-1.244A14.944 14.944 0 0036.555 21z' fill='%2382B4FF'/%3E%3Cpath d='M34.222 20.991c0-2.087-.88-3.95-2.29-5.262-1.002-.932-2.204.335-1.92 1.674.486 2.298.452 4.836-.043 7.144-.288 1.342.96 2.593 1.97 1.663a6.974 6.974 0 002.283-5.219z' fill='%2395C6FF'/%3E%3Cellipse rx='7' ry='13.222' transform='matrix(-1 0 0 1 16.334 21)' fill='%23FFE873'/%3E%3Cellipse rx='3.889' ry='7.778' transform='matrix(-1 0 0 1 21.778 21)' fill='%23E6B75C'/%3E%3Crect width='12.444' height='10.889' rx='5.444' transform='matrix(-1 0 0 1 27.222 15.556)' fill='%23575E66'/%3E%3Crect width='3.111' height='3.111' rx='1.556' transform='matrix(-1 0 0 1 20.222 17.89)' fill='%238595A6'/%3E%3Cellipse rx='9.333' ry='15.556' transform='matrix(-1 0 0 1 16.333 21)' stroke='%23CBF2FF' stroke-width='4.667'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

@media (min-width: 640px) {
    .sound-button__icon {
        width: 42px;
        height: 42px
    }
}

.sound-button--playing .sound-button__icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.167 8.167a3.5 3.5 0 00-3.5 3.5v18.666a3.5 3.5 0 107 0V11.667a3.5 3.5 0 00-3.5-3.5zm-16.334 0a3.5 3.5 0 00-3.5 3.5v18.666a3.5 3.5 0 007 0V11.668a3.5 3.5 0 00-3.5-3.5z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.problem-content-wrapper {
    padding: 12px;
    width: 100%
}

@media (min-width: 640px) {
    .problem-content-wrapper {
        padding: 12px 24px 6px
    }
}

@media (min-width: 1024px) {
    .problem-content-wrapper {
        padding: 12px 42px
    }
}

.problem-content > * {
    margin-bottom: 24px;
}

.problem-content-graphic-wrapper.problem-content-wrapper {
    padding-bottom: 104px
}

@media (min-width: 1280px) {
    .problem-content-graphic-wrapper.problem-content-wrapper {
        padding-bottom: 114px
    }
}

.problem-content {
    min-height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.problem-content > {
    margin-bottom: 24px
}

.problem-content > :last-child {
    margin-bottom: 0
}

.problem-content--with-variants {
    height: 100%
}

.problem-content__text {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Nunito', arial, sans-serif
}

@media (min-width: 640px) {
    .problem-content__text {
        font-size: 24px;
        line-height: 30px
    }
}

@media (min-width: 1024px) {
    .problem-content__text {
        font-size: 34px;
        line-height: 36px
    }
}

.problem-content__text > {
    margin-bottom: 6px
}

.problem-content__text > :last-child {
    margin-bottom: 0
}

.problem-content__image {
    display: block;
    max-width: 100%;
    margin: auto
}

.problem-content__graphic {
    margin: auto
}

@media (min-width: 1024px) {
    .problem-content--multiline-text-graphic-l.problem-content {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .problem-content--multiline-text-graphic-l .problem-content__text-block {
        width: 83.3333333333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }

    .problem-content--multiline-text-graphic-l .problem-content__graphic-block {
        width: 66.6666666667%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

@media (min-width: 1024px) {
    .problem-content--text-graphic-l.problem-content {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .problem-content--text-graphic-l .problem-content__text-block {
        width: 41.6666666667%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        text-align: center;
        margin-bottom: 0
    }

    .problem-content--text-graphic-l .problem-content__graphic-block {
        width: 58.3333333333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

@media (min-width: 1024px) {
    .problem-content--text-graphic-m.problem-content {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .problem-content--text-graphic-m .problem-content__text-block {
        width: 50%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        text-align: center;
        margin-bottom: 0
    }

    .problem-content--text-graphic-m .problem-content__graphic-block {
        width: 50%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

@media (min-width: 1024px) {
    .problem-content--text-graphic-s.problem-content {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .problem-content--text-graphic-s .problem-content__text-block {
        width: 66.6666666667%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        text-align: center;
        margin-bottom: 0
    }

    .problem-content--text-graphic-s .problem-content__graphic-block {
        width: 33.3333333333%;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

.text-answer__container {
    width: 100%;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    background-color: #f2f6ff
}

@media (min-width: 640px) {
    .text-answer__container {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }
}

.text-answer__wrapper {
    padding: 6px 0
}

.text-answer__block {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-answer__block, .text-answer__input-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.text-answer__input-block {
    position: relative;
    width: 100%
}

.text-answer__input-block .text-answer__input--wrong {
    border-color: #e55245
}

.text-answer__input-block .text-answer__input--correct {
    border-color: #4ba662
}

.text-answer__input {
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    padding: 4px 10px;
    height: 42px;
    border-radius: 12px;
    border: 2px solid #cfd8e5;
    color: #39414b;
    caret-color: #39414b;
    outline: none;
    text-align: center;
    transition: border-color .25s;
    width: 100%
}

@media (min-width: 640px) {
    .text-answer__input {
        font-style: normal;
        font-weight: 400;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        padding: 4px 20px;
        height: 60px;
        border-radius: 18px;
        border: 2px solid #cfd8e5
    }
}

.text-answer__input:not(:disabled):focus, .text-answer__input:not(:disabled):hover {
    border-color: #457ae5
}

.text-answer__input:disabled {
    background-color: #fff;
    -webkit-text-fill-color: #39414b;
    color: #39414b;
    opacity: 1
}

.text-answer__input--correct, .text-answer__input--wrong {
    border: 4px solid #cfd8e5;
    padding: 2px 10px
}

@media (min-width: 640px) {
    .text-answer__input--correct, .text-answer__input--wrong {
        padding: 10px 22px
    }
}

.text-answer__input-text {
    font-weight: 800;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    padding-right: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #a0a9b2;
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 102%
}

@media (min-width: 640px) {
    .text-answer__input-text {
        font-weight: 800;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0;
        padding-right: 6px
    }
}

.text-answer__input-wrapper {
    position: relative;
    width: 100%
}

.text-answer__input-caret {
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #39414b;
    opacity: 0;
    -webkit-animation: caretPulse-data-v-495d65cf 1s infinite;
    animation: caretPulse-data-v-495d65cf 1s infinite
}

@media (min-width: 640px) {
    .text-answer__input-caret {
        font-style: normal;
        font-weight: 400;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        left: 50%
    }
}

@-webkit-keyframes caretPulse-data-v-495d65cf {
    50% {
        opacity: 1
    }
}

@keyframes caretPulse-data-v-495d65cf {
    50% {
        opacity: 1
    }
}

.text-answer__remove-button-block {
    display: inline-block;
    padding-left: 6px
}

@media (min-width: 640px) {
    .text-answer__remove-button-block {
        padding-left: 12px
    }
}

.text-answer__remove-button {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M5.86 3.419A5 5 0 0110.604 0H25a5 5 0 015 5v32a5 5 0 01-5 5H10.604a5 5 0 01-4.744-3.419l-5.333-16a5 5 0 010-3.162l5.333-16z' fill='%23D0D8E5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.61 14.723a1.333 1.333 0 00-1.886 1.886l4.39 4.39-4.39 4.391a1.333 1.333 0 101.886 1.886l4.39-4.39 4.39 4.39a1.333 1.333 0 101.886-1.886L17.886 21l4.39-4.39a1.333 1.333 0 10-1.886-1.886L16 19.113l-4.39-4.39z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h30v42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    width: 30px;
    height: 42px;
    border: none;
    outline: none;
    transition: opacity .15s
}

@media (min-width: 640px) {
    .text-answer__remove-button {
        background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='54' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M9.152 6.084A12 12 0 0119.592 0H42c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H19.593a12 12 0 01-10.44-6.084L1.234 27.944a8 8 0 010-7.888L9.152 6.084z' fill='%23D0D8E5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.414 14.586a2 2 0 10-2.828 2.828L27.172 24l-6.586 6.586a2 2 0 002.828 2.828L30 26.828l6.586 6.586a2 2 0 102.828-2.828L32.828 24l6.586-6.586a2 2 0 10-2.828-2.828L30 21.172l-6.586-6.586z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h54v48H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%;
        background-size: contain;
        width: 54px;
        height: 48px
    }
}

.text-answer__remove-button:active {
    opacity: .3
}

.text-answer__remove-button--active {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.86 3.419A5 5 0 0110.604 0H25a5 5 0 015 5v32a5 5 0 01-5 5H10.604a5 5 0 01-4.744-3.419l-5.333-16a5 5 0 010-3.162l5.333-16z' fill='%23D0D8E5'/%3E%3Cpath d='M5.86 3.419A5 5 0 0110.604 0H25a5 5 0 015 5v32a5 5 0 01-5 5H10.604a5 5 0 01-4.744-3.419l-5.333-16a5 5 0 010-3.162l5.333-16z' fill='%23FF7366'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.61 14.723a1.333 1.333 0 10-1.886 1.886l4.39 4.39-4.39 4.391a1.333 1.333 0 001.886 1.886l4.39-4.39 4.39 4.39a1.333 1.333 0 001.886-1.886L17.886 21l4.39-4.39a1.333 1.333 0 10-1.885-1.886L16 19.113l-4.39-4.39z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

@media (min-width: 640px) {
    .text-answer__remove-button--active {
        background-repeat: no-repeat;
        background-position: 50%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='54' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M9.152 6.084A12 12 0 0119.592 0H42c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H19.593a12 12 0 01-10.44-6.084L1.234 27.944a8 8 0 010-7.888L9.152 6.084z' fill='%23FF7366'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.414 14.586a2 2 0 10-2.828 2.828L27.172 24l-6.586 6.586a2 2 0 002.828 2.828L30 26.828l6.586 6.586a2 2 0 102.828-2.828L32.828 24l6.586-6.586a2 2 0 10-2.828-2.828L30 21.172l-6.586-6.586z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h54v48H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-size: contain;
        background-color: transparent
    }
}

.text-answer__remove-button--disabled {
    pointer-events: none
}

.text-answer__number-keyboard {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 6px;
    padding-top: 6px
}

.text-answer__number-keyboard--animated {
    -webkit-animation: highlightKeyboard-data-v-495d65cf .5s 2;
    animation: highlightKeyboard-data-v-495d65cf .5s 2
}

@-webkit-keyframes highlightKeyboard-data-v-495d65cf {
    50% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

@keyframes highlightKeyboard-data-v-495d65cf {
    50% {
        opacity: .3
    }
    to {
        opacity: 1
    }
}

.text-answer__number {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    color: #39414b;
    text-align: center;
    transition: opacity .15s;
    font-weight: 800;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .text-answer__number {
        font-weight: 800;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.text-answer__number:active {
    opacity: .3
}

.text-answer__number--disabled {
    pointer-events: none
}

.problem-body {
    width: 100%;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.problem-body__content {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.problem-body__content--scrollable {
    overflow-y: auto
}

.problem-body__graphic-text-answer {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%
}

.problem-body__variants {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.problem-body__variants, _::-webkit-:not(:root:root) {
    -webkit-flex-basis: auto !important;
    flex-basis: auto !important
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
        .problem-body__variants {
            -webkit-flex-basis: auto !important;
            -ms-flex-preferred-size: auto !important;
            flex-basis: auto !important
        }
    }
}

.problem-body__variants--big-on-mobile {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (min-width: 1024px) {
    .problem-body__variants--big-on-mobile {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media (min-width: 1280px) {
    .problem-body__variants--big-on-mobile {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.problem-body__variants--big {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1024px) {
    .problem-body__variants--big {
        -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%
    }
}

@media (min-width: 1280px) {
    .problem-body__variants--big {
        -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%
    }
}

.problem-body__variants--graphic {
    position: absolute;
    z-index: 1;
    bottom: 0
}

.problem-body__variants--in-content {
    background-color: transparent;
    padding: 0;
    margin: 0 -9px;
    width: calc(100% + 18px)
}

@media (min-width: 640px) {
    .problem-body__variants--in-content {
        margin: 0 -15px;
        width: calc(100% + 30px)
    }
}

@media (min-width: 1024px) {
    .problem-body__variants--in-content {
        margin: 0 -27px;
        width: calc(100% + 54px)
    }
}

.problem-body .c-tooltip__content {
    padding: 12px
}

.problem-body__variants-enter-active {
    -webkit-animation: app-tooltip-top-in;
    animation: app-tooltip-top-in;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.problem-body__variants-leave-active {
    -webkit-animation: app-tooltip-top-out;
    animation: app-tooltip-top-out;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.disable-autoplay__body {
    padding: 0 0 24px
}

@media (min-width: 640px) {
    .disable-autoplay__body {
        padding: 12px 0 24px
    }
}

.disable-autoplay__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 6px;
    text-align: center;
    color: #fff
}

@media (min-width: 640px) {
    .disable-autoplay__title {
        margin-bottom: 12px
    }
}

.disable-autoplay__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    text-align: center;
    color: #fff;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .disable-autoplay__text {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 24px
    }
}

.disable-autoplay__button {
    margin-bottom: 18px
}

.disable-autoplay__dismiss-button {
    font-weight: 900;
    font-size: 22px;
    letter-spacing: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff
}

.sound-button__icon {
    width: 42px;
    height: 42px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.556 21a14.945 14.945 0 00-10.64-14.311l-4.138-1.245v31.111l4.137-1.244A14.944 14.944 0 0036.555 21z' fill='%2382B4FF'/%3E%3Cpath d='M34.222 20.991c0-2.087-.88-3.95-2.29-5.262-1.002-.932-2.204.335-1.92 1.674.486 2.298.452 4.836-.043 7.144-.288 1.342.96 2.593 1.97 1.663a6.974 6.974 0 002.283-5.219z' fill='%2395C6FF'/%3E%3Cellipse rx='7' ry='13.222' transform='matrix(-1 0 0 1 16.334 21)' fill='%23FFE873'/%3E%3Cellipse rx='3.889' ry='7.778' transform='matrix(-1 0 0 1 21.778 21)' fill='%23E6B75C'/%3E%3Crect width='12.444' height='10.889' rx='5.444' transform='matrix(-1 0 0 1 27.222 15.556)' fill='%23575E66'/%3E%3Crect width='3.111' height='3.111' rx='1.556' transform='matrix(-1 0 0 1 20.222 17.89)' fill='%238595A6'/%3E%3Cellipse rx='9.333' ry='15.556' transform='matrix(-1 0 0 1 16.333 21)' stroke='%23CBF2FF' stroke-width='4.667'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.sound-button--playing .sound-button__icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.167 8.167a3.5 3.5 0 00-3.5 3.5v18.666a3.5 3.5 0 107 0V11.667a3.5 3.5 0 00-3.5-3.5zm-16.334 0a3.5 3.5 0 00-3.5 3.5v18.666a3.5 3.5 0 007 0V11.668a3.5 3.5 0 00-3.5-3.5z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.sound-button__icon {
    width: 42px;
    height: 42px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.556 21a14.945 14.945 0 00-10.64-14.311l-4.138-1.245v31.111l4.137-1.244A14.944 14.944 0 0036.555 21z' fill='%2382B4FF'/%3E%3Cpath d='M34.222 20.991c0-2.087-.88-3.95-2.29-5.262-1.002-.932-2.204.335-1.92 1.674.486 2.298.452 4.836-.043 7.144-.288 1.342.96 2.593 1.97 1.663a6.974 6.974 0 002.283-5.219z' fill='%2395C6FF'/%3E%3Cellipse rx='7' ry='13.222' transform='matrix(-1 0 0 1 16.334 21)' fill='%23FFE873'/%3E%3Cellipse rx='3.889' ry='7.778' transform='matrix(-1 0 0 1 21.778 21)' fill='%23E6B75C'/%3E%3Crect width='12.444' height='10.889' rx='5.444' transform='matrix(-1 0 0 1 27.222 15.556)' fill='%23575E66'/%3E%3Crect width='3.111' height='3.111' rx='1.556' transform='matrix(-1 0 0 1 20.222 17.89)' fill='%238595A6'/%3E%3Cellipse rx='9.333' ry='15.556' transform='matrix(-1 0 0 1 16.333 21)' stroke='%23CBF2FF' stroke-width='4.667'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.sound-button--playing .sound-button__icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.167 8.167a3.5 3.5 0 00-3.5 3.5v18.666a3.5 3.5 0 107 0V11.667a3.5 3.5 0 00-3.5-3.5zm-16.334 0a3.5 3.5 0 00-3.5 3.5v18.666a3.5 3.5 0 007 0V11.668a3.5 3.5 0 00-3.5-3.5z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.stars {
    position: relative
}

.stars__star-text, .stars__star {
    width: 100%;
    height: 100%
}

.stars__star {
    position: absolute;
    text-align: center;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cg opacity='.2' filter='url(%23filter0_f)'%3E%3Cpath d='M26.823 8.89c1.162-2.344 4.467-2.344 5.629 0l4.576 9.238a3.153 3.153 0 002.25 1.707l12.496.052v4.975a3.163 3.163 0 01-.839 2.1l-7.19 7.88a3.216 3.216 0 00-.808 2.597s1.455 6.208 1.476 6.364c.022.156 0 4.655 0 4.805-.006 2.319-2.468 3.919-4.596 2.805l-8.733-4.574a3.113 3.113 0 00-2.892 0l-8.734 4.574c-2.127 1.113-4.588-.485-4.596-2.802-.001-.151-.022-4.65 0-4.808l1.476-6.364a3.216 3.216 0 00-.807-2.597l-7.191-7.88a3.164 3.164 0 01-.84-2.176c.012-1.443 0-4.899 0-4.899l12.497-.052a3.153 3.153 0 002.25-1.707l4.576-9.237z' fill='%23000'/%3E%3C/g%3E%3Cpath d='M26.823 8.89c1.162-2.344 4.467-2.344 5.629 0l4.576 9.238a3.153 3.153 0 002.25 1.707l12.496.052v4.975a3.163 3.163 0 01-.839 2.1l-7.19 7.88a3.216 3.216 0 00-.808 2.597s1.455 6.208 1.476 6.364c.022.156 0 4.655 0 4.805-.006 2.319-2.468 3.919-4.596 2.805l-8.733-4.574a3.113 3.113 0 00-2.892 0l-8.734 4.574c-2.127 1.113-4.588-.485-4.596-2.802-.001-.151-.022-4.65 0-4.808l1.476-6.364a3.216 3.216 0 00-.807-2.597l-7.191-7.88a3.164 3.164 0 01-.84-2.176c.012-1.443 0-4.899 0-4.899l12.497-.052a3.153 3.153 0 002.25-1.707l4.576-9.237z' fill='%23F6D240'/%3E%3Cpath d='M26.823 4.873c1.162-2.304 4.466-2.304 5.628 0l4.576 9.071c.444.88 1.277 1.501 2.25 1.677l9.91 1.793c2.443.443 3.434 3.393 1.748 5.208l-7.191 7.739a3.122 3.122 0 00-.808 2.55l1.446 10.517c.346 2.514-2.3 4.372-4.565 3.207l-8.734-4.492a3.163 3.163 0 00-2.892 0l-8.734 4.492c-2.265 1.165-4.91-.693-4.565-3.206l1.446-10.518a3.122 3.122 0 00-.808-2.55l-7.19-7.74c-1.686-1.814-.696-4.764 1.748-5.207l9.908-1.793a3.147 3.147 0 002.25-1.677l4.577-9.071z' fill='%23FFED60'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h60v60H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f' x='-4.5' y='-4.868' width='68.274' height='68.643' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='6' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") 50% no-repeat;
    background-size: contain
}

.stars--doubled .stars__star {
    width: 65%;
    height: 65%
}

.stars--doubled .stars__star:first-child {
    top: 10%;
    left: 0
}

.stars--doubled .stars__star:last-child {
    bottom: 10%;
    right: 0
}

.reward {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, .2)
}

.reward__stars {
    width: 60px;
    height: 60px
}

.no-life-tooltip {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.no-life-tooltip__image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 42px;
    width: 42px;
    display: inline-block;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.412 7.44a8.093 8.093 0 0111.584 0 8.093 8.093 0 0111.584 0c7.195 7.32-3.363 16.81-9.45 22.508a3.14 3.14 0 01-4.266 0C9.78 24.244-.766 14.743 6.412 7.44z' fill='%23FF6565'/%3E%3Cpath d='M21.958 19.333c0 1.742-1.768 3.167-3.958 3.167-2.19 0-3.958-1.425-3.958-3.167' fill='%23fff'/%3E%3Cpath d='M21.958 19.333c0 1.742-1.768 3.167-3.958 3.167-2.19 0-3.958-1.425-3.958-3.167' stroke='%23C43E4E' stroke-width='2.156' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.453 14.583c0-.053.024-.158.175-.278.154-.123.408-.227.726-.227.319 0 .572.104.726.227.152.12.176.225.176.278a1.078 1.078 0 102.155 0c0-1.69-1.613-2.66-3.057-2.66s-3.057.97-3.057 2.66a1.078 1.078 0 002.156 0zm-8.708 0c0-.053.023-.157.175-.278.154-.123.408-.227.726-.227s.572.104.726.227c.152.12.175.225.175.279a1.078 1.078 0 102.156 0c0-1.69-1.613-2.662-3.057-2.662s-3.057.971-3.057 2.662a1.078 1.078 0 102.156 0z' fill='%23C43E4E'/%3E%3Cpath d='M7.09 12.106C7.77 9.678 10.027 8 12.548 8c1.388 0 2.01 1.777.887 2.594L9.27 13.62c-1.078.784-2.54-.232-2.18-1.515z' fill='%23FFA487'/%3E%3C/svg%3E");
    background-size: contain
}

.no-life-tooltip__text {
    color: #39414b;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    margin-left: 6px
}

.footer__confetti-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.footer__grid {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.help-button__icon {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 60px;
    height: 60px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M14 8l6 6' stroke='%23ADD6E2' stroke-width='3.446' stroke-linecap='round'/%3E%3Ccircle cx='12.5' cy='6.5' r='4.5' fill='%23C9ECF6'/%3E%3Cpath d='M46 8l-6 6' stroke='%23ADD6E2' stroke-width='3.446' stroke-linecap='round'/%3E%3Ccircle r='4.5' transform='matrix(-1 0 0 1 47.5 6.5)' fill='%23C9ECF6'/%3E%3Cpath d='M10 29c0-11.046 8.954-20 20-20s20 8.954 20 20v38H10V29z' fill='%23C9ECF6'/%3E%3Crect x='15.145' y='26.043' width='29.294' height='17.232' rx='8.616' fill='%233C4C87'/%3E%3Cpath d='M37.567 36.285c-.39-1-1.413-1.706-2.607-1.69-1.193.014-2.199.746-2.563 1.755M27.224 36.413c-.389-1-1.413-1.706-2.607-1.69-1.193.014-2.199.746-2.562 1.755' stroke='%236EC1FF' stroke-width='2.757' stroke-linecap='round'/%3E%3Cpath d='M24.182 48.283l12.061-.152a5.17 5.17 0 01-5.104 5.234l-1.723.022a5.17 5.17 0 01-5.234-5.104z' fill='%23fff'/%3E%3Cpath d='M24.182 48.283v0a5.17 5.17 0 005.234 5.104l1.723-.022a5.17 5.17 0 005.104-5.234v0' stroke='%23A2CED8' stroke-width='2.757' stroke-linecap='round'/%3E%3Cpath d='M7 33a3 3 0 013-3v9a3 3 0 01-3-3v-3zM53 36a3 3 0 01-3 3v-9a3 3 0 013 3v3z' fill='%23CF442B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h60v60H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.help-button__icon--parent {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='8.889' width='32' height='32.889' rx='5.333' fill='%233D85CC'/%3E%3Cpath d='M8 14.222a5.333 5.333 0 015.333-5.333H32.89a5.333 5.333 0 015.333 5.333v19.556a4.444 4.444 0 01-4.444 4.444H13.333A5.333 5.333 0 018 32.89V14.222z' fill='%23F2E291'/%3E%3Crect x='8' y='8.889' width='32' height='24.889' rx='5.333' fill='%233D85CC'/%3E%3Cpath d='M21.778 32h-8a4 4 0 000 8h8' stroke='%233D85CC' stroke-width='3.556'/%3E%3Cpath d='M16.889 35.555h5.333v6.223a2.667 2.667 0 11-5.333 0v-6.223z' fill='%23FF7866'/%3E%3Cpath d='M8 11.556a5.333 5.333 0 015.333-5.334h21.334A5.333 5.333 0 0140 11.555V24.89a5.333 5.333 0 01-5.333 5.333H8V11.556z' fill='%2380CAFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.333 6.222A5.333 5.333 0 008 11.555V36.445a6.222 6.222 0 016.214-6.222m.008 0v-24h-.889' fill='%232F9BEA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.333 6.222h1.778V8a.889.889 0 11-1.778 0V6.222zm0 24v-2.667a.889.889 0 011.778 0v2.667h-1.778zm.89-19.555a.889.889 0 00-.89.889v1.777a.889.889 0 001.778 0v-1.777a.889.889 0 00-.889-.89zm-.89 6.222a.889.889 0 011.778 0v1.778a.889.889 0 01-1.778 0v-1.778zm.89 4.444a.889.889 0 00-.89.89V24a.889.889 0 101.778 0v-1.778a.889.889 0 00-.889-.889z' fill='%23B2DFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.667 11.555a1.333 1.333 0 000 2.667h8a1.333 1.333 0 000-2.667h-8zm-1.334 5.778c0-.736.597-1.333 1.334-1.333h8a1.333 1.333 0 010 2.666h-8a1.333 1.333 0 01-1.334-1.333zm0 4.445c0-.737.597-1.334 1.334-1.334h8a1.333 1.333 0 010 2.667h-8a1.333 1.333 0 01-1.334-1.333z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
    width: 48px;
    height: 48px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.give-up-button__icon {
    width: 50px;
    height: 50px;
    margin: 0 3px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.174 15.277H39.11c1.688 0 2.717 1.857 1.823 3.288l-2.834 4.533a2.15 2.15 0 00-.262 1.66l1.26 5.04a2.149 2.149 0 01-2.085 2.67H22.029a2.149 2.149 0 01-2.098-2.615l3.243-14.576z' fill='%23D2E0ED'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.952 8.831H18.877l-3.621 16.277a2.15 2.15 0 011.945-1.234h12.893c1.187 0 2.15.962 2.15 2.148h1.074l2.746-14.646a2.149 2.149 0 00-2.112-2.545z' fill='%23EBF5FF'/%3E%3Cpath d='M16.3 10.53a2.149 2.149 0 012.1-1.7h2.561l-6.09 28.425a2.101 2.101 0 11-4.11-.881L16.3 10.529z' fill='%238B95AD'/%3E%3Cpath d='M20.305 28.171l.956-4.297h9.907a2.149 2.149 0 010 4.297H20.305z' fill='%23ADBACE'/%3E%3Cpath d='M20.305 28.171h1.73a2.149 2.149 0 00-.006 4.298 2.15 2.15 0 01-2.098-2.616l.374-1.682z' fill='%23ADBACE'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.result-button--animated {
    -webkit-animation-name: resultButtonSmallBounce;
    animation-name: resultButtonSmallBounce;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.explanation-button__icon {
    width: 42px;
    height: 42px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='3' width='16' height='16' rx='5.429' fill='%230F83D7'/%3E%3Crect x='23' y='3' width='16' height='16' rx='5.429' fill='%230F83D7'/%3E%3Crect x='3' y='22' width='16' height='16' rx='5.429' fill='%230F83D7'/%3E%3Crect x='23' y='22' width='16' height='16' rx='5.429' fill='%230F83D7'/%3E%3Cpath d='M10.209 15.5c-.425 0-.826-.175-1.126-.5l-3.202-3.606c-.55-.626-.5-1.578.125-2.128.625-.551 1.576-.501 2.126.125l2.027 2.278 3.678-4.607a1.48 1.48 0 012.101-.225c.65.526.75 1.452.225 2.103l-4.803 6.01c-.25.325-.676.55-1.101.55h-.05zM30.209 15.5c-.425 0-.826-.175-1.126-.5l-3.202-3.606c-.55-.626-.5-1.578.125-2.128.625-.551 1.576-.501 2.127.125l2.026 2.278 3.678-4.607a1.48 1.48 0 012.101-.225c.65.526.75 1.452.225 2.103l-4.803 6.01c-.25.325-.676.55-1.101.55h-.05zM10.209 34.5c-.425 0-.826-.175-1.126-.5l-3.202-3.606c-.55-.626-.5-1.577.125-2.128.625-.551 1.576-.501 2.126.125l2.027 2.278 3.678-4.607a1.48 1.48 0 012.101-.225c.65.526.75 1.452.225 2.103l-4.803 6.01c-.25.325-.676.55-1.101.55h-.05z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
    background-size: contain
}

.banner {
    border-radius: 15px
}

@media (min-width: 640px) {
    .banner {
        height: 36px
    }
}

.banner__icon {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 66px;
    height: 42px
}

.banner--wrong {
    background: #fd7b67
}

.banner--wrong .banner__icon {
    background-image: url(/img/again.d3914e1c.svg)
}

.banner--correct {
    background: #5cba73
}

.banner--correct .banner__icon {
    background-image: url(/img/correct-answer.478656d6.svg)
}

.problem-result {
    font-weight: 900;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0;
    will-change: transform, opacity;
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 170px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width: 640px) {
    .problem-result {
        font-weight: 900;
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 0;
        width: 450px;
        height: 240px
    }
}

.problem-result--correct {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='450' height='240' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.8' filter='url(%23filter0_f)' clip-path='url(%23clip0)'%3E%3Cellipse cx='225' cy='120' rx='185' ry='75' fill='%2335B158'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h450v240H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f' x='-8' y='-3' width='466' height='246' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='24' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}

.problem-result--correct .problem-result__text {
    -webkit-filter: drop-shadow(0 6px 18px #39734d);
    filter: drop-shadow(0 6px 18px #39734D)
}

.problem-result--wrong {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='450' height='240' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.8' filter='url(%23filter0_f)' clip-path='url(%23clip0)'%3E%3Cellipse cx='225' cy='120' rx='185' ry='75' fill='%236158C4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h450v240H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f' x='-8' y='-3' width='466' height='246' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='24' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E")
}

.problem-result--wrong .problem-result__text {
    -webkit-filter: drop-shadow(0 6px 18px #494080);
    filter: drop-shadow(0 6px 18px #494080)
}

.problem-result__icon {
    width: 78px;
    height: 78px
}

@media (min-width: 640px) {
    .problem-result__icon {
        width: 102px;
        height: 102px
    }
}

.problem-page__banner {
    position: absolute;
    top: 0;
    z-index: 1
}

@media (max-width: 639.98px) {
    .problem-page__banner {
        left: 12px;
        right: 12px;
        width: calc(100% - 24px)
    }
}

.daily-blocks-limit__body {
    padding: 12px 0 18px;
    text-align: center
}

@media (min-width: 640px) {
    .daily-blocks-limit__body {
        padding: 18px 0 30px
    }
}

.daily-blocks-limit__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .daily-blocks-limit__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 12px
    }
}

.daily-blocks-limit__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #fff;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .daily-blocks-limit__text {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 30px
    }
}

.daily-blocks-limit__buttons > * {
    margin-bottom: 6px
}

.daily-blocks-limit__buttons > :last-child {
    margin-bottom: 0
}

.daily-blocks-limit__disable-limit.text-button {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.tabs {
    margin-bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tabs > * {
    margin-right: 6px
}

@media (min-width: 640px) {
    .tabs > * {
        margin-right: 12px
    }
}

.tabs > :last-child {
    margin-right: 0
}

@media (max-width: 639.98px) {
    .tabs {
        padding: 0 12px
    }
}

.tabs__item {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    cursor: pointer;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    text-align: center;
    background: transparent;
    border: 3px solid #f1f5fa;
    border-radius: 16px;
    padding: 3px 2px;
    transition: color .25s, -webkit-transform .25s;
    transition: color .25s, transform .25s;
    transition: color .25s, transform .25s, -webkit-transform .25s;
    color: #88a3ba
}

@media (min-width: 640px) {
    .tabs__item {
        padding: 3px 6px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.tabs__item:hover {
    color: #51677b
}

.tabs__item--active {
    background: #f1f5fa;
    color: #51677b
}

.tabs__item--completed {
    background: #5cbb73;
    border-color: #5cbb73;
    color: #fff
}

.tabs__item--completed:hover {
    color: #fff
}

.message {
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='360' height='318' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath d='M14 273.229C14 283.596 22.404 292 32.771 292H327.23c10.367 0 18.771-8.404 18.771-18.771V32.771C346 22.404 337.596 14 327.229 14H32.771C22.404 14 14 22.404 14 32.771V273.23z' fill='%2340BFFF'/%3E%3C/g%3E%3Cpath d='M14 273.229C14 283.596 22.404 292 32.771 292H228.97c5.539 0 10.03 4.491 10.03 10.03v9.92c0 4.767 5.278 7.641 9.283 5.055l34.068-22.002A18.772 18.772 0 01292.535 292h34.694c10.367 0 18.771-8.404 18.771-18.771V32.771C346 22.404 337.596 14 327.229 14H32.771C22.404 14 14 22.404 14 32.772v240.457z' fill='%23321D73'/%3E%3Cpath d='M16 273.229C16 282.491 23.509 290 32.771 290H228.97c6.644 0 12.03 5.386 12.03 12.03v9.92c0 3.182 3.524 5.102 6.198 3.375l34.068-22.002A20.77 20.77 0 01292.535 290h34.694c9.262 0 16.771-7.509 16.771-16.771V32.771C344 23.51 336.491 16 327.229 16H32.771C23.51 16 16 23.51 16 32.772v240.457z' stroke='%234DF0FF' stroke-width='4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 0 318)' d='M0 0h360v318H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f' x='-.078' y='-.078' width='360.157' height='306.157' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='7.039' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: contain;
    -webkit-animation: showMessageAnimation-data-v-48020314;
    animation: showMessageAnimation-data-v-48020314;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transform-origin: center left;
    transform-origin: center left;
    opacity: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 12px 24px 24px
}

@media (min-width: 640px) {
    .message {
        position: relative;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='672' height='540' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath d='M30 90c0-19.882 16.118-36 36-36h540c19.882 0 36 16.118 36 36v384c0 19.882-16.118 36-36 36H66c-19.882 0-36-16.118-36-36V90z' fill='%2340BFFF'/%3E%3C/g%3E%3Cpath d='M29.896 90c0-19.882 16.117-36 36-36H432c11.046 0 20-8.954 20-20V13.165c0-9.532 10.578-15.259 18.56-10.048l68.615 44.795A37.43 37.43 0 00559.637 54H606c19.882 0 36 16.118 36 36v384c0 19.882-16.118 36-36 36H65.896c-19.883 0-36-16.118-36-36V90z' fill='%23321D73'/%3E%3Cpath d='M32.896 90c0-18.225 14.774-33 33-33H432c12.703 0 23-10.297 23-23V13.165c0-7.149 7.934-11.444 13.92-7.536l68.615 44.795A40.427 40.427 0 00559.637 57H606c18.225 0 33 14.775 33 33v384c0 18.225-14.775 33-33 33H65.896c-18.226 0-33-14.775-33-33V90z' stroke='%234DF0FF' stroke-width='6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h672v540H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f' x='1.927' y='25.927' width='668.147' height='512.147' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='14.037' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;
        background-size: contain;
        padding: 54px 30px 50px
    }
}

@media (min-width: 1024px) {
    .message {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='684' height='516' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cg filter='url(%23filter0_f)'%3E%3Cpath d='M42 66c0-19.882 16.118-36 36-36h540c19.882 0 36 16.118 36 36v384c0 19.882-16.118 36-36 36H78c-19.882 0-36-16.118-36-36V66z' fill='%2340BFFF'/%3E%3C/g%3E%3Cpath d='M41.896 66c0-19.882 16.117-36 36-36H618c19.882 0 36 16.118 36 36v384c0 19.882-16.118 36-36 36H77.896c-19.883 0-36-16.118-36-36v-57.713c0-6.891-5.587-12.477-12.477-12.477h-13.78c-9.382 0-15.408-9.968-11.047-18.276l33.016-62.906a37.434 37.434 0 004.288-17.396V66z' fill='%23321D73'/%3E%3Cpath d='M44.896 66c0-18.225 14.774-33 33-33H618c18.225 0 33 14.775 33 33v384c0 18.225-14.775 33-33 33H77.896c-18.226 0-33-14.775-33-33v-57.713c0-8.548-6.93-15.477-15.477-15.477h-13.78c-7.126 0-11.703-7.571-8.39-13.882l33.016-62.906a40.432 40.432 0 004.63-18.79V66z' stroke='%234DF0FF' stroke-width='6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h684v516H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_f' x='13.927' y='1.927' width='668.147' height='512.147' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='14.037' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;
        background-size: contain;
        padding: 30px 30px 30px 42px
    }
}

.message__container {
    height: 318px;
    width: 360px;
    cursor: pointer;
    margin-bottom: -54px
}

@media (min-width: 640px) {
    .message__container {
        margin-bottom: 42px;
        width: 678px;
        height: 540px;
        z-index: 1
    }
}

@media (min-width: 1024px) {
    .message__container {
        width: 684px;
        height: 516px;
        margin-bottom: 48px
    }
}

.message__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: -30px;
    overflow: hidden
}

@media (min-width: 1024px) {
    .message__wrapper {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        overflow: inherit;
        position: relative
    }
}

@media (min-width: 1280px) {
    .message__wrapper {
        margin-bottom: -30px
    }
}

.message__footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

@media (min-width: 640px) {
    .message__footer {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        margin: 0 54px -98px
    }
}

@media (min-width: 1024px) {
    .message__footer {
        margin: 0;
        z-index: 3;
        position: absolute;
        left: -210px
    }
}

.klapan {
    -webkit-animation: showKlapanAnimation-data-v-48020314;
    animation: showKlapanAnimation-data-v-48020314;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1.4);
    animation-timing-function: cubic-bezier(0, 0, .2, 1.4);
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    width: 150px;
    height: 180px
}

@media (min-width: 640px) {
    .klapan {
        width: auto;
        height: auto
    }
}

@media (min-width: 1024px) {
    .klapan {
        width: 250px;
        height: 300px
    }
}

.continue {
    cursor: pointer;
    max-width: 140px
}

@media (min-width: 640px) {
    .continue {
        max-width: none;
        position: absolute;
        bottom: 0
    }
}

.continue__text {
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .continue__text {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

@-webkit-keyframes showMessageAnimation-data-v-48020314 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes showMessageAnimation-data-v-48020314 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes showKlapanAnimation-data-v-48020314 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes showKlapanAnimation-data-v-48020314 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.klapan__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    background-color: rgba(0, 0, 0, .8)
}

.klapan__scroll {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.klapan__cmp-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 100%;
    min-width: 100%
}

.klapan_cmp {
    padding: 12px 12px 30px;
    outline: none
}

@media (min-width: 640px) {
    .klapan-theory__text-block {
        width: 83.3333333333%
    }
}

.klapan-theory__text-block .emoji {
    width: 30px;
    height: 30px
}

@media (min-width: 640px) {
    .klapan-theory__text-block .emoji {
        width: 54px;
        height: 54px
    }
}

.klapan-theory__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #ffd967
}

@media (min-width: 640px) {
    .klapan-theory__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

.klapan-theory__description {
    display: block;
    font-weight: 800;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    margin: 6px 6px 0
}

@media (min-width: 640px) {
    .klapan-theory__description {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-top: 18px
    }
}

.klapan-theory__image {
    width: 150px;
    height: 180px
}

@media (min-width: 640px) {
    .klapan-theory__image {
        width: 250px;
        height: 300px
    }
}

.exercise-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff
}

.exercise-wrapper--single-bg-image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.exercise {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right)
}

@media (min-width: 640px) {
    .exercise {
        padding: 0 24px 6px
    }
}

@media (min-width: 1024px) {
    .exercise {
        padding: 0 42px 6px
    }
}

@media (min-width: 1280px) {
    .exercise {
        padding: 6px 42px
    }
}

.exercise--result {
    min-height: 100%;
    height: auto;
    background: #634cbf url(/img/stars-background.c03e32b0.svg) no-repeat top
}

.exercise__topbar {
    position: relative;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.exercise__body {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 12px 12px 0 0
}

@media (min-width: 640px) {
    .exercise__body {
        border-radius: 16px
    }
}

@media (min-width: 1280px) {
    .exercise__body {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        width: 83.3333333333%;
        border-radius: 16px
    }
}

.exercise__body--wrong {
    -webkit-animation-name: blockShake-data-v-e934cc90;
    animation-name: blockShake-data-v-e934cc90;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes blockShake-data-v-e934cc90 {
    20%, 60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    40%, 80% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

@keyframes blockShake-data-v-e934cc90 {
    20%, 60% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
    40%, 80% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
}

.exercise__content {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    z-index: 1
}

.card {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 272px
}

.card__bg, .card__close, .card__highlight, .card__img, .card__sound {
    -webkit-backface-visibility: hidden
}

.card__bg {
    width: 100%
}

.card__img {
    width: 192px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 28px
}

.card__img, .card__info {
    position: absolute;
    z-index: 1
}

.card__info {
    text-align: center;
    bottom: 58px;
    left: 30px;
    right: 30px
}

.card__name {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    color: #fff
}

.card__description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #fff
}

.card__highlight {
    position: absolute;
    width: 142px;
    top: 16px;
    right: 28px;
    z-index: 2
}

.card__close {
    top: 12px;
    right: 24px;
    z-index: 3
}

.card__close, .card__sound {
    cursor: pointer;
    position: absolute;
    width: 36px;
    height: 36px
}

.card__sound {
    bottom: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.result-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #5c35c1
}

.result-page:after, .result-page:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s;
    transition-timing-function: ease-out
}

.result-page:before {
    background: url(/img/bg-confetti_xs.495a9782.svg) no-repeat 50% -18px
}

@media (min-width: 1280px) {
    .result-page:before {
        background: url(/img/bg-confetti.bf679b0f.svg) no-repeat 50% -18px
    }
}

.result-page:after {
    background: url(/img/sparkles-bg.57ed111a.svg) no-repeat 50% 50%;
    -webkit-animation-name: sparklesRotate-data-v-47acd6a2;
    animation-name: sparklesRotate-data-v-47acd6a2;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 70s;
    animation-duration: 70s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@-webkit-keyframes sparklesRotate-data-v-47acd6a2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes sparklesRotate-data-v-47acd6a2 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.result-page__cross {
    position: absolute;
    top: 6px;
    left: 12px;
    z-index: 2
}

@media (min-width: 640px) {
    .result-page__cross {
        left: 24px
    }
}

@media (min-width: 1024px) {
    .result-page__cross {
        left: 42px
    }
}

.result-page__cross-image {
    width: 30px;
    height: 30px
}

@media (min-width: 640px) {
    .result-page__cross-image {
        width: 42px;
        height: 42px
    }
}

.result-page--with-bg:before {
    opacity: 1
}

.result-page--card-bg:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1000' height='1000' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='500' cy='500' r='500' fill='%23623AC9'/%3E%3Ccircle cx='499.736' cy='499.736' r='420.635' fill='%236941D2'/%3E%3Ccircle cx='499.473' cy='499.473' r='341.27' fill='%237148DC'/%3E%3Ccircle cx='499.209' cy='499.209' r='261.905' fill='%237A51E6'/%3E%3C/svg%3E") no-repeat 50% 50%;
    opacity: 1
}

.result-page--card-bg:after {
    opacity: 1
}

.result-page__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 0 0 8px
}

@media (min-width: 640px) {
    .result-page__container {
        padding: 6px 0 16px
    }
}

@media (min-width: 1280px) {
    .result-page__container {
        padding: 12px 12px 18px
    }
}

.result-page__topbar {
    z-index: 1
}

@media (min-width: 640px) {
    .result-page__topbar {
        margin: 0 24px
    }
}

@media (min-width: 1024px) {
    .result-page__topbar {
        margin: 0 42px
    }
}

.result-page__image-block {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    min-height: 0;
    position: relative;
    overflow: auto
}

.result-page__card {
    padding: 18px 12px
}

@media (min-width: 640px) {
    .result-page__card {
        padding: 30px 12px
    }
}

.result-page__klapan-img {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    max-width: 100%;
    max-height: 400px
}

.result-page__result {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.result {
    margin: auto;
    width: 100%;
    text-align: center
}

@media (min-width: 1280px) {
    .result {
        width: 80%
    }
}

.result__text {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .result__text {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

.result__text--force-complete {
    margin-bottom: 84px
}

.result__level-completed {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #ffed60;
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .result__level-completed {
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.result__stats {
    margin-bottom: 36px
}

.result__present-block {
    z-index: 101;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .result__present-block {
        margin-bottom: 24px;
        margin-top: 6px
    }
}

.result__presents-block {
    margin-bottom: 30px
}

@media (min-width: 640px) {
    .result__presents-block {
        margin-bottom: 60px
    }
}

.result__presents {
    max-width: 100%
}

.result__button-container {
    height: 60px
}

.result__button--animated {
    -webkit-animation-name: resultButtonSmallBounce;
    animation-name: resultButtonSmallBounce;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.result__button-text {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

.result__button-text--yellow {
    color: #ffed60
}

.stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stats > * {
    margin-right: 18px
}

@media (min-width: 640px) {
    .stats > * {
        margin-right: 30px
    }
}

@media (min-width: 1280px) {
    .stats > * {
        margin-right: 60px
    }
}

@media (max-width: 1023.98px) {
    .stats > {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }
}

@media (min-width: 1280px) {
    .stats > {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

.stats > :last-child {
    margin-right: 0
}

.present {
    position: relative
}

.present__scale-wrapper {
    z-index: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    cursor: pointer;
    width: 162px
}

@media (min-width: 640px) {
    .present__scale-wrapper {
        width: 252px
    }
}

.present__scale-wrapper--opening .present__rotate-wrapper, .present__scale-wrapper--opening {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.present__rotate-wrapper {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.present__img-white {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.present__img-white--enter-active {
    transition: opacity .45s
}

.present__img-white--enter {
    opacity: 0
}

.present__img-preview {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 90%;
    width: 90%
}

.present__img-preview--enter-active {
    transition: opacity .2s
}

.present__img-preview--enter {
    opacity: 0
}

.present__menu-item {
    position: absolute;
    z-index: 100;
    text-align: center;
    bottom: 12px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    transition: opacity .2s ease-in, -webkit-transform .4s ease-in;
    transition: transform .4s ease-in, opacity .2s ease-in;
    transition: transform .4s ease-in, opacity .2s ease-in, -webkit-transform .4s ease-in
}

@media (min-width: 1280px) {
    .present__menu-item {
        left: 12px;
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.present__menu-item--enter-active {
    transition: opacity .2s
}

.present__menu-item--enter, .present__menu-item--hidden {
    opacity: 0
}

.present__menu-item-icon {
    width: 54px;
    height: 54px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='90' height='90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8.332' y='26.667' width='48.333' height='48.333' rx='8.333' fill='%23FF7152'/%3E%3Crect x='13.332' y='26.667' width='48.333' height='48.333' rx='8.333' fill='%23BE6451'/%3E%3Crect x='14.998' y='18.334' width='55' height='56.667' rx='8.333' fill='%23FFDF60'/%3E%3Crect x='19.998' y='18.334' width='55' height='56.667' rx='8.333' fill='%23D48E39'/%3E%3Crect x='23.332' y='13.334' width='48.333' height='61.667' rx='8.333' fill='%2333CFFF'/%3E%3Crect x='28.332' y='13.334' width='50' height='61.667' rx='8.333' fill='%2333A9FF'/%3E%3Cpath d='M37.514 16.663l7.114 5.78' stroke='%23ADD6E2' stroke-width='3.704' stroke-linecap='round'/%3E%3Ccircle cx='35.48' cy='15.012' r='4.63' transform='rotate(-5.91 35.48 15.012)' fill='%23C9ECF6'/%3E%3Cpath d='M70.664 13.23l-5.78 7.115' stroke='%23ADD6E2' stroke-width='3.704' stroke-linecap='round'/%3E%3Ccircle r='4.63' transform='scale(-1 1) rotate(5.91 -144.618 -694.839)' fill='%23C9ECF6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M78.335 38.71v27.957A8.333 8.333 0 0170 75H38.526l-3.602-34.796c-1.232-11.903 7.418-22.55 19.32-23.783 11.903-1.232 22.551 7.418 23.783 19.32l.308 2.969z' fill='%23C9ECF6'/%3E%3Crect x='40.434' y='35.908' width='31.482' height='18.518' rx='9.259' transform='rotate(-5.91 40.434 35.908)' fill='%233C4C87'/%3E%3Cpath d='M65.527 44.482c-.514-1.032-1.678-1.688-2.954-1.556-1.276.132-2.281 1.013-2.572 2.128M54.472 45.626c-.513-1.031-1.678-1.688-2.954-1.556-1.275.132-2.281 1.014-2.572 2.128' stroke='%236EC1FF' stroke-width='2.963' stroke-linecap='round'/%3E%3Cpath d='M51.934 57.059l12.894-1.335a5.556 5.556 0 01-4.954 6.098l-1.842.19a5.556 5.556 0 01-6.098-4.953z' fill='%23fff'/%3E%3Cpath d='M51.934 57.059v0a5.556 5.556 0 006.098 4.954l1.842-.191a5.556 5.556 0 004.954-6.098v0' stroke='%23A2CED8' stroke-width='2.963' stroke-linecap='round'/%3E%3Cpath d='M31.949 43.862a3.333 3.333 0 012.972-3.658l1.03 9.947a3.333 3.333 0 01-3.66-2.973l-.342-3.316zM81.685 38.713a3.333 3.333 0 00-3.659-2.972l1.03 9.947a3.333 3.333 0 002.972-3.66l-.343-3.315z' fill='%23F65539'/%3E%3C/svg%3E");
    background-size: contain
}

@media (min-width: 640px) {
    .present__menu-item-icon {
        width: 72px;
        height: 72px
    }
}

@media (min-width: 1280px) {
    .present__menu-item-icon {
        width: 90px;
        height: 90px
    }
}

.present__menu-item-icon--animated {
    -webkit-animation-name: heartBeat-data-v-47acd6a2;
    animation-name: heartBeat-data-v-47acd6a2;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.present__menu-item-text {
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.present__img {
    width: 100%
}

.present__img--hidden {
    opacity: 0
}

.present__box {
    display: block;
    position: absolute;
    width: 162px;
    height: 162px;
    z-index: 101
}

@media (min-width: 640px) {
    .present__box {
        width: 252px;
        height: 252px
    }
}

.present__box--first-animation {
    -webkit-animation-name: sizeChanger-data-v-47acd6a2;
    animation-name: sizeChanger-data-v-47acd6a2;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transition-timing-function: cubic-bezier(.5, 0, .5, 1);
    transition: width 1s, height 1s, -webkit-transform 1s;
    transition: transform 1s, width 1s, height 1s;
    transition: transform 1s, width 1s, height 1s, -webkit-transform 1s
}

.present__box--second-animation {
    width: 54px;
    height: 54px;
    -webkit-animation-name: opacityChanger-data-v-47acd6a2;
    animation-name: opacityChanger-data-v-47acd6a2;
    transition: opacity .2s ease-in
}

@media (min-width: 640px) {
    .present__box--second-animation {
        width: 72px;
        height: 72px
    }
}

@media (min-width: 1280px) {
    .present__box--second-animation {
        width: 90px;
        height: 90px
    }
}

@-webkit-keyframes sizeChanger-data-v-47acd6a2 {
    0% {
        width: 162px;
        height: 162px
    }
    to {
        height: 54px;
        width: 54px
    }
}

@-webkit-keyframes opacityChanger-data-v-47acd6a2 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes heartBeat-data-v-47acd6a2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes sizeChanger-data-v-47acd6a2 {
    0% {
        width: 162px;
        height: 162px
    }
    to {
        height: 54px;
        width: 54px
    }
}

@media (min-width: 640px) {
    @-webkit-keyframes sizeChanger-data-v-47acd6a2 {
        0% {
            width: 252px;
            height: 252px
        }
        to {
            height: 72px;
            width: 72px
        }
    }@keyframes sizeChanger-data-v-47acd6a2 {
         0% {
             width: 252px;
             height: 252px
         }
         to {
             height: 72px;
             width: 72px
         }
     }
}

@media (min-width: 1280px) {
    @-webkit-keyframes sizeChanger-data-v-47acd6a2 {
        0% {
            width: 252px;
            height: 252px
        }
        to {
            height: 90px;
            width: 90px
        }
    }@keyframes sizeChanger-data-v-47acd6a2 {
         0% {
             width: 252px;
             height: 252px
         }
         to {
             height: 90px;
             width: 90px
         }
     }
}

@keyframes opacityChanger-data-v-47acd6a2 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes heartBeat-data-v-47acd6a2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.stat {
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.stat__icn {
    display: block;
    margin: auto;
    width: 60px;
    height: 60px
}

@media (min-width: 640px) {
    .stat__icn {
        width: 72px;
        height: 72px
    }
}

.stat__text {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    margin-top: 4px
}

@media (min-width: 1280px) {
    .stat__text {
        margin-top: 0
    }
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .25s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.card-appearance-enter-active {
    -webkit-animation: bounceIn 1s;
    animation: bounceIn 1s
}

.card-appearance-leave {
    display: none
}

.problem {
    cursor: pointer;
    position: relative;
    display: block;
    background-color: #fff;
    padding: 6px;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(18, 17, 32, .29);
    width: 66px;
    height: 66px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.problem:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

@media (min-width: 640px) {
    .problem {
        width: 114px;
        height: 114px;
        border-radius: 18px;
        box-shadow: 0 10px 20px rgba(18, 17, 32, .29)
    }
}

.problem--completed {
    background-color: #ffc960;
    padding: 0
}

.problem--completed .problem__img-container {
    background-size: 72px 72px
}

@media (min-width: 640px) {
    .problem--completed .problem__img-container {
        background-size: 126px 126px
    }
}

.problem--recommended {
    -webkit-animation-name: smallBounce;
    animation-name: smallBounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.problem__img-container {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.problem__animate-cap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
    background-color: #fff
}

@media (min-width: 640px) {
    .problem__animate-cap {
        border-radius: 18px
    }
}

.problem__energy-block {
    position: absolute;
    right: -3px;
    top: -6px;
    background-color: #9a7bff;
    border-radius: 18px;
    padding: 2px 4px
}

@media (min-width: 640px) {
    .problem__energy-block {
        padding: 3px 6px;
        right: -6px;
        top: -12px
    }
}

.problem__energy-ic {
    display: inline-block;
    vertical-align: middle;
    width: 18px
}

@media (min-width: 640px) {
    .problem__energy-ic {
        width: 24px
    }
}

.problem__energy-cost {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;
    color: #fff
}

@media (min-width: 640px) {
    .problem__energy-cost {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.thread__head {
    text-align: center;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .thread__head {
        margin-bottom: 30px
    }
}

.thread__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #fff
}

@media (min-width: 640px) {
    .thread__title {
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.thread__list-container {
    margin: 0 auto;
    width: 100%;
    padding: 0 3px
}

@media (min-width: 640px) {
    .thread__list-container {
        width: 510px;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .thread__list-container {
        width: 774px
    }
}

.thread__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px -3px
}

@media (min-width: 640px) {
    .thread__list {
        margin: -12px -9px
    }
}

.thread__item-container {
    padding: 6px 3px
}

@media (min-width: 640px) {
    .thread__item-container {
        padding: 12px 9px
    }
}

.control-buttons {
    pointer-events: auto;
    margin-bottom: 18px
}

.control-buttons__item {
    margin-bottom: 12px
}

.control-buttons__item:last-child {
    margin-bottom: 0
}

.category {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.category__topbar {
    position: fixed;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: inherit;
    padding: 3px 12px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .15)
}

@media (min-width: 640px) {
    .category__topbar {
        padding: 6px 24px
    }
}

@media (min-width: 1024px) {
    .category__topbar {
        padding: 12px 42px;
        box-shadow: none;
        background-color: transparent;
        pointer-events: none
    }
}

.category__back-button {
    pointer-events: auto
}

.category__controls {
    padding: 18px 0;
    max-width: 500px;
    margin: 0 auto
}

.category__content {
    padding: 48px 12px 24px
}

@media (min-width: 640px) {
    .category__content {
        padding: 66px 24px 30px
    }
}

@media (min-width: 1024px) {
    .category__content {
        padding: 30px 42px
    }
}

.category__head {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .category__head {
        margin-bottom: 30px
    }
}

.category__threads > * {
    margin-bottom: 30px
}

@media (min-width: 640px) {
    .category__threads > * {
        margin-bottom: 42px
    }
}

.category__threads > :last-child {
    margin-bottom: 0
}

.category__loader {
    text-align: center
}

.back-button {
    width: 30px
}

@media (min-width: 640px) {
    .back-button {
        width: 36px
    }
}

@media (min-width: 1024px) {
    .back-button {
        width: 60px
    }
}

.back-button__img {
    width: 24px
}

@media (min-width: 1024px) {
    .back-button__img {
        width: 36px
    }
}

.head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.head__img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 66px;
    height: 66px;
    margin-right: 12px
}

@media (min-width: 640px) {
    .head__img {
        width: 90px;
        height: 90px
    }
}

.head__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff
}

@media (min-width: 640px) {
    .head__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

.thread {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #39414b;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.thread > * {
    margin-right: 12px
}

.thread > :last-child {
    margin-right: 0
}

.thread--disabled .thread__checkbox {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.167 24c0 9.481-7.686 17.167-17.166 17.167-9.481 0-17.167-7.686-17.167-17.166 0-9.481 7.686-17.167 17.167-17.167 9.48 0 17.166 7.686 17.166 17.167z' stroke='%23B8C7E5' stroke-width='3'/%3E%3C/svg%3E")
}

.thread--disabled .thread__progress {
    background: #b8c7e5
}

.thread--disabled .thread__preview {
    opacity: .5
}

.thread__preview {
    transition: opacity .25s;
    width: 48px;
    height: 48px
}

@media (min-width: 640px) {
    .thread__preview {
        width: 60px;
        height: 60px
    }
}

.thread__content {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.thread__content > * {
    margin-bottom: 6px
}

.thread__content > :last-child {
    margin-bottom: 0
}

.thread__title {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .thread__title {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.thread__progress-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.thread__progress-block > * {
    margin-right: 6px
}

.thread__progress-block > :last-child {
    margin-right: 0
}

.thread__progress-bar {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 12px;
    background: #e6eeff;
    border-radius: 16px
}

.thread__checkbox {
    width: 36px;
    height: 36px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 18c0 7.732-6.268 14-14 14S4 25.732 4 18 10.268 4 18 4s14 6.268 14 14zm-6.513-2.662a2 2 0 10-2.974-2.676l-5.79 6.433-3.309-3.31a2 2 0 10-2.828 2.83l4.8 4.8a2 2 0 002.9-.077l7.2-8z' fill='%235CBB73'/%3E%3C/svg%3E") no-repeat;
    background-size: contain;
    transition: background .25s
}

@media (min-width: 640px) {
    .thread__checkbox {
        width: 48px;
        height: 48px
    }
}


.thread__progress {
    height: 100%;
    width: 0;
    min-width: 12px;
    border-radius: 16px;
    background: #ffd34e;
    transition: width .25s, background .25s
}

.thread__progress-counts {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    min-width: 48px
}

@media (min-width: 640px) {
    .thread__progress-counts {
        min-width: 66px
    }
}

@media (min-width: 1024px) {
    .thread__progress-counts {
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }
}

.categories {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    background: #fff;
    height: 100%;
    color: #39414b;
    padding-top: 48px;
    padding-bottom: 18px
}

@media (min-width: 640px) {
    .categories {
        padding-top: 60px;
        padding-bottom: 36px
    }
}

@media (min-width: 1024px) {
    .categories {
        padding-top: 36px
    }
}

.categories__title {
    text-align: center;
    margin-bottom: 18px;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .categories__title {
        margin-bottom: 36px;
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.categories__close-button {
    position: absolute;
    top: 6px;
    right: 12px
}

@media (min-width: 640px) {
    .categories__close-button {
        top: 12px;
        right: 24px
    }
}

@media (min-width: 1024px) {
    .categories__close-button {
        top: 12px;
        right: 42px
    }
}

.categories__continue {
    text-align: center;
    margin-top: 18px
}

@media (min-width: 640px) {
    .categories__continue {
        margin-top: 36px
    }
}

.categories__continue-btn {
    width: 100%
}

@media (min-width: 640px) {
    .categories__continue-btn {
        width: 347px
    }
}

.categories__threads-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -6px 0
}

@media (min-width: 1024px) {
    .categories__threads-grid {
        margin: -9px -15px
    }
}

.categories__thread-col {
    padding: 6px 0;
    width: 100%
}

@media (min-width: 1024px) {
    .categories__thread-col {
        padding: 9px 15px;
        width: 50%
    }
}

.close-button__icon {
    width: 24px;
    height: 21px
}

@media (min-width: 640px) {
    .close-button__icon {
        width: 30px;
        height: 27px
    }
}

.categories-button {
    color: #39414b;
    width: 100%;
    height: 48px;
    border-radius: 14px;
    padding: 4px 4px 8px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.categories-button:before {
    bottom: 0
}

.categories-button:after {
    border-radius: 10px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 8px;
    z-index: -1
}

.categories-button:before {
    box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
}

.categories-button:active:before, .categories-button:active > * {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.categories-button:active:before {
    box-shadow: none
}

.categories-button:active:after {
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

@media (min-width: 640px) {
    .categories-button {
        height: 72px;
        border-radius: 18px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }

    .categories-button:before {
        bottom: 0
    }

    .categories-button:after {
        border-radius: 14px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .categories-button:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .categories-button:active:before, .categories-button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .categories-button:active:before {
        box-shadow: none
    }

    .categories-button:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.categories-button--multiline {
    height: 54px;
    border-radius: 12px;
    padding: 4px 4px 6px;
    width: 48px
}

.categories-button--multiline:before {
    bottom: 0
}

.categories-button--multiline:after {
    border-radius: 8px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 6px;
    z-index: -1
}

.categories-button--multiline:before {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
}

.categories-button--multiline:active:before, .categories-button--multiline:active > * {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.categories-button--multiline:active:before {
    box-shadow: none
}

.categories-button--multiline:active:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

@media (min-width: 640px) {
    .categories-button--multiline {
        height: 114px;
        border-radius: 18px;
        padding: 4px 4px 8px;
        width: 108px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .categories-button--multiline:before {
        bottom: 0
    }

    .categories-button--multiline:after {
        border-radius: 14px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .categories-button--multiline:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .categories-button--multiline:active:before, .categories-button--multiline:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .categories-button--multiline:active:before {
        box-shadow: none
    }

    .categories-button--multiline:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@media (min-width: 1024px) {
    .categories-button--multiline {
        height: 144px;
        border-radius: 18px;
        padding: 4px 4px 8px;
        width: 150px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .categories-button--multiline:before {
        bottom: 0
    }

    .categories-button--multiline:after {
        border-radius: 14px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .categories-button--multiline:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .categories-button--multiline:active:before, .categories-button--multiline:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .categories-button--multiline:active:before {
        box-shadow: none
    }

    .categories-button--multiline:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.categories-button--multiline .categories-button__content > * {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .categories-button--multiline .categories-button__content > * {
        margin-bottom: 6px
    }
}

.categories-button--multiline .categories-button__content > :last-child {
    margin-bottom: 0
}

.categories-button--multiline .categories-button__content > {
    margin-right: 0
}

.categories-button--multiline .categories-button__title {
    display: none
}

@media (min-width: 640px) {
    .categories-button--multiline .categories-button__title {
        display: block
    }
}

@media (min-width: 1024px) {
    .categories-button--multiline .categories-button__title {
        white-space: pre-line
    }
}

.categories-button--multiline .categories-button__icn {
    width: 34px;
    height: 30px
}

@media (min-width: 640px) {
    .categories-button--multiline .categories-button__icn {
        width: 52px;
        height: 48px
    }
}

@media (min-width: 1024px) {
    .categories-button--multiline .categories-button__icn {
        width: 72px;
        height: 66px
    }
}

.categories-button__content > * {
    margin-right: 6px
}

@media (min-width: 640px) {
    .categories-button__content > * {
        margin-right: 12px
    }
}

.categories-button__content > :last-child {
    margin-right: 0
}

.categories-button__content > {
    vertical-align: middle
}

.categories-button .categories-button__icn {
    width: 34px;
    height: 30px
}

@media (min-width: 640px) {
    .categories-button .categories-button__icn {
        width: 48px;
        height: 42px
    }
}

.rate {
    display: inline-block
}

.rate > * {
    margin-right: 6px
}

@media (min-width: 640px) {
    .rate > * {
        margin-right: 12px
    }
}

.rate > :last-child {
    margin-right: 0
}

.rate__star {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 36px;
    fill: #ccc;
    transition: fill .25s, -webkit-transform .25s;
    transition: transform .25s, fill .25s;
    transition: transform .25s, fill .25s, -webkit-transform .25s
}

@media (min-width: 640px) {
    .rate__star {
        width: 42px;
        height: 42px
    }
}

.rate__star--hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.rate__star--active {
    fill: #fd3
}

.review-block {
    position: relative;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    background: #fff;
    border-radius: 12px;
    width: 300px;
    text-align: center;
    padding: 12px;
    min-height: 108px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.review-block > * {
    margin-bottom: 6px
}

.review-block > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .review-block {
        width: 510px;
        border-radius: 18px;
        padding: 18px 42px 24px;
        min-height: 126px
    }
}

.review-block__title {
    text-align: center;
    margin-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    color: #39414b;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

.review-block__title > {
    vertical-align: middle
}

.review-block__title > :not(:last-child) {
    margin-right: 6px
}

@media (min-width: 640px) {
    .review-block__title {
        margin-bottom: 18px;
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.review-block__close {
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 24px;
    height: 24px
}

@media (min-width: 640px) {
    .review-block__close {
        top: 12px;
        right: 12px;
        width: 30px;
        height: 30px
    }
}

.review-block__textarea {
    resize: none;
    width: 100%;
    height: 96px;
    background: #fff;
    border: 2px solid #cfd9e6;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 12px;
    color: #39414b;
    font-family: Open Sans, arial, sans-serif;
    font-size: 14px;
    line-height: 18px
}

@media (min-width: 640px) {
    .review-block__textarea {
        font-size: 18px;
        line-height: 24px
    }
}

.review-block__textarea--shaking {
    -webkit-animation-name: smallShake;
    animation-name: smallShake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.review-block__textarea:focus {
    outline: none
}

.review-block__heart {
    width: 30px;
    height: 30px
}

@media (min-width: 640px) {
    .review-block__heart {
        width: 36px;
        height: 36px
    }
}

.review-button {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    height: 54px;
    border-radius: 12px;
    padding: 4px 4px 6px;
    width: 48px
}

.review-button:before {
    bottom: 0
}

.review-button:after {
    border-radius: 8px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 6px;
    z-index: -1
}

.review-button:before {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
}

.review-button:active:before, .review-button:active > * {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.review-button:active:before {
    box-shadow: none
}

.review-button:active:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

@media (min-width: 640px) {
    .review-button {
        height: 102px;
        border-radius: 18px;
        padding: 4px 4px 8px;
        width: 108px;
        font-weight: 800;
        font-size: 14px;
        line-height: 12px;
        letter-spacing: 0
    }

    .review-button:before {
        bottom: 0
    }

    .review-button:after {
        border-radius: 14px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .review-button:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .review-button:active:before, .review-button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .review-button:active:before {
        box-shadow: none
    }

    .review-button:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

@media (min-width: 1024px) {
    .review-button {
        height: 126px;
        border-radius: 18px;
        padding: 4px 4px 8px;
        width: 150px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .review-button:before {
        bottom: 0
    }

    .review-button:after {
        border-radius: 14px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .review-button:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .review-button:active:before, .review-button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .review-button:active:before {
        box-shadow: none
    }

    .review-button:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.review-button__content > * {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .review-button__content > * {
        margin-bottom: 6px
    }
}

.review-button__content > :last-child {
    margin-bottom: 0
}

.review-button__icn {
    width: 42px;
    height: 30px
}

@media (min-width: 640px) {
    .review-button__icn {
        width: 66px;
        height: 48px
    }
}

@media (min-width: 1024px) {
    .review-button__icn {
        width: 92px;
        height: 66px
    }
}

@-webkit-keyframes bounce-data-v-3806ca91 {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30em, 0);
        transform: translate3d(0, -30em, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15em, 0);
        transform: translate3d(0, -15em, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4em, 0);
        transform: translate3d(0, -4em, 0)
    }
}

@keyframes bounce-data-v-3806ca91 {
    0%, 20%, 53%, 80%, to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30em, 0);
        transform: translate3d(0, -30em, 0)
    }
    70% {
        transition-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15em, 0);
        transform: translate3d(0, -15em, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4em, 0);
        transform: translate3d(0, -4em, 0)
    }
}

.item {
    cursor: pointer;
    position: relative;
    width: 120em;
    height: 126em
}

.item--animated {
    -webkit-animation-name: bounce-data-v-3806ca91;
    animation-name: bounce-data-v-3806ca91;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.item--done .item__img {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='126' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='6' width='120' height='120' rx='60' fill='%23DFE9F2'/%3E%3Crect x='4' y='4' width='112' height='112' rx='56' fill='%23fff' stroke='%23DFE9F2' stroke-width='8'/%3E%3C/svg%3E");
    color: #7ec15c
}

.item--locked {
    cursor: auto
}

.item--locked .item__img {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='126' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='6' width='120' height='120' rx='60' fill='%23C3D4E6'/%3E%3Crect x='4' y='4' width='112' height='112' rx='56' fill='%23A2B6CB' stroke='%23C3D4E6' stroke-width='8'/%3E%3Crect x='47.9' y='30.6' width='24.2' height='34.1' rx='12.1' stroke='%23C3D4E5' stroke-width='7.7'/%3E%3Cpath d='M49 37.2c1.1-2.75 4.95-5.5 7.7-6.05' stroke='%23fff' stroke-width='3.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect opacity='.25' x='36.778' y='52.11' width='46.444' height='36.667' rx='9.778' fill='%23000'/%3E%3Crect x='38.367' y='51.133' width='43.267' height='31.167' rx='10.633' fill='%2393A9BD' stroke='%2393A9BD' stroke-width='3.667'/%3E%3Crect x='38.367' y='47.467' width='43.267' height='31.167' rx='10.633' fill='%23C3D4E5' stroke='%2393A9BD' stroke-width='3.667'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M62.75 65.064a5.5 5.5 0 10-5.5 0V69.1a2.75 2.75 0 105.5 0v-4.036z' fill='%23596D80'/%3E%3C/svg%3E")
}

.item--shaking {
    -webkit-animation-name: smallShake;
    animation-name: smallShake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.item__img {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
    background: url(/img/item-circle-active.820a4f02.svg) no-repeat;
    background-size: contain;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 900;
    line-height: 60em;
    padding-bottom: 6em
}

.item__img > span {
    font-size: 52em
}

.item__shadow {
    position: absolute;
    z-index: -1;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.3' filter='url(%23filter0_f)'%3E%3Crect x='19' y='18' width='112' height='112' rx='56' fill='%23000'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f' x='1' y='0' width='148' height='148' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9' result='effect1_foregroundBlur'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    width: 125%;
    height: 125%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: contain
}

.item__locked {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
    border-radius: 100%;
    border: solid #dfe9f2;
    border-width: 8em 8em 16em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.item__lock {
    position: absolute;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='72' height='72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='22.801' y='7.199' width='26.4' height='37.2' rx='13.2' stroke='%23CEE1F2' stroke-width='8.4'/%3E%3Cpath d='M24 14.4c1.2-3 5.4-6 8.4-6.6' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='12.4' y='29.598' width='47.2' height='34' rx='11.6' fill='%2397B7D8' stroke='%2397B7D8' stroke-width='4'/%3E%3Crect x='12.4' y='25.6' width='47.2' height='34' rx='11.6' fill='%23CEE1F2' stroke='%2397B7D8' stroke-width='4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 44.797a6 6 0 10-6 0v4.402a3 3 0 106 0v-4.402z' fill='%23637E99'/%3E%3C/svg%3E") no-repeat;
    background-size: contain;
    width: 72em;
    height: 72em;
    left: 50%;
    bottom: -32em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.item__preview {
    width: 72em;
    height: 65em;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.course-topbar-wrapper {
    height: 42px
}

@media (min-width: 640px) {
    .course-topbar-wrapper {
        height: 66px
    }
}

.course-topbar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 0, 0, .1)
}

.course-topbar__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
    padding: 0 12px
}

@media (min-width: 640px) {
    .course-topbar__content {
        height: 66px;
        padding: 0 24px
    }
}

@media (min-width: 1280px) {
    .course-topbar__content {
        padding: 0 42px
    }
}

.course-topbar__progress {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-left: 6px;
    margin-right: 6px
}

@media (min-width: 640px) {
    .course-topbar__progress {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media (min-width: 1024px) {
    .course-topbar__progress {
        margin-left: 30px;
        margin-right: 30px
    }
}

.course-topbar__progress:last-child {
    margin-right: 0
}

.course-topbar__buttons > * {
    margin-right: 6px
}

@media (min-width: 640px) {
    .course-topbar__buttons > * {
        margin-right: 12px
    }
}

.course-topbar__buttons > :last-child {
    margin-right: 0
}

.course-topbar__buttons > {
    vertical-align: middle
}

.course-topbar__button .button__content {
    padding: 0 6px
}

@media (min-width: 640px) {
    .course-topbar__button .button__content {
        padding: 0 12px
    }
}

@media (min-width: 1024px) {
    .course-topbar__button .button__content {
        padding: 0 18px
    }
}

@media (min-width: 1024px) {
    .course-topbar__button--buy {
        min-width: 234px
    }
}

.button__discount {
    position: relative;
    height: 100%;
    width: 36px;
    margin-right: 3px
}

@media (min-width: 640px) {
    .button__discount {
        width: 48px;
        margin-right: 6px
    }
}

.button__discount-ic {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 36px
}

@media (min-width: 640px) {
    .button__discount-ic {
        width: 48px;
        height: 48px
    }
}

.course-progress {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.course-progress > * {
    margin-right: 6px
}

.course-progress > :last-child {
    margin-right: 0
}

.course-progress__percent {
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0
}

.course-progress__percent > * {
    margin-right: 0
}

@media (min-width: 640px) {
    .course-progress__percent > * {
        margin-right: 6px
    }
}

.course-progress__percent > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .course-progress__percent {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.course-progress__percent > {
    vertical-align: middle
}

.course-progress__icon {
    height: 36px
}

@media (min-width: 640px) {
    .course-progress__icon--big {
        height: 54px
    }
}

.back-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.back-button__icon {
    width: 18px;
    height: 18px;
    margin-right: 3px
}

@media (min-width: 640px) {
    .back-button__icon {
        width: 30px;
        height: 30px;
        margin-right: 6px
    }
}

.back-button__text {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff
}

@media (min-width: 640px) {
    .back-button__text {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.progressbar {
    height: 12px;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding: 2px;
    border-radius: 24px;
    background: rgba(0, 0, 0, .3)
}

@media (min-width: 640px) {
    .progressbar {
        padding: 0;
        height: 18px
    }
}

@media (min-width: 1024px) {
    .progressbar {
        max-width: 390px;
        height: 24px
    }
}

@media (min-width: 1280px) {
    .progressbar {
        max-width: 469px
    }
}

.progressbar__bar {
    background: #ffd74b;
    height: 100%;
    transition: width .25s;
    border-radius: 12px;
    min-width: 12px
}

@media (min-width: 640px) {
    .progressbar__bar {
        border-radius: 24px;
        min-width: 24px
    }
}

.course-header {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 210px
}

@media (min-width: 640px) {
    .course-header {
        min-height: 360px
    }
}

.course-header__body {
    text-align: center;
    padding: 48px 12px
}

.course-header__body > * {
    margin-bottom: 12px
}

.course-header__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .course-header__body {
        padding: 90px 24px 120px
    }
}

@media (min-width: 1024px) {
    .course-header__body {
        padding: 90px 42px 120px
    }
}

.course-header__title {
    color: #fff;
    text-align: center;
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0
}

.course-header__title--small {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .course-header__title {
        font-weight: 900;
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .course-header__title {
        max-width: 840px;
        margin-left: auto;
        margin-right: auto
    }
}

.edit-name {
    color: #fff;
    text-align: center;
    padding-bottom: 30px
}

.edit-name__ctrl {
    margin-top: 24px
}

.edit-name__form > * {
    margin-bottom: 18px
}

.edit-name__form > :last-child {
    margin-bottom: 0
}

.edit-name__form-label {
    text-align: left;
    color: #39414b
}

.edit-name__form-label-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

.edit-name__input-label {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    padding-bottom: 18px
}

@media (min-width: 640px) {
    .edit-name__input-label {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.share-modal__body {
    padding: 6px 12px 24px
}

.share-modal__body > * {
    margin-bottom: 12px
}

.share-modal__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .share-modal__body {
        padding: 12px 24px 36px;
        width: 80%;
        margin: auto
    }
}

.share-modal__title {
    text-align: center;
    color: #fff;
    margin-bottom: 18px;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .share-modal__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.share-modal__button--vk {
    color: #fff
}

.share-modal__button--vk:before {
    background-color: #1f67cc
}

.share-modal__button--vk:after {
    background-color: #3981e5
}

.share-modal__button--vk:hover:before {
    background-color: #2673de
}

.share-modal__button--vk:hover:after {
    background-color: #508fe8
}

.share-modal__button--fb {
    color: #fff
}

.share-modal__button--fb:before {
    background-color: #3d56cc
}

.share-modal__button--fb:after {
    background-color: #6179f2
}

.share-modal__button--fb:hover:before {
    background-color: #5168d1
}

.share-modal__button--fb:hover:after {
    background-color: #798df4
}

.share-modal__button--ok {
    color: #fff
}

.share-modal__button--ok:before {
    background-color: #d9822c
}

.share-modal__button--ok:after {
    background-color: #ffaf40
}

.share-modal__button--ok:hover:before {
    background-color: #dd8f42
}

.share-modal__button--ok:hover:after {
    background-color: #ffba5a
}

.share-modal__icon {
    width: 30px;
    height: 30px;
    margin-right: 6px
}

@media (min-width: 640px) {
    .share-modal__icon {
        width: 36px;
        height: 36px;
        margin-right: 12px
    }
}

.share-tooltip__icon {
    margin-right: 6px
}

.share-tooltip__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #39414b
}

.share-tooltip__body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.certificate {
    position: relative;
    border-radius: 18px;
    background-color: rgba(38, 38, 38, .25);
    border: 4px solid rgba(0, 0, 0, .25);
    padding: 38px 8px 14px
}

@media (min-width: 640px) {
    .certificate {
        border-width: 6px;
        border-radius: 24px;
        padding: 72px 24px 24px
    }
}

.certificate__img {
    position: absolute;
    top: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 142px
}

@media (min-width: 640px) {
    .certificate__img {
        top: -60px;
        width: 250px
    }
}

@media (min-width: 1024px) {
    .certificate__img {
        top: -96px;
        width: 320px
    }
}

.certificate__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    margin-bottom: 18px
}

.certificate__title:last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .certificate__title {
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.certificate__title--small {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .certificate__title--small {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.certificate__buttons > * {
    margin-bottom: 12px
}

.certificate__buttons > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .certificate__button {
        max-width: 390px;
        margin-left: auto;
        margin-right: auto
    }
}

.certificate__button--bounce {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: smallBounce;
    animation-name: smallBounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.course-certificate {
    padding: 0 6px 18px;
    margin: 144em auto 0
}

@media (min-width: 640px) {
    .course-certificate {
        max-width: 570px;
        padding-bottom: 48px
    }
}

@media (min-width: 1024px) {
    .course-certificate {
        max-width: 720px
    }
}

.road-image {
    position: absolute;
    width: 240em;
    height: 240em;
    background-size: contain;
    background-repeat: no-repeat
}

.road-image--right {
    right: -80em
}

@media (min-width: 640px) {
    .road-image--right {
        right: -120em
    }
}

.road-image--left {
    left: -80em
}

@media (min-width: 640px) {
    .road-image--left {
        left: -120em
    }
}

.items {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1040em
}

.items--type-cards .items__row {
    padding-top: 63em;
    padding-bottom: 63em
}

.items--type-cards .items__row >, .items--type-cards .items__row:nth-child(2n) > :last-child {
    margin-right: 80em
}

.items--type-cards .items__row > :last-child {
    margin-right: 0
}

.items__row {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 72em;
    padding-bottom: 72em
}

.items__row:first-child {
    padding-top: 0
}

.items__row:nth-child(2n) {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.items__row:nth-child(2n) > :last-child {
    margin-right: 90em
}

.items__row:nth-child(2n) > :first-child {
    margin-right: 0
}

.items__row:nth-child(2n) > :nth-child(4) {
    margin-top: -15em
}

.items__row > {
    margin-right: 90em
}

.items__row > :last-child {
    margin-right: 0
}

.items__row > :nth-child(2n) {
    margin-top: -30em
}

.items__road-top {
    position: absolute;
    height: 174em;
    top: 0;
    left: 0;
    right: 0;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat
}

@media (min-width: 1280px) {
    .items__road-top {
        height: 174em
    }
}

.items__road {
    position: absolute;
    top: 174em;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100%;
    background-position: top
}

.reset-progress__header > * {
    margin-bottom: 12px
}

.reset-progress__header > :last-child {
    margin-bottom: 0
}

.reset-progress__body {
    text-align: center;
    margin: auto;
    padding: 12px 12px 18px
}

.reset-progress__body > * {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .reset-progress__body > * {
        margin-bottom: 24px
    }
}

.reset-progress__body > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .reset-progress__body {
        width: 83.3333333333%;
        padding: 18px 12px
    }
}

.reset-progress__title {
    text-align: center;
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .reset-progress__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.reset-progress__subtitle {
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .reset-progress__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.reset-progress__button {
    max-width: 362px;
    margin: 0 auto
}

.course-thread {
    background-size: 48.4375vw
}

@media (min-width: 1280px) {
    .course-thread {
        background-size: 620px
    }
}

.course-thread__empty {
    text-align: center;
    color: #fff;
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    max-width: 570px;
    margin: 30px auto
}

.course-thread__empty > * {
    margin-bottom: 18px
}

.course-thread__empty > :last-child {
    margin-bottom: 0
}

@media (min-width: 1024px) {
    .course-thread__empty {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.course-thread__wrapper {
    overflow: hidden
}

.course-thread__items {
    margin-top: 7.03125vw
}

@media (min-width: 1280px) {
    .course-thread__items {
        margin-top: 90px
    }
}

@media (min-width: 640px) {
    .course-thread__reset-button {
        max-width: 390px;
        margin-left: auto;
        margin-right: auto
    }
}

.select-way__img {
    display: block;
    width: 120px;
    margin: 0 auto 6px
}

.select-way__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    text-align: center;
    margin-bottom: 6px
}

.select-way__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #fff;
    text-align: center;
    margin-bottom: 18px
}

.select-way__email-button {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 18px
}

.select-way__email-button-ic {
    width: 36px;
    margin-right: 6px
}

.select-way__socials {
    margin-bottom: 24px
}

.select-way__later-button {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    border-radius: 12px;
    opacity: .5;
    border: 1px solid #fff;
    cursor: pointer
}

.enter-email__img {
    display: block;
    width: 120px;
    margin: 0 auto 6px
}

.enter-email__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    text-align: center;
    margin-bottom: 6px
}

.enter-email__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #fff;
    text-align: center;
    margin-bottom: 18px
}

.enter-email__help {
    color: #39414b;
    text-align: left
}

.enter-email__help > * {
    margin-bottom: 6px
}

.enter-email__help > :last-child {
    margin-bottom: 0
}

.enter-email__help-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

.enter-email__text-link {
    text-decoration: underline
}

.enter-email__form > * {
    margin-bottom: 18px
}

.enter-email__form > :last-child {
    margin-bottom: 0
}

.enter-email__error {
    margin-top: -21px
}

.enter-password {
    text-align: center
}

.enter-password__email {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    display: inline-block;
    color: #fff;
    padding: 3px 18px;
    border-radius: 18px;
    background-color: #7c61e8;
    margin-bottom: 6px
}

.enter-password__img {
    display: block;
    width: 120px;
    margin: 0 auto 6px
}

.enter-password__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 18px
}

.enter-password__form > * {
    margin-bottom: 12px
}

.enter-password__form > :last-child {
    margin-bottom: 0
}

.enter-password__button {
    margin-top: 18px
}

.enter-password__error {
    margin-top: -9px
}

.field > * {
    margin-bottom: 6px
}

.field > :last-child {
    margin-bottom: 0
}

.field__label {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff;
    text-align: left
}

.account-saved__img {
    display: block;
    width: 120px;
    margin: 0 auto 6px
}

.account-saved__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    text-align: center;
    margin-bottom: 12px
}

.account-saved__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #fff;
    text-align: center;
    margin-bottom: 18px
}

.account-saved__text--bold {
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

.create-account {
    position: relative;
    background-color: #866de9;
    overflow: auto;
    height: 100%;
    padding: 24px 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.create-account__back {
    cursor: pointer;
    width: 24px;
    position: absolute;
    top: 6px;
    left: 12px
}

.create-account__content {
    margin: 0 auto;
    width: 100%;
    max-width: 296px
}

.button {
    height: 48px;
    border-radius: 11px;
    padding: 3px 3px 6px
}

.button:before {
    bottom: 0
}

.button:after {
    border-radius: 8px;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 6px;
    z-index: -1
}

.button:before {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
}

.button:active:before, .button:active > * {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button:active:before {
    box-shadow: none
}

.button:active:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

@media (min-width: 640px) {
    .button {
        height: 66px;
        border-radius: 16px;
        padding: 4px 4px 8px
    }

    .button:before {
        bottom: 0
    }

    .button:after {
        border-radius: 12px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button:active:before, .button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button:active:before {
        box-shadow: none
    }

    .button:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.button .button__content {
    padding: 0 6px
}

.button__progress {
    position: relative;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: 100%;
    width: 36px;
    margin-right: 3px
}

@media (min-width: 640px) {
    .button__progress {
        width: 54px;
        margin-right: 6px
    }
}

.button__progress-ic {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 36px;
    height: 36px
}

.button__progress-ic svg {
    width: 100%;
    height: 100%
}

@media (min-width: 640px) {
    .button__progress-ic {
        width: 54px;
        height: 54px
    }
}

.button__text {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    white-space: pre-wrap;
    text-align: left
}

@media (min-width: 640px) {
    .button__text {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.bottom-bar-wrapper {
    height: 42px
}

@media (min-width: 640px) {
    .bottom-bar-wrapper {
        height: 66px
    }
}

.bottom-bar {
    position: fixed;
    z-index: 100;
    width: 100%;
    background-color: #422395;
    bottom: 63px;
    height: 42px;
    padding: 0 0 6px
}

@media (min-width: 640px) {
    .bottom-bar {
        bottom: 93px;
        height: 66px;
        padding: 0 0 10px
    }
}

@supports (margin-bottom:constant(safe-area-inset-bottom)) {
    .bottom-bar {
        margin-bottom: constant(safe-area-inset-bottom)
    }
}

@supports (margin-bottom:env(safe-area-inset-bottom)) {
    .bottom-bar {
        margin-bottom: env(safe-area-inset-bottom)
    }
}

.bottom-bar--light {
    background-color: #fff
}

.bottom-bar__col, .bottom-bar__grid {
    height: 100%
}

.bottom-bar__button-container {
    position: relative;
    width: 100%;
    height: 100%
}

.bottom-bar__button-container--single {
    max-width: 216px;
    margin: 0 auto
}

@media (min-width: 640px) {
    .bottom-bar__button-container--single {
        max-width: 426px
    }
}

.bottom-bar__button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.button {
    height: 48px;
    border-radius: 11px;
    padding: 3px 3px 6px;
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0
}

.button:before {
    bottom: 0
}

.button:after {
    border-radius: 8px;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 6px;
    z-index: -1
}

.button:before {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .35)
}

.button:active:before, .button:active > * {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.button:active:before {
    box-shadow: none
}

.button:active:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

@media (min-width: 640px) {
    .button {
        height: 66px;
        border-radius: 16px;
        padding: 4px 4px 8px;
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }

    .button:before {
        bottom: 0
    }

    .button:after {
        border-radius: 12px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 8px;
        z-index: -1
    }

    .button:before {
        box-shadow: 0 4px 0 rgba(0, 0, 0, .35)
    }

    .button:active:before, .button:active > * {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    .button:active:before {
        box-shadow: none
    }

    .button:active:after {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
}

.button__discount {
    position: relative;
    height: 100%;
    width: 36px;
    margin-right: 3px
}

@media (min-width: 640px) {
    .button__discount {
        width: 66px;
        margin-right: 6px
    }
}

.button__discount-ic {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 36px;
    height: 36px
}

@media (min-width: 640px) {
    .button__discount-ic {
        bottom: 4px;
        width: 66px;
        height: 66px
    }
}

.side-course {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    font-size: .09375vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 640px) {
    .side-course {
        font-size: .078125vw
    }
}

@media (min-width: 1280px) {
    .side-course {
        font-size: 1px
    }
}

.side-course__thread {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.side-course__categories {
    position: fixed;
    z-index: 20;
    bottom: 75px;
    right: 6px
}

@media (min-width: 640px) {
    .side-course__categories {
        bottom: 117px;
        right: 12px
    }
}

@media (min-width: 1024px) {
    .side-course__categories {
        bottom: 24px;
        right: 42px
    }
}

@media (max-width: 639.98px) {
    .side-course__categories--with-bottom-bar {
        bottom: 129px
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .side-course__categories--with-bottom-bar {
        bottom: 181px
    }
}

.vue-affix {
    position: relative
}

.affix {
    position: fixed
}

.affix-bottom {
    position: relative
}

.filter {
    position: relative;
    cursor: pointer;
    color: #39414b;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .filter {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.filter--open .filter__content {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    pointer-events: auto
}

@media (min-width: 1024px) {
    .filter--only-content .filter__header {
        display: none
    }

    .filter--only-content .filter__content {
        opacity: 1;
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        pointer-events: auto;
        position: static;
        background: transparent;
        border: 1px solid #cfcfe4;
        border-radius: 18px;
        box-shadow: none;
        margin-top: 0
    }

    .filter--only-content .filter__item--active {
        background: #5fbf77;
        color: #fff
    }

    .filter--only-content .filter__item--active:hover {
        color: #fff
    }
}

.filter__content {
    position: absolute;
    z-index: 10000;
    background: #fff;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transform: rotateX(-25deg);
    transform: rotateX(-25deg);
    transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, transform .25s;
    transition: opacity .25s, transform .25s, -webkit-transform .25s;
    pointer-events: none;
    padding: 9px 0;
    box-shadow: 0 5px 15px rgba(57, 65, 75, .15);
    border-radius: 12px;
    margin-top: 6px;
    -webkit-transform-origin: top;
    transform-origin: top
}

@media (min-width: 640px) {
    .filter__content {
        padding: 12px
    }
}

@media (min-width: 1024px) {
    .filter__content {
        left: -27px;
        width: 168px
    }
}

.filter__item {
    cursor: pointer;
    padding: 9px 12px;
    transition: color .25s, background-color .25s;
    border-radius: 6px;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .filter__item {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px;
        border-radius: 12px;
        padding: 12px
    }
}

.filter__item:hover {
    color: #5fbf77
}

.filter__item--active {
    cursor: auto;
    color: #5fbf77
}

.header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 6px 6px 6px 12px;
    border: 1px solid #cfcfe4;
    border-radius: 12px;
    cursor: pointer;
    transition: color .25s;
    overflow: hidden
}

.header:hover {
    color: #5fbf77
}

@media (min-width: 640px) {
    .header {
        padding: 12px 12px 12px 24px;
        border-radius: 18px
    }
}

@media (min-width: 1024px) {
    .header {
        padding: 18px 6px
    }
}

.header__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media (min-width: 1024px) {
    .header__content {
        width: auto
    }
}

.header__text {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .header__text {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

@media (min-width: 1024px) {
    .header__text {
        font-weight: 800;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0
    }
}

.header__arrow {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 30px;
    height: 30px
}

@media (min-width: 640px) {
    .header__arrow {
        width: 36px;
        height: 36px
    }
}

@media (min-width: 1024px) {
    .header__arrow {
        width: 18px;
        height: 18px
    }
}

.badge {
    display: block;
    position: relative;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.badge__content {
    margin-left: -1px;
    margin-right: -1px;
    min-height: 36px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 6px;
    color: #fff
}

.badge__left {
    position: absolute;
    left: -6px
}

.badge__left, .badge__left svg {
    width: 6px;
    height: 100%
}

.badge__right {
    position: absolute;
    right: -6px;
    width: 6px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    bottom: -6px;
    top: 0
}

.badge__right-dark {
    position: absolute;
    bottom: 0;
    width: 6px;
    height: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.popular {
    text-align: center
}

.popular > * {
    margin-bottom: 6px
}

.popular > :last-child {
    margin-bottom: 0
}

.popular__stat {
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0
}

.popular__stat > {
    vertical-align: middle
}

.popular__icon {
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.course {
    display: block;
    position: relative;
    cursor: pointer;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    transition-timing-function: ease-in-out
}

@media (min-width: 640px) {
    .course--active:hover {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

.course--shaking {
    -webkit-animation-name: smallShake;
    animation-name: smallShake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.course__badges {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    right: 0;
    top: -6px
}

.course__badges > * {
    margin-bottom: 12px
}

.course__badges > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .course__badges {
        top: 6px
    }
}

@media (max-width: 639.98px) {
    .course__badges {
        right: auto;
        left: 0;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .course__badges > {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .course__badges > :not(:first-child) {
        display: none
    }

    .course__badges > > .badge__content {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }
}

.course__new {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff;
    background-size: contain;
    background: red
}

@media (min-width: 640px) {
    .course__new {
        left: auto;
        padding-left: 0;
        padding-right: 11px;
        text-align: right
    }
}

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

.course__discount-value {
    font-size: 14px;
    margin-right: 6px
}

.course__discount-text, .course__discount-value {
    font-weight: 800;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff
}

.course__discount-text {
    font-size: 10px;
    text-transform: uppercase;
    background-color: #e44f4f;
    border-radius: 30px;
    padding: 3px 6px
}

.course__container {
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    background-size: 84px 84px;
    background-position: 15px 50%;
    background-repeat: no-repeat;
    box-shadow: 0 6px 8px -4px rgba(35, 35, 95, .19);
    padding-left: 114px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 126px
}

@media (min-width: 640px) {
    .course__container {
        padding-left: 0;
        padding-top: 156px;
        background-position: 50% 6px;
        background-size: 144px 144px;
        min-height: auto
    }
}

.course__content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: #fff;
    padding: 12px 18px
}

@media (min-width: 640px) {
    .course__content {
        padding: 18px
    }
}

.course__theme {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 6px
}

.course__title {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #39414b;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-bottom: 12px
}

.course__progress-container, .course__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.course__progress-bar {
    height: 12px;
    background-color: #eff2f7;
    border-radius: 18px;
    padding: 2px;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-right: 6px
}

.course__progress-bar-content {
    height: 100%;
    background-color: #5cbb73;
    border-radius: 18px;
    min-width: 8px
}

.course__progress-value {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b
}

@media (min-width: 640px) {
    .course__progress-value {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 12px;
        letter-spacing: 0;
        line-height: 18px
    }
}

.course__stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.course__stats > * {
    margin-right: 12px
}

.course__stats > :last-child {
    margin-right: 0
}

.stat {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.stat > {
    vertical-align: middle
}

.stat__icon {
    width: 12px;
    height: 12px;
    margin-right: 3px
}

@media (min-width: 640px) {
    .stat__icon {
        width: 18px;
        height: 18px
    }
}

.stat__text {
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #96a7b5
}

.list__title-block {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .list__title-block {
        font-style: normal;
        font-weight: 400;
        font-size: 34px;
        line-height: 42px;
        letter-spacing: 0;
        margin-bottom: 30px
    }
}

.list__count {
    color: #96a7b5;
    margin-left: 6px
}

@media (min-width: 640px) {
    .list__count {
        margin-left: 12px
    }
}

.list__items {
    margin: -9px
}

@media (min-width: 640px) {
    .list__items {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1280px) {
    .list__items {
        margin: -12px -9px
    }
}

.list__item {
    width: 100%;
    padding: 9px
}

@media (min-width: 640px) {
    .list__item {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .list__item {
        width: 25%
    }
}

@media (min-width: 1280px) {
    .list__item {
        padding: 12px 9px
    }
}

.list__course {
    height: 100%
}

.courses-content__list {
    max-width: 296px;
    margin: 0 auto 36px
}

@media (min-width: 640px) {
    .courses-content__list {
        max-width: 534px;
        margin-bottom: 66px
    }
}

@media (min-width: 1024px) {
    .courses-content__list {
        max-width: 942px
    }
}

@media (min-width: 1280px) {
    .courses-content__list {
        max-width: 1086px
    }
}

.courses-content__list:last-child {
    margin-bottom: 0
}

.topics {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.topics__arrow {
    cursor: pointer;
    width: 60px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: 24px
}

.topics__arrow:last-child {
    margin-right: 0
}

.topics__arrow--right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.topics__list {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 0 18px 0 -6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.topics__item {
    width: 126px;
    padding: 0 6px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.topic {
    cursor: pointer;
    border: 3px solid transparent;
    box-sizing: border-box;
    border-radius: 18px;
    padding: 3px 3px 15px;
    color: #39414b;
    transition: color .25s, border-color .25s
}

.topic:hover {
    color: #5fbf77
}

.topic--active {
    border-color: #5fbf77
}

.topic__img {
    display: block;
    width: 78px;
    height: 78px;
    margin: 0 auto 6px
}

.topic__text {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    text-align: center;
    height: 24px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.filters, .topic__text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.filters > * {
    margin-right: 24px
}

.filters > :last-child {
    margin-right: 0
}

.filters__grades, .filters__tab {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 114px
}

.filters__topics {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: hidden
}

.my-tab {
    cursor: pointer;
    padding: 3px 3px 15px;
    border: 3px solid transparent;
    box-sizing: border-box;
    border-radius: 18px;
    color: #39414b;
    transition: color .25s, border-color .25s
}

.my-tab:hover {
    color: #5fbf77
}

.my-tab--active {
    border-color: #5fbf77
}

.my-tab__img {
    width: 78px;
    display: block;
    margin: 0 auto 6px
}

.my-tab__text {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    text-align: center;
    height: 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.courses {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.courses__tabs-block {
    padding: 12px 12px 0;
    background: #fff
}

@media (min-width: 640px) {
    .courses__tabs-block {
        background: transparent;
        padding: 0;
        margin-top: 30px;
        max-width: 570px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    .courses__tabs-block {
        max-width: 474px
    }
}

.courses__tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #cfcfe4;
    border-radius: 12px
}

@media (min-width: 640px) {
    .courses__tabs {
        border-radius: 18px
    }
}

.courses__tab {
    margin: -1px;
    cursor: pointer;
    transition: background .25s, color .25s;
    text-align: center;
    color: #39414b;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    border-radius: 12px;
    padding: 12px;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    line-height: 18px
}

@media (min-width: 640px) {
    .courses__tab {
        padding: 21px 18px;
        border-radius: 18px;
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.courses__tab--active {
    cursor: auto;
    color: #fff;
    background: #5fbf77
}

.courses__content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 30px
}

.courses__content > * {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .courses__content > * {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .courses__content > * {
        margin-bottom: 0
    }
}

.courses__content > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .courses__content {
        max-width: 570px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        padding-bottom: 60px
    }
}

@media (min-width: 1024px) {
    .courses__content {
        max-width: none;
        margin-top: 0;
        padding-top: 24px
    }
}

@media (min-width: 1280px) {
    .courses__content {
        padding-top: 30px
    }
}

.courses__pc-filters {
    margin: 0 auto 42px;
    max-width: 924px
}

@media (min-width: 1280px) {
    .courses__pc-filters {
        max-width: 1050px
    }
}

.courses__filters-wrapper {
    height: 68px
}

@media (min-width: 640px) {
    .courses__filters-wrapper {
        height: 62px
    }
}

.courses__filters-block {
    transition: background-color .25s, box-shadow .25s
}

.courses__filters-block.affix {
    width: 100%;
    z-index: 101;
    background: #fff;
    box-shadow: 0 6px 8px -4px rgba(35, 35, 95, .19)
}

@media (min-width: 640px) {
    .courses__filters-block.affix {
        left: 0
    }
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .courses__filters-block.affix .courses__filters {
        width: 570px;
        margin: auto;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media (max-width: 639.98px) {
    .courses__filters-block {
        padding: 12px;
        box-shadow: 0 6px 8px -4px rgba(35, 35, 95, .19);
        background: #fff
    }
}

.courses__filters {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.courses__filters > {
    min-width: 0;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

@media (max-width: 639.98px) {
    .courses__filters > {
        position: static
    }
}

.courses__filters > :not(:last-child) {
    margin-right: 12px
}

@media (min-width: 640px) {
    .courses__filters > :not(:last-child) {
        margin-right: 30px
    }
}

@media (min-width: 1024px) {
    .courses__filters > :not(:last-child) {
        margin-right: 0;
        margin-bottom: 18px
    }
}

.courses {
    background-color: #fbfbfd;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.courses__loader {
    text-align: center;
    padding: 48px
}

.grade-badge {
    border-radius: 25px;
    margin-bottom: 6px
}

@media (min-width: 640px) {
    .grade-badge {
        margin-bottom: 12px
    }
}

.grade-badge__text {
    padding: 9px 18px;
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .grade-badge__text {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0;
        padding: 12px 18px
    }
}

.course-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -9px;
    margin-bottom: -9px
}

.course-info > * {
    margin-right: 18px
}

@media (min-width: 640px) {
    .course-info > * {
        margin-right: 42px
    }
}

.course-info > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .course-info {
        text-align: left;
        margin: 0
    }
}

.course-info__item {
    padding-top: 9px;
    padding-bottom: 9px
}

@media (min-width: 640px) {
    .course-info__item {
        padding: 0
    }
}

.course-info__reviews {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.course-info__text {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .course-info__text {
        font-weight: 800;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.course-info__stars {
    width: 90px;
    height: 18px;
    margin-left: 6px
}

@media (min-width: 640px) {
    .course-info__stars {
        margin-left: 12px
    }
}

.course-info__description {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    margin-top: 6px
}

@media (min-width: 640px) {
    .course-info__description {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px;
        margin-top: 3px
    }
}

.header {
    text-align: center;
    color: #fff;
    background-image: url(/img/bg-head.350b3ec4.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.header__logo {
    height: 30px;
    margin-bottom: 30px
}

@media (min-width: 640px) {
    .header__logo {
        height: 36px;
        margin-bottom: 60px
    }
}

.header__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .header__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0;
        margin-bottom: 42px
    }
}

.header__badges {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -6px
}


.header__badges > * {
    margin-right: 6px
}

@media (min-width: 640px) {
    .header__badges > * {
        margin-right: 12px
    }
}

.header__badges > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .header__badges {
        margin-bottom: -12px
    }
}

.header__info {
    margin-top: 30px
}

@media (min-width: 640px) {
    .header__info {
        margin-top: 48px
    }
}

@media (min-width: 1024px) {
    .header__info {
        margin-top: 60px
    }
}

.course-value {
    color: #39414b;
    text-align: center
}

.course-value__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0
}

@media (min-width: 640px) {
    .course-value__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

@media (min-width: 640px) {
    .course-value__items {
        margin-top: 24px
    }
}

.course-value__item {
    margin-top: 24px
}

.course-value__item-icon {
    width: 78px;
    height: 78px
}

@media (min-width: 1024px) {
    .course-value__item-icon {
        width: 120px;
        height: 120px
    }
}

.course-value__item-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .course-value__item-text {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.review-list {
    color: #39414b;
    text-align: center;
    margin-top: 72px;
    margin-bottom: 72px
}

@media (min-width: 640px) {
    .review-list {
        margin-top: 120px;
        margin-bottom: 120px
    }
}

.review-list__loader {
    text-align: center
}

.review-list__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 9px
}

@media (min-width: 640px) {
    .review-list__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0;
        margin-bottom: 48px
    }
}

.review-list__title-count {
    white-space: nowrap
}

.review {
    text-align: left
}

.review__stars {
    width: 90px;
    height: 18px;
    margin-bottom: 12px
}

.review__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    margin-bottom: 18px
}

.review__user {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.review__user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.review__user-name {
    margin-left: 6px;
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0
}

.category-list {
    text-align: center;
    color: #39414b
}

.category-list__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .category-list__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0;
        margin-bottom: 60px
    }
}

.category-list__title--red {
    color: #ff5b4c
}

.category-list__gradient {
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%;
    background: linear-gradient(1turn, #fff, hsla(0, 0%, 100%, 0))
}

.category-items {
    position: relative
}

.category-items > * {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .category-items > * {
        margin-bottom: 18px
    }
}

.category-items > :last-child {
    margin-bottom: 0
}

@media (max-width: 639.98px) {
    .category-items {
        max-height: 924px;
        overflow: hidden
    }
}

.category-item {
    border-radius: 18px;
    padding: 6px 12px 6px 6px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.category-item__img {
    width: 54px;
    height: 54px
}

@media (min-width: 640px) {
    .category-item__img {
        width: 78px;
        height: 78px
    }
}

.category-item__text {
    color: #fff;
    text-align: left;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    margin-left: 12px
}

.platform-info {
    margin-top: 72px;
    margin-bottom: 60px
}

@media (min-width: 640px) {
    .platform-info {
        margin-top: 120px;
        margin-bottom: 90px
    }
}

.platform-info__items > * {
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .platform-info__items > * {
        margin-bottom: 72px
    }
}

.platform-info__items > :last-child {
    margin-bottom: 0
}

.platform-info__item {
    color: #39414b;
    text-align: center
}

@media (min-width: 640px) {
    .platform-info__item {
        text-align: left
    }
}

@media (min-width: 640px) {
    .platform-info__item--inverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.platform-info__item--center {
    text-align: center
}

.platform-info__item-img {
    height: 120px;
    width: auto
}

@media (min-width: 640px) {
    .platform-info__item-img {
        max-width: 100%;
        height: auto;
        max-height: 210px
    }
}

.platform-info__item-title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    padding-top: 18px;
    padding-bottom: 12px
}

@media (min-width: 640px) {
    .platform-info__item-title {
        padding-top: 3px;
        padding-bottom: 24px;
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.platform-info__item-description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

@media (min-width: 640px) {
    .platform-info__item-description {
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.team-info {
    text-align: center;
    color: #fff;
    margin-bottom: 72px
}

@media (min-width: 640px) {
    .team-info {
        margin-bottom: 120px
    }
}

.team-info__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .team-info__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0;
        margin-bottom: 18px
    }
}

.team-info__description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    margin-bottom: 30px
}

@media (min-width: 640px) {
    .team-info__description {
        margin-bottom: 60px;
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.team-info__img {
    max-width: 100%;
    width: auto;
    max-height: 220px
}

@media (min-width: 640px) {
    .team-info__img {
        max-height: 430px
    }
}

.award-list {
    color: #fff;
    text-align: center
}

.award-list__title {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .award-list__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0;
        margin-bottom: 60px
    }
}

.award-list__img {
    max-width: 100%;
    width: auto;
    height: 174px
}

@media (min-width: 640px) {
    .award-list__img {
        height: 256px
    }
}

@media (min-width: 1024px) {
    .award-list__img {
        height: 108px
    }
}

.connect {
    background-color: #694cbf
}

.connect__block {
    height: 72px;
    width: 100%
}

@media (min-width: 640px) {
    .connect__block {
        height: 120px;
        width: 100%
    }
}

.connect__content {
    color: #fff;
    text-align: center;
    padding-bottom: 180px;
    background-image: url(/img/bg-earth_xs.0f4a543e.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto 100%
}

@media (min-width: 640px) {
    .connect__content {
        padding-bottom: 132px;
        background-image: url(/img/bg-earth_sm.7baf434d.svg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: auto 100%
    }
}

@media (min-width: 1024px) {
    .connect__content {
        padding-bottom: 180px;
        background-image: url(/img/bg-earth_md.0e488bb1.svg);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain
    }
}

.connect__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    padding-bottom: 18px
}

@media (min-width: 640px) {
    .connect__title {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

.connect__title-count {
    white-space: nowrap
}

.connect__description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    padding-bottom: 24px
}

@media (min-width: 640px) {
    .connect__description {
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 36px;
        letter-spacing: 0;
        padding-bottom: 60px
    }
}

.footer {
    position: relative;
    background: #694cbf url(/img/bg-footer.33c5e5ad.svg) no-repeat 50%;
    border-top: 6px solid #c2d2f2;
    padding-top: 72px
}

@media (min-width: 640px) {
    .footer {
        padding-top: 150px
    }
}

.footer:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M-61.556 21a22.982 22.982 0 0021.552 15h92.17a30 30 0 0020.183-7.805l11.222-10.206a30 30 0 0120.184-7.805h26.178c3.925 0 7.617 1.866 9.945 5.027a12.352 12.352 0 009.946 5.026h83.878a24.21 24.21 0 0117.875 7.881A24.21 24.21 0 00269.452 36h92.552a22.984 22.984 0 0021.552-15l2.863-7.73A11.137 11.137 0 01396.863 6H405a3 3 0 100-6h-4.069c-4.653 0-7.88-4.637-6.264-9 1.616-4.363-1.612-9-6.264-9H-66.403c-4.652 0-7.88 4.637-6.264 9 1.616 4.363-1.611 9-6.264 9H-85a3 3 0 100 6h9.317c5.152 0 9.76 3.207 11.55 8.039L-61.557 21z' fill='%23C2D2F2'/%3E%3Cpath d='M-58.556 15a22.982 22.982 0 0021.552 15h77.333a30 30 0 0020.846-8.426l9.276-8.964a30 30 0 0120.847-8.426h46.421c3.831 0 7.418 1.878 9.601 5.027a11.683 11.683 0 009.601 5.026h78.355a22.643 22.643 0 0117.17 7.881A22.644 22.644 0 00269.616 30h81.388a22.984 22.984 0 0021.552-15l1.295-3.498A17.623 17.623 0 01390.377 0H405a3 3 0 100-6h-15.069c-4.653 0-7.88-4.637-6.264-9 1.616-4.363-1.612-9-6.264-9H-63.403c-4.652 0-7.88 4.637-6.264 9 1.616 4.363-1.611 9-6.264 9H-81a3 3 0 100 6h8.727c4.906 0 9.293 3.054 10.997 7.654l2.72 7.346z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 -90 36)' d='M0 0h500v36H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 100%;
    height: 36px
}

@media (min-width: 640px) {
    .footer:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='1780' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M127.584 56.732A30.002 30.002 0 00141.2 60h227.374a30 30 0 0021.213-8.787l36.426-36.426A30 30 0 01447.426 6h56.407c7.47 0 14.635 2.968 19.917 8.25a28.167 28.167 0 0019.917 8.25h494.403c7.96 0 15.59 3.16 21.22 8.787l19.92 19.926A30.016 30.016 0 001100.43 60h74.17c8.66 0 16.39-5.386 19.4-13.5a20.686 20.686 0 0119.4-13.5h17.2c8.66 0 16.39 5.386 19.4 13.5a20.686 20.686 0 0019.4 13.5h283.84c8.15 0 15.96-3.318 21.61-9.19l8.3-8.62a29.997 29.997 0 0121.61-9.19h101.62c6.87 0 13.53-2.359 18.88-6.683l20.9-16.92A15.233 15.233 0 011755.75 6H1768c1.66 0 3-1.343 3-3s-1.34-3-3-3h-8.88c-.45 0-.65-.57-.3-.856a.492.492 0 00.18-.374V-24c0-16.569-13.43-30-30-30H54c-14.912 0-27 12.088-27 27v18a9 9 0 01-9 9h-6a3 3 0 100 6h12.308c2.415 0 4.795.571 6.947 1.667l96.329 49.065z' fill='%23C2D2F2'/%3E%3Cpath d='M141.666 50.833A29.998 29.998 0 00155.082 54h193.492a30 30 0 0021.213-8.787l36.426-36.426A30 30 0 01427.426 0h86.407c7.47 0 14.635 2.968 19.917 8.25a28.167 28.167 0 0019.917 8.25h494.403c7.96 0 15.59 3.16 21.22 8.787l19.92 19.926A30.016 30.016 0 001110.43 54h44.17c8.66 0 16.39-5.386 19.4-13.5a20.686 20.686 0 0119.4-13.5h47.2c8.66 0 16.39 5.386 19.4 13.5a20.686 20.686 0 0019.4 13.5h251.09c7.41 0 14.56-2.743 20.07-7.701l12.88-11.598A30.007 30.007 0 011583.51 27h103.88a30 30 0 0018.86-6.675l17.08-13.814A29.283 29.283 0 011741.74 0H1768c1.66 0 3-1.343 3-3s-1.34-3-3-3h-16.5c-10.77 0-19.5-8.73-19.5-19.5V-33c0-14.912-12.09-27-27-27H61c-14.912 0-27 12.088-27 27v14.5C34-11.596 28.404-6 21.5-6H12a3 3 0 100 6h22.08c3.893 0 7.733.907 11.215 2.648l96.371 48.185z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='matrix(1 0 0 -1 0 60)' d='M0 0h1780v60H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        height: 60px
    }
}

.course-about {
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.course-about__header {
    background-color: #694cbf;
    padding-top: 24px;
    padding-bottom: 48px
}

@media (min-width: 640px) {
    .course-about__header {
        padding-top: 42px;
        padding-bottom: 60px
    }
}

.course-about__content {
    margin: 60px 0
}

@media (min-width: 640px) {
    .course-about__content {
        margin: 90px 0
    }
}

.slider {
    position: relative;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    transition: background-color .25s
}

@media (min-width: 1024px) {
    .slider {
        border-radius: 18px
    }
}

.slider__progress {
    position: absolute;
    top: 6px;
    left: 27px;
    right: 27px
}

.slider__img {
    width: 100%
}

.progress {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.progress > * {
    margin-right: 6px
}

.progress > :last-child {
    margin-right: 0
}

.progress__item {
    cursor: pointer;
    height: 4px;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    border-radius: 12px;
    background-color: hsla(0, 0%, 100%, .4)
}

.progress__item-content, .progress__item-full-content {
    height: 100%;
    border-radius: 12px;
    background-color: #fff
}

.progress__item-content {
    min-width: 4px;
    width: 0;
    transition: width 3s;
    transition-timing-function: linear
}

.head {
    padding: 118px 0 18px;
    background: #907fce url(/img/img.51e71795.jpg) no-repeat 50% 0;
    background-size: contain
}

@media (min-width: 640px) {
    .head {
        padding-top: 178px;
        padding-bottom: 24px
    }
}

@media (min-width: 1024px) {
    .head {
        background: #907fce;
        padding-top: 72px;
        padding-bottom: 36px
    }
}

@media (min-width: 1280px) {
    .head {
        padding-bottom: 30px
    }
}

.head__slider-container {
    pointer-events: none;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 1;
    margin-bottom: 0
}

.head__slider-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.head__slider {
    pointer-events: auto;
    margin: 0 auto;
    width: 100%;
    height: 168px
}

@media (min-width: 1280px) {
    .head__slider {
        width: 432px;
        height: 244px
    }
}

.head__course {
    margin-bottom: 18px
}

.head__description {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #fff;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .head__description {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .head__description {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px;
        max-width: 480px;
        margin-bottom: 24px
    }
}

.head__stats {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 278px;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .head__stats {
        width: 360px;
        margin-bottom: 24px
    }
}

.head__stats > {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.head__stats > :not(:first-child) {
    border-left: 1px solid #836cc8;
    padding-left: 12px
}

@media (min-width: 1024px) {
    .head__stats > :not(:first-child) {
        padding-left: 24px
    }
}

.head__info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .head__info {
        margin-bottom: 12px
    }
}

.head__leader {
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff;
    padding: 3px 6px;
    background-color: #ff736b;
    border-radius: 16px;
    margin-right: 12px
}

@media (min-width: 640px) {
    .head__leader {
        font-weight: 800;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0;
        padding: 3px 12px;
        margin-right: 18px
    }
}

.head__price-block {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .head__price-block {
        margin-bottom: 0
    }
}

.head__buy-button {
    margin-bottom: 12px
}

@media (min-width: 1024px) {
    .head__buttons {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.course {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.course__img {
    width: 54px;
    height: 54px;
    margin-right: 12px
}

@media (min-width: 640px) {
    .course__img {
        width: 102px;
        height: 102px;
        margin-right: 24px
    }
}

.course__text {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    white-space: pre-wrap
}

@media (min-width: 640px) {
    .course__text {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) {
    .course__text {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.stat__title {
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #dcd1ff;
    text-transform: uppercase;
    margin-bottom: 3px
}

.stat__value {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #fff
}

@media (min-width: 1024px) {
    .stat__value {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.stat__footer {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    line-height: 18px;
    color: #dcd1ff
}

.stat__stars {
    margin-top: 3px;
    display: inline-block;
    width: 60px;
    height: 12px
}

.updates-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.updates-block__img {
    width: 18px;
    height: 18px;
    margin-right: 3px
}

@media (min-width: 640px) {
    .updates-block__img {
        margin-right: 6px
    }
}

.updates-block__text {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff
}

@media (min-width: 640px) {
    .updates-block__text {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0
    }
}

.price-block {
    display: block;
    position: relative;
    background-color: #fff;
    box-shadow: 0 10px 13px -4px rgba(35, 35, 95, .19);
    border-radius: 18px;
    padding: 12px 18px
}

@media (min-width: 640px) {
    .price-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 18px 94px 18px 24px
    }
}

.price-block__discount-badge {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    width: 82px;
    height: 42px;
    padding: 6px 12px 12px;
    text-align: right;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='82' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_441:19438)'%3E%3Cpath d='M76 36h6v3h-6v-3z' fill='%23FF6B6B'/%3E%3Cpath d='M76 36h3a3 3 0 013 3h-6v-3zM76 42h3a3 3 0 003-3h-6v3z' fill='%23B04141'/%3E%3Cpath d='M.255 5.265C-.608 2.675 1.319 0 4.05 0H78a4 4 0 014 4v32H4.05C1.32 36-.608 33.325.255 30.735l3.823-11.47a4 4 0 000-2.53L.255 5.265z' fill='%23FF6B6B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_441:19438'%3E%3Cpath fill='%23fff' d='M0 0h82v42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    position: absolute;
    top: 6px;
    right: -6px
}

@media (min-width: 640px) {
    .price-block__discount-badge {
        top: 24px
    }
}

.price-block__price {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    white-space: nowrap;
    height: 36px
}

@media (min-width: 640px) {
    .price-block__price {
        height: 48px
    }
}

.price-block__price-prefix {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #96a7b5;
    padding-bottom: 3px;
    margin-right: 12px
}

@media (min-width: 640px) {
    .price-block__price-prefix {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0;
        margin-right: 6px
    }
}

.price-block__price-value {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    color: #39414b;
    margin-right: 6px
}

.price-block__price-value--small {
    font-size: 24px;
    line-height: 27px
}

@media (min-width: 640px) {
    .price-block__price-value {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }
}

.price-block__price-postfix {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #96a7b5;
    padding-bottom: 3px
}

@media (min-width: 640px) {
    .price-block__price-postfix {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

@-webkit-keyframes flare-data-v-0d4d283f {
    0% {
        background-position-x: -48px
    }
    12%, to {
        background-position-x: calc(100% + 48px)
    }
}

@keyframes flare-data-v-0d4d283f {
    0% {
        background-position-x: -48px
    }
    12%, to {
        background-position-x: calc(100% + 48px)
    }
}

.buy-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    border-radius: 12px;
    background-color: #ffdf60;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.546 0H40L25.454 36H0L14.546 0z' fill='%23FFFA77'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: -48px;
    background-size: contain
}

.buy-button--animated {
    -webkit-animation: flare-data-v-0d4d283f 5s linear 2s;
    animation: flare-data-v-0d4d283f 5s linear 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.buy-button__loader {
    width: 36px;
    height: 36px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.buy-button__loader svg {
    width: 100%;
    height: 100%
}

.buy-button__loader svg path {
    fill: #39414b
}

.buy-button__content {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #39414b
}

.try-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 12px;
    height: 36px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.try-button:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.try-button__loader {
    width: 36px;
    height: 36px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.try-button__loader svg {
    width: 100%;
    height: 100%
}

.try-button__content {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #fff
}

.recommendations__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .recommendations__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 36px
    }
}

.recommendations__list {
    margin: -6px
}

@media (min-width: 640px) {
    .recommendations__list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -9px -15px
    }
}

@media (min-width: 1024px) {
    .recommendations__list {
        margin: -14px -15px
    }
}

.recommendations__item {
    padding: 6px
}

@media (min-width: 640px) {
    .recommendations__item {
        width: 50%;
        padding: 9px 15px
    }
}

@media (min-width: 1024px) {
    .recommendations__item {
        padding: 14px 15px
    }
}

.item {
    position: relative;
    padding-top: 12px;
    padding-left: 24px
}

@media (min-width: 640px) {
    .item {
        padding-top: 18px;
        padding-left: 15px
    }
}

@media (min-width: 1024px) {
    .item {
        padding-left: 0
    }
}

.item__number {
    font-weight: 900;
    font-size: 48px;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    color: #e7e7ff;
    text-align: center;
    font-size: 54px;
    line-height: 48px;
    width: 48px;
    left: 0
}

@media (min-width: 640px) {
    .item__number {
        font-size: 100px;
        line-height: 90px;
        width: 90px;
        left: -27px
    }
}

@media (min-width: 1024px) {
    .item__number {
        left: -42px
    }
}

.item__text {
    font-style: normal;
    font-weight: 400;
    color: #39414b;
    position: relative;
    z-index: 1
}

.item__text, .item__text--bold {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px
}

.item__text--bold {
    font-weight: 800
}

.benefits__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .benefits__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 36px
    }
}

.benefits__list > * {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .benefits__list > * {
        margin-bottom: 24px
    }
}

.benefits__list > :last-child {
    margin-bottom: 0
}

.item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 640px) {
    .item {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.item__img {
    width: 54px;
    height: 54px;
    margin-right: 12px
}

.item__content {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.item__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    margin-bottom: 6px;
    color: #39414b
}

@media (min-width: 640px) {
    .item__title {
        font-weight: 800;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px;
        margin-bottom: 0
    }
}

.item__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #39414b
}

@media (min-width: 640px) {
    .item__text {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.activity {
    overflow: hidden
}

.activity__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .activity__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 36px
    }
}

.activity__images-container {
    margin: 0 -12px 18px
}

@media (min-width: 640px) {
    .activity__images-container {
        margin: 0 0 24px
    }
}

.activity__images {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    padding: 0 12px
}

.activity__images > * {
    margin-right: 6px
}

@media (min-width: 640px) {
    .activity__images > * {
        margin-right: 12px
    }
}

.activity__images > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .activity__images {
        position: relative;
        padding: 0;
        width: 582px;
        height: 276px
    }
}

.activity__image {
    width: 133px;
    height: 192px;
    border-radius: 12px
}

@media (min-width: 640px) {
    .activity__image {
        width: 186px;
        height: 276px;
        border-radius: 18px;
        position: absolute;
        top: 0
    }

    .activity__image--0 {
        left: 0
    }

    .activity__image--1 {
        left: 198px
    }

    .activity__image--2 {
        left: 396px
    }
}

.activity__list > * {
    margin-bottom: 12px
}

.activity__list > :last-child {
    margin-bottom: 0
}

.activity__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.activity__item-img {
    width: 24px;
    margin-right: 12px
}

@media (min-width: 640px) {
    .activity__item-img {
        width: 36px
    }
}

.activity__item-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #39414b
}

@media (min-width: 640px) {
    .activity__item-text {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.problem {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 18px
}

@media (min-width: 640px) {
    .problem {
        padding: 36px 60px
    }
}

.problem__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b;
    text-align: center;
    white-space: pre-wrap;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .problem__text {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px;
        font-size: 16px
    }
}

.problem__img {
    display: block;
    margin: 0 auto
}

.problems {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #907fce;
    padding: 24px 0
}

@media (min-width: 640px) {
    .problems {
        padding: 42px 0
    }
}

.problems__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .problems__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.problems__buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 18px
}

.problems__buttons > * {
    margin-right: 6px
}

.problems__buttons > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .problems__buttons {
        margin-bottom: 24px
    }
}

.problems__button {
    font-style: normal;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    color: #fff;
    width: 132px;
    border: 1px solid #fff;
    border-radius: 12px
}

.problems__button--selected, .problems__button {
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    line-height: 34px
}

.problems__button--selected {
    font-weight: 800;
    color: #39414b;
    background-color: #ffdf60;
    border-color: #ffdf60
}

.problems__container {
    position: relative;
    margin: 0 -12px
}

@media (min-width: 640px) {
    .problems__container {
        margin: 0 -24px 24px
    }
}

@media (min-width: 1024px) {
    .problems__container {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='678' height='426' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39 18c0-9.389 7.611-17 17-17h566c9.389 0 17 7.611 17 17v391H39V18z' fill='%23907FCE' stroke='%237866B9' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M336.21 47.316a1.872 1.872 0 100-3.743 1.872 1.872 0 000 3.743z' fill='%237866B9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M336.21 46.614a1.17 1.17 0 100-2.34 1.17 1.17 0 000 2.34z' fill='%237866B9'/%3E%3Cpath opacity='.4' fill-rule='evenodd' clip-rule='evenodd' d='M336.209 45.21a.234.234 0 100-.469.234.234 0 000 .468z' fill='%237866B9'/%3E%3Cpath d='M0 410.325V407h678v3.325a6 6 0 01-4.854 5.89l-29.439 5.729A166.073 166.073 0 01611.999 425H66.001a166.073 166.073 0 01-31.708-3.056l-29.44-5.729A6 6 0 010 410.325z' fill='%237866B9'/%3E%3Cpath d='M301.643 413.52h69.612c3.669 0 6.643-2.919 6.643-6.52H295c0 3.601 2.974 6.52 6.643 6.52z' fill='%236E5DAB'/%3E%3C/svg%3E") no-repeat;
        background-size: contain;
        margin: 0 auto 24px;
        width: 617px;
        height: 388px
    }
}

@media (min-width: 1280px) {
    .problems__container {
        width: 678px;
        height: 426px;
        margin-bottom: 36px
    }
}

.problems__container--junior {
    margin-bottom: 0
}

.problems__boxes {
    overflow: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 6px
}

@media (min-width: 640px) {
    .problems__boxes {
        padding: 0 18px
    }
}

@media (min-width: 1024px) {
    .problems__boxes {
        display: block;
        padding: 0
    }
}

.problems__box-wrapper {
    padding: 0 6px
}

@media (max-width: 1023.98px) {
    .problems__box-wrapper {
        display: block !important
    }
}

@media (min-width: 1024px) {
    .problems__box-wrapper {
        position: absolute;
        top: 22px;
        left: 50%;
        z-index: 1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 0
    }

    .problems__box-wrapper--selected {
        z-index: 2
    }
}

.problems__box {
    width: 224px;
    height: 294px
}

@media (min-width: 640px) {
    .problems__box {
        width: 516px;
        height: 330px
    }
}

@media (min-width: 1024px) {
    .problems__box {
        border: 2px solid #7866b9;
        background-color: #fafbff
    }
}

@media (min-width: 1280px) {
    .problems__box {
        top: 24px;
        width: 566px;
        height: 362px
    }
}

.problems__problem {
    border-radius: 18px;
    width: 100%;
    height: 100%
}

@media (min-width: 1024px) {
    .problems__problem {
        border-radius: 0
    }
}

.problems__problem--next, .problems__problem--prev {
    position: absolute;
    top: 0
}

.problems__problem--next {
    left: calc(100% + 12px)
}

.problems__problem--prev {
    right: calc(100% + 12px)
}

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

.problems__selector > * {
    margin-right: 12px
}

.problems__selector > :last-child {
    margin-right: 0
}

.problems__arrow {
    cursor: pointer;
    width: 42px;
    height: 42px;
    background-color: #fff;
    border-radius: 12px;
    padding: 3px
}

.problems__arrow-img {
    width: 36px;
    height: 36px
}

.problems__arrow-img--right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.problems__number {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    cursor: pointer;
    padding: 9px 0;
    color: #907fce;
    width: 42px;
    height: 42px;
    background: #7866b9;
    border-radius: 12px
}

.problems__number--selected {
    background-color: #fff
}

@media (min-width: 1024px) {
    .problem-change-enter-active {
        transition: opacity .3s
    }

    .problem-change-leave-to {
        opacity: 1
    }

    .problem-change-enter {
        opacity: 0
    }
}

.category__head {
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 6px 0
}

.category__image {
    width: 54px;
    height: 36px;
    margin-right: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.category__name {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

@media (min-width: 640px) {
    .category__name {
        margin-right: 6px
    }
}

.category__arrow {
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    cursor: pointer;
    width: 24px;
    height: 24px
}

.category__arrow--rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.category__body {
    background-color: #d7dbea;
    margin: 0 -12px;
    padding: 0 12px
}

@media (min-width: 640px) {
    .category__body {
        margin: 0 -24px;
        padding: 0 24px
    }
}

.category__threads {
    padding: 18px 0
}

.category__threads > * {
    margin-bottom: 6px
}

.category__threads > :last-child {
    margin-bottom: 0
}

.thread {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    padding: 6px 12px;
    background-color: #fff
}

.thread__image {
    width: 46px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 12px
}

.thread__name {
    font-weight: 800;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-right: 12px
}

.category__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #39414b;
    text-transform: uppercase;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .category__title {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0;
        margin-bottom: 12px
    }
}

.category__item {
    border-top: 1px solid #ebeefa
}

.course__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .course__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.course__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .course__subtitle {
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 42px
    }
}

.course__list {
    background-color: #fff;
    border-radius: 18px;
    padding: 24px 12px 12px
}

.course__list > * {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .course__list > * {
        margin-bottom: 30px
    }
}

.course__list > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .course__list {
        padding: 36px 24px 18px
    }
}

.gamification {
    background-color: #97ca8e
}

.gamification__info {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 214px
}

@media (min-width: 640px) {
    .gamification__info {
        position: relative;
        height: 402px
    }
}

.gamification__img {
    position: absolute;
    top: -12px;
    right: 100%;
    width: 180px
}

@media (min-width: 640px) {
    .gamification__img {
        top: -30px;
        right: calc(100% + 24px);
        width: 396px
    }
}

@media (min-width: 1024px)and (max-width: 1279.98px) {
    .gamification__img {
        right: calc(100% + 42px)
    }
}

.gamification__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #fff;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .gamification__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 18px
    }
}

.gamification__items {
    margin-bottom: 24px
}

.gamification__items > * {
    margin-bottom: 3px
}

@media (min-width: 640px) {
    .gamification__items > * {
        margin-bottom: 6px
    }
}

.gamification__items > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .gamification__items {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px;
        margin-bottom: 30px
    }
}

.gamification__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.gamification__item-img {
    width: 18px;
    margin-right: 6px
}

@media (min-width: 640px) {
    .gamification__item-img {
        width: 24px
    }
}

@media (min-width: 1024px)and (max-width: 1279.98px) {
    .gamification__item-img {
        width: 18px
    }
}

.gamification__item-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff
}

@media (min-width: 640px) {
    .gamification__item-text {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

@media (min-width: 1024px)and (max-width: 1279.98px) {
    .gamification__item-text {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0
    }
}

.gamification__platforms {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 18px
}

.gamification__platforms > * {
    margin-right: 18px
}

.gamification__platforms > :last-child {
    margin-right: 0
}

@media (min-width: 640px) {
    .gamification__platforms {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-bottom: 0
    }
}

.platform {
    text-align: center
}

.platform__img {
    width: 42px;
    height: 42px
}

.platform__name {
    font-weight: 900;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    padding: 3px 0;
    line-height: 18px;
    color: #39414b
}

.certificates {
    overflow: hidden
}

.certificates__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .certificates__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.certificates__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .certificates__text {
        margin-bottom: 24px
    }
}

.certificates__images {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -12px;
    padding: 0 6px;
    overflow: auto
}

@media (min-width: 640px) {
    .certificates__images {
        margin: -12px;
        padding: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.certificates__image-container {
    padding: 0 6px
}

@media (min-width: 640px) {
    .certificates__image-container {
        padding: 12px
    }
}

.certificates__image {
    width: 174px;
    height: 174px;
    border-radius: 12px
}

.review {
    position: relative;
    background-color: #fff;
    border-radius: 12px;
    padding: 12px
}

@media (min-width: 640px) {
    .review {
        padding: 18px 24px;
        box-shadow: 0 1px 4px rgba(57, 65, 75, .25)
    }
}

.review__head {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .review__head {
        margin-bottom: 12px
    }
}

.review__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #39414b;
    overflow-wrap: break-word;
    margin-bottom: 12px
}

.review__text:last-child {
    margin-bottom: 0
}

.review__date {
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #39414b;
    display: inline-block;
    background-color: #f1f4f9;
    border-radius: 16px;
    padding: 3px 12px
}

.review__date--red {
    color: #fff;
    background: #f26d60
}

.head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.head__avatar {
    width: 54px;
    height: 54px;
    margin-right: 12px
}

.head__content {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: hidden;
    padding-top: 3px
}

@media (min-width: 640px) {
    .head__content {
        margin-right: 12px
    }
}

.head__stars {
    width: 90px;
    margin-bottom: 6px
}

.head__name {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #39414b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.head__flag {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 6px;
    right: 12px
}

@media (min-width: 640px) {
    .head__flag {
        width: 42px;
        height: 42px;
        position: static
    }
}

.reviews__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .reviews__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 36px
    }
}

.reviews__list, .reviews__list > * {
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .reviews__list > * {
        margin-bottom: 12px
    }
}

.reviews__list:last-child, .reviews__list > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .reviews__list {
        margin-bottom: 36px
    }

    .reviews__list:last-child {
        margin-bottom: 0
    }
}

.reviews__load-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    cursor: pointer;
    border: 1px solid #7594ff;
    border-radius: 12px;
    width: 100%
}

@media (min-width: 640px) {
    .reviews__load-button {
        max-width: 288px
    }
}

.reviews__load-button-loader {
    width: 36px;
    height: 36px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.reviews__load-button-loader svg {
    width: 100%;
    height: 100%
}

.reviews__load-button-loader svg path {
    fill: #7594ff
}

.reviews__load-button-content {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #7594ff
}

.faq {
    background-color: #fff;
    padding: 24px 0 42px
}

@media (min-width: 640px) {
    .faq {
        padding: 42px 0 60px
    }
}

.faq__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 18px
}

@media (min-width: 640px) {
    .faq__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        margin-bottom: 36px
    }
}

.faq__item {
    border-bottom: 1px solid #e2e3e9
}

.faq__item:first-child {
    border-top: 1px solid #e2e3e9
}

@media (min-width: 640px) {
    .faq__item:first-child {
        border-top: none
    }
}

.faq-item {
    padding: 12px 0
}

@media (min-width: 640px) {
    .faq-item {
        padding: 18px 0
    }

    .faq-item:first-child {
        padding-top: 0
    }
}

.faq-item__head {
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    transition: margin-bottom .25s
}

@media (min-width: 640px) {
    .faq-item__head {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.faq-item__head--opened {
    margin-bottom: 12px
}

.faq-item__question {
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    color: #39414b;
    margin-right: 6px
}

@media (min-width: 640px) {
    .faq-item__question {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.faq-item__arrow {
    width: 24px;
    height: 24px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.faq-item__arrow--rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-item__answer {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #39414b
}

@media (min-width: 640px) {
    .faq-item__answer {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.1px
    }
}

.faq-item__answer a {
    color: #5cbb73;
    text-decoration: none
}

.faq-item__answer a:hover {
    text-decoration: underline
}

.side-menu-wrapper {
    padding-top: 18px;
    padding-bottom: 36px;
    width: 100%
}

.side-menu {
    position: relative;
    pointer-events: auto;
    background-color: #fff;
    box-shadow: 0 10px 13px -4px rgba(35, 35, 95, .19);
    border-radius: 18px;
    width: 100%;
    padding: 24px
}

@media (min-width: 1280px) {
    .side-menu {
        padding: 24px 30px;
        width: 348px;
        margin: 0 auto
    }
}

.side-menu__discount-badge {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    width: 82px;
    height: 42px;
    padding: 6px 12px 12px;
    text-align: right;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='82' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_441:19438)'%3E%3Cpath d='M76 36h6v3h-6v-3z' fill='%23FF6B6B'/%3E%3Cpath d='M76 36h3a3 3 0 013 3h-6v-3zM76 42h3a3 3 0 003-3h-6v3z' fill='%23B04141'/%3E%3Cpath d='M.255 5.265C-.608 2.675 1.319 0 4.05 0H78a4 4 0 014 4v32H4.05C1.32 36-.608 33.325.255 30.735l3.823-11.47a4 4 0 000-2.53L.255 5.265z' fill='%23FF6B6B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_441:19438'%3E%3Cpath fill='%23fff' d='M0 0h82v42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    background-size: cover;
    position: absolute;
    top: 18px;
    right: -6px
}

@media (min-width: 1280px) {
    .side-menu__discount-badge {
        top: 30px
    }
}

.side-menu__price-loader-container {
    margin-bottom: 12px
}

.side-menu__price-loader {
    height: 48px;
    width: 48px
}

.side-menu__price-block, .side-menu__price {
    margin-bottom: 12px
}

.side-menu__price {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 27px
}

.side-menu__price:last-child {
    margin-bottom: 0
}

@media (min-width: 1280px) {
    .side-menu__price {
        min-height: 36px
    }
}

.side-menu__price-prefix {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #96a7b5
}

@media (min-width: 1280px) {
    .side-menu__price-prefix {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.side-menu__price-value {
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0;
    color: #39414b;
    margin-right: 6px
}

.side-menu__price-value--small {
    font-size: 24px;
    line-height: 27px
}

@media (min-width: 1280px) {
    .side-menu__price-value {
        font-weight: 900;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: 0
    }

    .side-menu__price-value--small {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0
    }
}

.side-menu__price-postfix {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #96a7b5;
    padding-bottom: 3px
}

@media (min-width: 1280px) {
    .side-menu__price-postfix {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.side-menu__benefits-title {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b;
    margin-bottom: 12px
}

@media (min-width: 1024px) {
    .side-menu__benefits > * {
        margin-bottom: 6px
    }
}

@media (min-width: 1280px) {
    .side-menu__benefits > * {
        margin-bottom: 12px
    }
}

.side-menu__benefits > :last-child {
    margin-bottom: 0
}

.side-menu__buy-button {
    margin-bottom: 12px
}

.side-menu__try-button {
    margin-bottom: 24px
}

.benefit {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.benefit__img {
    width: 18px;
    height: 18px;
    margin-right: 12px
}

.benefit__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #39414b;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

@-webkit-keyframes flare-data-v-409c885c {
    0% {
        background-position-x: -66px
    }
    12%, to {
        background-position-x: calc(100% + 66px)
    }
}

@keyframes flare-data-v-409c885c {
    0% {
        background-position-x: -66px
    }
    12%, to {
        background-position-x: calc(100% + 66px)
    }
}

.buy-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    border-radius: 12px;
    background-color: #ffdf60;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='66' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0h42L42 60H0L24 0z' fill='%23FFFA77'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: -66px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.buy-button:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.buy-button--animated {
    -webkit-animation: flare-data-v-409c885c 5s linear 2s;
    animation: flare-data-v-409c885c 5s linear 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.buy-button__loader {
    width: 42px;
    height: 42px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.buy-button__loader svg {
    width: 100%;
    height: 100%
}

.buy-button__loader svg path {
    fill: #39414b
}

.buy-button__content {
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0;
    color: #39414b
}

.try-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #7594ff;
    border-radius: 12px;
    height: 42px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.try-button:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.try-button__loader {
    width: 36px;
    height: 36px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.try-button__loader svg {
    width: 100%;
    height: 100%
}

.try-button__loader svg path {
    fill: #7594ff
}

.try-button__content {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #7594ff
}

.footer {
    background-color: #544f92
}


.footer__content {
    position: relative;
    padding-top: 232px;
    padding-bottom: 24px
}

@media (min-width: 640px) {
    .footer__content {
        padding-top: 306px;
        padding-bottom: 48px
    }
}

@media (min-width: 1024px) {
    .footer__content {
        padding-top: 60px;
        padding-bottom: 74px;
        min-height: 434px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__img {
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300px;
    height: 234px
}

@media (min-width: 640px) {
    .footer__img {
        top: -22px;
        width: 378px;
        height: 295px
    }
}

@media (min-width: 1024px) {
    .footer__img {
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
        -webkit-transform: none;
        transform: none;
        width: 498px;
        height: 377px
    }
}

@media (min-width: 1280px) {
    .footer__img {
        width: 594px;
        height: 450px
    }
}

.footer__title {
    font-weight: 800;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    text-align: center;
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .footer__title {
        font-weight: 900;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: 0;
        text-align: left
    }
}

.footer__list {
    margin-bottom: 24px
}

.footer__list > * {
    margin-bottom: 12px
}

.footer__list:last-child, .footer__list > :last-child {
    margin-bottom: 0
}

@media (min-width: 640px) {
    .footer__list {
        margin-bottom: 36px
    }

    .footer__list:last-child {
        margin-bottom: 0
    }
}

.footer__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__item-ic {
    width: 36px;
    height: 36px;
    margin-right: 12px
}

.footer__item-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.1px;
    color: #fff
}

@media (min-width: 640px) {
    .footer__item-text {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0
    }
}

.footer__email-title {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .footer__email-title {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

@media (min-width: 640px) {
    .footer__controls-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 1024px) {
    .footer__controls-block {
        max-width: 458px
    }
}

.footer__input-block {
    position: relative;
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .footer__input-block {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        margin-bottom: 0;
        margin-right: 12px
    }
}

.footer__input {
    position: relative;
    z-index: 1
}

.footer__error {
    margin-top: -4px
}

@media (min-width: 640px) {
    .footer__error {
        position: absolute;
        top: 100%;
        z-index: 0
    }
}

.footer__save-button {
    z-index: 1
}

@media (min-width: 640px) {
    .footer__buttons {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer__buy-button {
    margin-bottom: 12px
}

@media (min-width: 640px) {
    .footer__buy-button {
        margin-bottom: 0;
        margin-right: 30px;
        width: 277px
    }
}

@media (min-width: 640px) {
    .footer__try-button {
        width: 174px
    }
}

.email__help {
    color: #39414b;
    text-align: left
}

.email__help > * {
    margin-bottom: 6px
}

.email__help > :last-child {
    margin-bottom: 0
}

.email__help-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

.email__text-link {
    text-decoration: underline
}

.save-button {
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #5cbb73;
    border-radius: 12px;
    height: 36px
}

@media (min-width: 640px) {
    .save-button {
        height: 42px;
        width: 133px
    }
}

.save-button__loader {
    width: 24px;
    height: 24px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

@media (min-width: 640px) {
    .save-button__loader {
        width: 30px;
        height: 30px
    }
}

.save-button__loader svg {
    width: 100%;
    height: 100%
}

.save-button__loader svg path {
    fill: #fff
}

.save-button__content {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff
}

@media (min-width: 640px) {
    .save-button__content {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

@-webkit-keyframes flare-data-v-3a762fea {
    0% {
        background-position-x: -66px
    }
    12%, to {
        background-position-x: calc(100% + 66px)
    }
}

@keyframes flare-data-v-3a762fea {
    0% {
        background-position-x: -66px
    }
    12%, to {
        background-position-x: calc(100% + 66px)
    }
}

.buy-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 42px;
    border-radius: 12px;
    background-color: #ffdf60;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.546 0H40L25.454 36H0L14.546 0z' fill='%23FFFA77'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: -66px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.buy-button:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

@media (min-width: 640px) {
    .buy-button {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='66' height='60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 0h42L42 60H0L24 0z' fill='%23FFFA77'/%3E%3C/svg%3E");
        height: 60px
    }
}

.buy-button--animated {
    -webkit-animation: flare-data-v-3a762fea 5s linear 2s;
    animation: flare-data-v-3a762fea 5s linear 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.buy-button__loader {
    width: 42px;
    height: 42px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.buy-button__loader svg {
    width: 100%;
    height: 100%
}

.buy-button__loader svg path {
    fill: #39414b
}

.buy-button__content {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #39414b
}

@media (min-width: 640px) {
    .buy-button__content {
        font-weight: 800;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0
    }
}

.try-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 12px;
    height: 36px;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.try-button:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

@media (min-width: 640px) {
    .try-button {
        height: 60px
    }
}

.try-button__loader {
    width: 36px;
    height: 36px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

@media (min-width: 640px) {
    .try-button__loader {
        width: 42px;
        height: 42px
    }
}

.try-button__loader svg {
    width: 100%;
    height: 100%
}

.try-button__content {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #fff
}

.footer-container {
    height: 66px
}

.footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 64px;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #dae2e9;
    padding: 10px 0
}

@supports (margin-bottom:constant(safe-area-inset-bottom)) {
    .footer {
        margin-bottom: constant(safe-area-inset-bottom)
    }
}

@supports (margin-bottom:env(safe-area-inset-bottom)) {
    .footer {
        margin-bottom: env(safe-area-inset-bottom)
    }
}

@media (min-width: 640px) {
    .footer {
        bottom: 94px;
        padding: 9px 0
    }
}

.footer__grid {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__discount {
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #fff;
    display: inline-block;
    padding: 0 6px;
    background-color: #ff6b6b;
    border-radius: 16px;
    margin-bottom: 3px
}

@media (min-width: 640px) {
    .footer__discount {
        font-weight: 800;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0;
        padding: 3px 12px;
        margin-bottom: 6px
    }
}

.footer__loader {
    width: 36px;
    height: 36px
}

@media (min-width: 640px) {
    .footer__loader {
        width: 42px;
        height: 42px
    }
}

.footer__price {
    font-weight: 800;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #39414b
}

@media (min-width: 640px) {
    .footer__price {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }

    .footer__price--small {
        font-weight: 800;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0
    }
}

.footer__price-postfix {
    font-weight: 800;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0;
    color: #96a7b5
}

@-webkit-keyframes flare-data-v-708e96e0 {
    0% {
        background-position-x: -48px
    }
    12%, to {
        background-position-x: calc(100% + 48px)
    }
}

@keyframes flare-data-v-708e96e0 {
    0% {
        background-position-x: -48px
    }
    12%, to {
        background-position-x: calc(100% + 48px)
    }
}

.buy-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    border-radius: 12px;
    background-color: #ffdf60;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.546 0H40L25.454 36H0L14.546 0z' fill='%23FFFA77'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: -48px
}

.buy-button--animated {
    -webkit-animation: flare-data-v-708e96e0 5s linear 2s;
    animation: flare-data-v-708e96e0 5s linear 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media (min-width: 640px) {
    .buy-button {
        height: 42px;
        background-size: contain
    }
}

.buy-button__loader {
    width: 36px;
    height: 36px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.buy-button__loader svg {
    width: 100%;
    height: 100%
}

.buy-button__loader svg path {
    fill: #39414b
}

.buy-button__content {
    font-weight: 800;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 0;
    color: #39414b
}

@media (min-width: 640px) {
    .buy-button__content {
        font-weight: 800;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -.1px
    }
}

.try-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #7594ff;
    border-radius: 12px;
    height: 42px
}

.try-button__loader {
    width: 36px;
    height: 36px;
    -webkit-animation: loader-spin 1.5s ease-in-out infinite;
    animation: loader-spin 1.5s ease-in-out infinite
}

.try-button__loader svg {
    width: 100%;
    height: 100%
}

.try-button__loader svg path {
    fill: #7594ff
}

.try-button__content {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -.1px;
    color: #7594ff
}

.about {
    background-color: #fbfbfd
}

@media (min-width: 640px)and (max-width: 1023.98px) {
    .about .content-wrapper {
        max-width: 800px
    }
}

.about__content {
    position: relative
}

.about__side-wrapper {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 216px
}

@media (min-width: 1280px) {
    .about__side-wrapper {
        padding-top: 272px
    }
}

.about__side-container {
    height: 100%
}

.about__head {
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .about__head {
        margin-bottom: 54px
    }
}

.about__benefits, .about__certificates, .about__recommendations {
    margin-bottom: 48px
}

@media (min-width: 640px) {
    .about__benefits, .about__certificates, .about__recommendations {
        margin-bottom: 60px
    }
}

.about__activity, .about__problems, .about__reviews {
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .about__activity, .about__problems, .about__reviews {
        margin-bottom: 60px
    }
}

.about__course {
    margin-bottom: 36px
}

@media (min-width: 640px) {
    .about__course {
        margin-bottom: 84px
    }
}

.about__gamification {
    margin-bottom: 24px
}

@media (min-width: 640px) {
    .about__gamification {
        margin-bottom: 90px
    }
}

.theory-preview {
    height: 100%;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 640px) {
    .theory-preview {
        padding: 0 24px 6px
    }
}

@media (min-width: 1024px) {
    .theory-preview {
        padding: 0 42px 6px
    }
}

@media (min-width: 1280px) {
    .theory-preview {
        width: 83.3333333333%;
        padding: 6px 42px
    }
}

.theory-preview__layout {
    height: 100%
}

.theory-preview__layout .layout-page__body--bordered {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px
}

@media (min-width: 640px) {
    .theory-preview__layout .layout-page__body--bordered {
        border-radius: 16px
    }
}

.theory-preview__content {
    width: 100%;
    padding: 24px 12px 0;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow-y: auto
}

@media (min-width: 640px) {
    .theory-preview__content {
        padding: 24px 24px 0
    }
}

@media (min-width: 1024px) {
    .theory-preview__content {
        padding: 30px 30px 0
    }
}

@media (min-width: 1280px) {
    .theory-preview__content {
        padding: 42px
    }
}
































@charset "UTF-8";
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:247,249,251;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#f7f9fb;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:0.125rem;--bs-border-radius-sm:0.15rem;--bs-border-radius-lg:0.2rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--bs-body-bg);color:var(--bs-body-color);font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);margin:0;text-align:var(--bs-body-text-align)}hr{border:0;border-top:1px solid;color:inherit;margin:1rem 0;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-bottom:1rem;margin-top:0}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-bottom:1rem;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{background-color:var(--bs-highlight-bg);padding:.1875em}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--bs-link-color);text-decoration:none}a:hover{color:var(--bs-link-hover-color);text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;font-size:.875em;margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{word-wrap:break-word;color:var(--bs-code-color);font-size:.875em}a>code{color:inherit}kbd{background-color:var(--bs-body-color);border-radius:.15rem;color:var(--bs-body-bg);font-size:.875em;padding:.1875rem .375rem}kbd kbd{font-size:1em;padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{float:left;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0;width:100%}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-inline,.list-unstyled{list-style:none;padding-left:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{font-size:1.25rem;margin-bottom:1rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{color:#6c757d;font-size:.875em;margin-bottom:1rem;margin-top:-1rem}.blockquote-footer:before{content:"— "}.img-fluid,.img-thumbnail{height:auto;max-width:100%}.img-thumbnail{background-color:#f7f9fb;border:1px solid var(--bs-border-color);border-radius:.125rem;padding:.25rem}.figure{display:inline-block}.figure-img{line-height:1;margin-bottom:.5rem}.figure-caption{color:#6c757d;font-size:.875em}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0,0,0,.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0,0,0,.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0,0,0,.075);border-color:var(--bs-table-border-color);color:var(--bs-table-color);margin-bottom:1rem;vertical-align:top;width:100%}.table>:not(caption)>*>*{background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);padding:.5rem}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000}.table-primary,.table-secondary{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000}.table-info,.table-success{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000}.table-danger,.table-warning{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000}.table-dark,.table-light{border-color:var(--bs-table-border-color);color:var(--bs-table-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}.form-label{margin-bottom:.5rem}.col-form-label{font-size:inherit;line-height:1.5;margin-bottom:0;padding-bottom:calc(.375rem + 1px);padding-top:calc(.375rem + 1px)}.col-form-label-lg{font-size:1.25rem;padding-bottom:calc(.5rem + 1px);padding-top:calc(.5rem + 1px)}.col-form-label-sm{font-size:.875rem;padding-bottom:calc(.25rem + 1px);padding-top:calc(.25rem + 1px)}.form-text{color:#6c757d;font-size:.875em;margin-top:.25rem}.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-color:#f7f9fb;border:1px solid #ced4da;border-radius:.125rem;color:#212529;display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{background-color:#f7f9fb;border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);color:#212529;outline:0}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{-webkit-margin-end:.75rem;background-color:#e9ecef;border:0 solid;border-color:inherit;border-inline-end-width:1px;border-radius:0;color:#212529;margin:-.375rem -.75rem;margin-inline-end:.75rem;padding:.375rem .75rem;pointer-events:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control-plaintext{background-color:transparent;border:solid transparent;border-width:1px 0;color:#212529;display:block;line-height:1.5;margin-bottom:0;padding:.375rem 0;width:100%}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{border-radius:.15rem;font-size:.875rem;min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem}.form-control-sm::file-selector-button{-webkit-margin-end:.5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-lg{border-radius:.2rem;font-size:1.25rem;min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem}.form-control-lg::file-selector-button{-webkit-margin-end:1rem;margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{height:calc(1.5em + .75rem + 2px);padding:.375rem;width:3rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:.125rem}.form-control-color::-webkit-color-swatch{border-radius:.125rem}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + 2px)}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}.form-select{-moz-padding-start:calc(.75rem - 3px);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f7f9fb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #ced4da;border-radius:.125rem;color:#212529;display:block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem 2.25rem .375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none;padding-right:.75rem}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{border-radius:.15rem;font-size:.875rem;padding-bottom:.25rem;padding-left:.5rem;padding-top:.25rem}.form-select-lg{border-radius:.2rem;font-size:1.25rem;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.form-check{display:block;margin-bottom:.125rem;min-height:1.5rem;padding-left:1.5em}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-left:0;padding-right:1.5em;text-align:right}.form-check-reverse .form-check-input{float:right;margin-left:0;margin-right:-1.5em}.form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f7f9fb;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);height:1em;margin-top:.25em;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top;width:1em}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");border-color:#0d6efd}.form-check-input:disabled{filter:none;opacity:.5;pointer-events:none}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");background-position:0;border-radius:2em;margin-left:-2.5em;transition:background-position .15s ease-in-out;width:2em}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")}.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-position:100%}.form-switch.form-check-reverse{padding-left:0;padding-right:2.5em}.form-switch.form-check-reverse .form-check-input{margin-left:0;margin-right:-2.5em}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{filter:none;opacity:.65;pointer-events:none}.form-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;height:1.5rem;padding:0;width:100%}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #f7f9fb,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #f7f9fb,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;height:1rem;margin-top:-.25rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;height:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{background-color:#dee2e6;border-color:transparent;border-radius:1rem;color:transparent;cursor:pointer;height:.5rem;width:100%}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{border:1px solid transparent;height:100%;left:0;overflow:hidden;padding:1rem .75rem;pointer-events:none;position:absolute;text-align:start;text-overflow:ellipsis;top:0;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;white-space:nowrap;width:100%}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-select{padding-bottom:.625rem;padding-top:1.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:1px 0}.input-group{align-items:stretch;display:flex;flex-wrap:wrap;position:relative;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{flex:1 1 auto;min-width:0;position:relative;width:1%}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.125rem;color:#212529;display:flex;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;white-space:nowrap}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{border-radius:.2rem;font-size:1.25rem;padding:.5rem 1rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{border-radius:.15rem;font-size:.875rem;padding:.25rem .5rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-bottom-right-radius:0;border-top-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-bottom-left-radius:0;border-top-left-radius:0}.valid-feedback{color:#198754;display:none;font-size:.875em;margin-top:.25rem;width:100%}.valid-tooltip{background-color:rgba(25,135,84,.9);border-radius:.125rem;color:#fff;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#198754;padding-right:calc(1.5em + .75rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3.75rem + 1.5em)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{color:#dc3545;display:none;font-size:.875em;margin-top:.25rem;width:100%}.invalid-tooltip{background-color:rgba(220,53,69,.9);border-radius:.125rem;color:#fff;display:none;font-size:.875rem;margin-top:.1rem;max-width:100%;padding:.25rem .5rem;position:absolute;top:100%;z-index:5}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);border-color:#dc3545;padding-right:calc(1.5em + .75rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3.75rem + 1.5em)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.125rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);background-color:var(--bs-btn-bg);border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);color:var(--bs-btn-color);cursor:pointer;display:inline-block;font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);color:var(--bs-btn-hover-color);text-decoration:none}.btn-check+.btn:hover{background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color);color:var(--bs-btn-color)}.btn:focus-visible{background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);box-shadow:var(--bs-btn-focus-box-shadow);color:var(--bs-btn-hover-color);outline:0}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);box-shadow:var(--bs-btn-focus-box-shadow);outline:0}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color);color:var(--bs-btn-active-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);color:var(--bs-btn-disabled-color);opacity:var(--bs-btn-disabled-opacity);pointer-events:none}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:none}.btn-link:focus-visible,.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.2rem}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.15rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{height:auto;transition:width .35s ease;width:0}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.125rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.125rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--bs-dropdown-bg);border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);color:var(--bs-dropdown-color);display:none;font-size:var(--bs-dropdown-font-size);list-style:none;margin:0;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--bs-dropdown-zindex)}.dropdown-menu[data-bs-popper]{left:0;margin-top:var(--bs-dropdown-spacer);top:100%}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{left:auto;right:0}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{left:auto;right:0}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{left:auto;right:0}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{left:auto;right:0}}.dropup .dropdown-menu[data-bs-popper]{bottom:100%;margin-bottom:var(--bs-dropdown-spacer);margin-top:0;top:auto}.dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{left:100%;margin-left:var(--bs-dropdown-spacer);margin-top:0;right:auto;top:0}.dropend .dropdown-toggle:after{border-bottom:.3em solid transparent;border-left:.3em solid;border-right:0;border-top:.3em solid transparent;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{left:auto;margin-right:var(--bs-dropdown-spacer);margin-top:0;right:100%;top:0}.dropstart .dropdown-toggle:after{content:"";display:inline-block;display:none;margin-left:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:before{border-bottom:.3em solid transparent;border-right:.3em solid;border-top:.3em solid transparent;content:"";display:inline-block;margin-right:.255em;vertical-align:.255em}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{border-top:1px solid var(--bs-dropdown-divider-bg);height:0;margin:var(--bs-dropdown-divider-margin-y) 0;opacity:1;overflow:hidden}.dropdown-item{background-color:transparent;border:0;clear:both;color:var(--bs-dropdown-link-color);display:block;font-weight:400;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);text-align:inherit;white-space:nowrap;width:100%}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--bs-dropdown-link-hover-bg);color:var(--bs-dropdown-link-hover-color);text-decoration:none}.dropdown-item.active,.dropdown-item:active{background-color:var(--bs-dropdown-link-active-bg);color:var(--bs-dropdown-link-active-color);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{background-color:transparent;color:var(--bs-dropdown-link-disabled-color);pointer-events:none}.dropdown-menu.show{display:block}.dropdown-header{color:var(--bs-dropdown-header-color);display:block;font-size:.875rem;margin-bottom:0;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);white-space:nowrap}.dropdown-item-text{color:var(--bs-dropdown-link-color);display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:hsla(0,0%,100%,.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{display:inline-flex;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{flex:1 1 auto;position:relative}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:.125rem}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-bottom-left-radius:0;border-top-left-radius:0}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{align-items:flex-start;flex-direction:column;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.nav-link{color:var(--bs-nav-link-color);display:block;font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color);text-decoration:none}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);cursor:default;pointer-events:none}.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.125rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#f7f9fb;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #f7f9fb;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{background:none;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius);margin-bottom:calc(var(--bs-nav-tabs-border-width)*-1)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:var(--bs-nav-tabs-link-hover-border-color);isolation:isolate}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{background-color:transparent;border-color:transparent;color:var(--bs-nav-link-disabled-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color);color:var(--bs-nav-tabs-link-active-color)}.nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:calc(var(--bs-nav-tabs-border-width)*-1)}.nav-pills{--bs-nav-pills-border-radius:0;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{background:none;border:0;border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link:disabled{background-color:transparent;border-color:transparent;color:var(--bs-nav-link-disabled-color)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--bs-nav-pills-link-active-bg);color:var(--bs-nav-pills-link-active-color)}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0,0,0,.55);--bs-navbar-hover-color:rgba(0,0,0,.7);--bs-navbar-disabled-color:rgba(0,0,0,.3);--bs-navbar-active-color:rgba(0,0,0,.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0,0,0,.9);--bs-navbar-brand-hover-color:rgba(0,0,0,.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");--bs-navbar-toggler-border-color:rgba(0,0,0,.1);--bs-navbar-toggler-border-radius:0.125rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);position:relative}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}.navbar-brand{color:var(--bs-navbar-brand-color);font-size:var(--bs-navbar-brand-font-size);margin-right:var(--bs-navbar-brand-margin-end);padding-bottom:var(--bs-navbar-brand-padding-y);padding-top:var(--bs-navbar-brand-padding-y);white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color);text-decoration:none}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{color:var(--bs-navbar-color);padding-bottom:.5rem;padding-top:.5rem}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.navbar-toggler{background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);color:var(--bs-navbar-color);font-size:var(--bs-navbar-toggler-font-size);line-height:1;padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);outline:0;text-decoration:none}.navbar-toggler-icon{background-image:var(--bs-navbar-toggler-icon-bg);background-position:50%;background-repeat:no-repeat;background-size:100%;display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-left:var(--bs-navbar-nav-link-padding-x);padding-right:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}.navbar-dark{--bs-navbar-color:hsla(0,0%,100%,.55);--bs-navbar-hover-color:hsla(0,0%,100%,.75);--bs-navbar-disabled-color:hsla(0,0%,100%,.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:hsla(0,0%,100%,.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:#e8eced;--bs-card-border-radius:0.125rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.125rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:#fbfbfb;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;word-wrap:break-word;background-clip:border-box;background-color:var(--bs-card-bg);border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius);display:flex;flex-direction:column;height:var(--bs-card-height);min-width:0;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group{border-bottom:inherit;border-top:inherit}.card>.list-group:first-child{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius);border-top-width:0}.card>.list-group:last-child{border-bottom-left-radius:var(--bs-card-inner-border-radius);border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-width:0}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{color:var(--bs-card-color);flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x)}.card-title{margin-bottom:var(--bs-card-title-spacer-y)}.card-subtitle{margin-top:calc(var(--bs-card-title-spacer-y)*-.5)}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color);color:var(--bs-card-cap-color);margin-bottom:0;padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color);color:var(--bs-card-cap-color);padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{border-bottom:0;margin-bottom:calc(var(--bs-card-cap-padding-y)*-1);margin-left:calc(var(--bs-card-cap-padding-x)*-.5);margin-right:calc(var(--bs-card-cap-padding-x)*-.5)}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-left:calc(var(--bs-card-cap-padding-x)*-.5);margin-right:calc(var(--bs-card-cap-padding-x)*-.5)}.card-img-overlay{border-radius:var(--bs-card-inner-border-radius);bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);position:absolute;right:0;top:0}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-left-radius:var(--bs-card-inner-border-radius);border-bottom-right-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{border-left:0;margin-left:0}.card-group>.card:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:#212529;--bs-accordion-bg:#f7f9fb;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.125rem;--bs-accordion-inner-border-radius:calc(0.125rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:#212529;--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13,110,253,.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}.accordion-button{align-items:center;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;color:var(--bs-accordion-btn-color);display:flex;font-size:1rem;overflow-anchor:none;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);position:relative;text-align:left;transition:var(--bs-accordion-transition);width:100%}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);color:var(--bs-accordion-active-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);content:"";flex-shrink:0;height:var(--bs-accordion-btn-icon-width);margin-left:auto;transition:var(--bs-accordion-btn-icon-transition);width:var(--bs-accordion-btn-icon-width)}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{border-color:var(--bs-accordion-btn-focus-border-color);box-shadow:var(--bs-accordion-btn-focus-box-shadow);outline:0;z-index:3}.accordion-header{margin-bottom:0}.accordion-item{background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);color:var(--bs-accordion-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-left-radius:var(--bs-accordion-border-radius);border-bottom-right-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-left-radius:var(--bs-accordion-inner-border-radius);border-bottom-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-left-radius:var(--bs-accordion-border-radius);border-bottom-right-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-left:0;border-radius:0;border-right:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius);display:flex;flex-wrap:wrap;font-size:var(--bs-breadcrumb-font-size);list-style:none;margin-bottom:var(--bs-breadcrumb-margin-bottom);padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider,"/");float:left;padding-right:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:0.125rem;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13,110,253,.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:#6c757d;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;list-style:none;padding-left:0}.page-link{background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);color:var(--bs-pagination-color);display:block;font-size:var(--bs-pagination-font-size);padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color);color:var(--bs-pagination-hover-color);text-decoration:none;z-index:2}.page-link:focus{background-color:var(--bs-pagination-focus-bg);box-shadow:var(--bs-pagination-focus-box-shadow);color:var(--bs-pagination-focus-color);outline:0;z-index:3}.active>.page-link,.page-link.active{background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color);color:var(--bs-pagination-active-color);z-index:3}.disabled>.page-link,.page-link.disabled{background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color);color:var(--bs-pagination-disabled-color);pointer-events:none}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item:first-child .page-link{border-bottom-left-radius:var(--bs-pagination-border-radius);border-top-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-bottom-right-radius:var(--bs-pagination-border-radius);border-top-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:0.2rem}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:0.15rem}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.125rem;border-radius:var(--bs-badge-border-radius);color:var(--bs-badge-color);display:inline-block;font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);text-align:center;vertical-align:baseline;white-space:nowrap}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.125rem;background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius);color:var(--bs-alert-color);margin-bottom:var(--bs-alert-margin-bottom);padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);position:relative}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{padding:1.25rem 1rem;position:absolute;right:0;top:0;z-index:2}.alert-primary{--bs-alert-color:#084298;--bs-alert-bg:#cfe2ff;--bs-alert-border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{--bs-alert-color:#41464b;--bs-alert-bg:#e2e3e5;--bs-alert-border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{--bs-alert-color:#0f5132;--bs-alert-bg:#d1e7dd;--bs-alert-border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{--bs-alert-color:#055160;--bs-alert-bg:#cff4fc;--bs-alert-border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{--bs-alert-color:#664d03;--bs-alert-bg:#fff3cd;--bs-alert-border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{--bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{--bs-alert-color:#636464;--bs-alert-bg:#fefefe;--bs-alert-border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{--bs-alert-color:#141619;--bs-alert-bg:#d3d3d4;--bs-alert-border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.125rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0,0,0,.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);font-size:var(--bs-progress-font-size);height:var(--bs-progress-height)}.progress,.progress-bar{display:flex;overflow:hidden}.progress-bar{background-color:var(--bs-progress-bar-bg);color:var(--bs-progress-bar-color);flex-direction:column;justify-content:center;text-align:center;transition:var(--bs-progress-bar-transition);white-space:nowrap}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0,0,0,.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.125rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#6c757d;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;border-radius:var(--bs-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.list-group-numbered{counter-reset:section;list-style-type:none}.list-group-numbered>.list-group-item:before{content:counters(section,".") ". ";counter-increment:section}.list-group-item-action{color:var(--bs-list-group-action-color);text-align:inherit;width:100%}.list-group-item-action:focus,.list-group-item-action:hover{background-color:var(--bs-list-group-action-hover-bg);color:var(--bs-list-group-action-hover-color);text-decoration:none;z-index:1}.list-group-item-action:active{background-color:var(--bs-list-group-action-active-bg);color:var(--bs-list-group-action-active-color)}.list-group-item{background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);color:var(--bs-list-group-color);display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);position:relative}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{background-color:var(--bs-list-group-disabled-bg);color:var(--bs-list-group-disabled-color);pointer-events:none}.list-group-item.active{background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color);color:var(--bs-list-group-active-color);z-index:2}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{border-top-width:var(--bs-list-group-border-width);margin-top:calc(var(--bs-list-group-border-width)*-1)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:var(--bs-list-group-border-radius)}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal>.list-group-item+.list-group-item.active{border-left-width:var(--bs-list-group-border-width);margin-left:calc(var(--bs-list-group-border-width)*-1)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:var(--bs-list-group-border-radius)}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{border-left-width:var(--bs-list-group-border-width);margin-left:calc(var(--bs-list-group-border-width)*-1)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:var(--bs-list-group-border-radius)}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal-md>.list-group-item+.list-group-item.active{border-left-width:var(--bs-list-group-border-width);margin-left:calc(var(--bs-list-group-border-width)*-1)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:var(--bs-list-group-border-radius)}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{border-left-width:var(--bs-list-group-border-width);margin-left:calc(var(--bs-list-group-border-width)*-1)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:var(--bs-list-group-border-radius)}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{border-left-width:var(--bs-list-group-border-width);margin-left:calc(var(--bs-list-group-border-width)*-1)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:var(--bs-list-group-border-radius)}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-left-width:0;border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{border-left-width:var(--bs-list-group-border-width);margin-left:calc(var(--bs-list-group-border-width)*-1)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{background-color:#cfe2ff;color:#084298}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{background-color:#bacbe6;color:#084298}.list-group-item-primary.list-group-item-action.active{background-color:#084298;border-color:#084298;color:#fff}.list-group-item-secondary{background-color:#e2e3e5;color:#41464b}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{background-color:#cbccce;color:#41464b}.list-group-item-secondary.list-group-item-action.active{background-color:#41464b;border-color:#41464b;color:#fff}.list-group-item-success{background-color:#d1e7dd;color:#0f5132}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{background-color:#bcd0c7;color:#0f5132}.list-group-item-success.list-group-item-action.active{background-color:#0f5132;border-color:#0f5132;color:#fff}.list-group-item-info{background-color:#cff4fc;color:#055160}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{background-color:#badce3;color:#055160}.list-group-item-info.list-group-item-action.active{background-color:#055160;border-color:#055160;color:#fff}.list-group-item-warning{background-color:#fff3cd;color:#664d03}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{background-color:#e6dbb9;color:#664d03}.list-group-item-warning.list-group-item-action.active{background-color:#664d03;border-color:#664d03;color:#fff}.list-group-item-danger{background-color:#f8d7da;color:#842029}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{background-color:#dfc2c4;color:#842029}.list-group-item-danger.list-group-item-action.active{background-color:#842029;border-color:#842029;color:#fff}.list-group-item-light{background-color:#fefefe;color:#636464}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{background-color:#e5e5e5;color:#636464}.list-group-item-light.list-group-item-action.active{background-color:#636464;border-color:#636464;color:#fff}.list-group-item-dark{background-color:#d3d3d4;color:#141619}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{background-color:#bebebf;color:#141619}.list-group-item-dark.list-group-item-action.active{background-color:#141619;border-color:#141619;color:#fff}.btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:.125rem;box-sizing:content-box;color:#000;height:1em;opacity:.5;padding:.25em;width:1em}.btn-close:hover{color:#000;opacity:.75;text-decoration:none}.btn-close:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1;outline:0}.btn-close.disabled,.btn-close:disabled{opacity:.25;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:hsla(0,0%,100%,.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.125rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:hsla(0,0%,100%,.85);--bs-toast-header-border-color:rgba(0,0,0,.05);background-clip:padding-box;background-color:var(--bs-toast-bg);border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);border-radius:var(--bs-toast-border-radius);box-shadow:var(--bs-toast-box-shadow);color:var(--bs-toast-color);font-size:var(--bs-toast-font-size);max-width:100%;pointer-events:auto;width:var(--bs-toast-max-width)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;max-width:100%;pointer-events:none;position:absolute;width:-moz-max-content;width:max-content;z-index:var(--bs-toast-zindex)}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{align-items:center;background-clip:padding-box;background-color:var(--bs-toast-header-bg);border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));color:var(--bs-toast-header-color);display:flex;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x)}.toast-header .btn-close{margin-left:var(--bs-toast-padding-x);margin-right:calc(var(--bs-toast-padding-x)*-.5)}.toast-body{word-wrap:break-word;padding:var(--bs-toast-padding-x)}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.2rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-modal-inner-border-radius:calc(0.2rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--bs-modal-zindex)}.modal-dialog{margin:var(--bs-modal-margin);pointer-events:none;position:relative;width:auto}.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - var(--bs-modal-margin)*2)}.modal-content{background-clip:padding-box;background-color:var(--bs-modal-bg);border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);color:var(--bs-modal-color);display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;background-color:var(--bs-backdrop-bg);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:var(--bs-backdrop-zindex)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{align-items:center;border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--bs-modal-header-padding)}.modal-header .btn-close{margin:calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)}.modal-title{line-height:var(--bs-modal-title-line-height);margin-bottom:0}.modal-body{flex:1 1 auto;padding:var(--bs-modal-padding);position:relative}.modal-footer{align-items:center;background-color:var(--bs-modal-footer-bg);border-bottom-left-radius:var(--bs-modal-inner-border-radius);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0,0,0,.15)}.modal-dialog{margin-left:auto;margin-right:auto;max-width:var(--bs-modal-width)}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-sm-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-md-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-lg-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{height:100%;margin:0;max-width:none;width:100vw}.modal-fullscreen-xxl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.125rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;word-wrap:break-word;display:block;font-family:var(--bs-font-sans-serif);font-size:var(--bs-tooltip-font-size);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;margin:var(--bs-tooltip-margin);opacity:0;padding:var(--bs-tooltip-arrow-height);text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:var(--bs-tooltip-zindex)}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;height:var(--bs-tooltip-arrow-height);width:var(--bs-tooltip-arrow-width)}.tooltip .tooltip-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-top-color:var(--bs-tooltip-bg);border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;top:-1px}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{height:var(--bs-tooltip-arrow-width);left:0;width:var(--bs-tooltip-arrow-height)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{border-right-color:var(--bs-tooltip-bg);border-width:calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;right:-1px}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:var(--bs-tooltip-bg);border-width:0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);bottom:-1px}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{height:var(--bs-tooltip-arrow-width);right:0;width:var(--bs-tooltip-arrow-height)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{border-left-color:var(--bs-tooltip-bg);border-width:calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);left:-1px}.tooltip-inner{background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius);color:var(--bs-tooltip-color);max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);text-align:center}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.2rem;--bs-popover-inner-border-radius:calc(0.2rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color: ;--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);word-wrap:break-word;background-clip:padding-box;background-color:var(--bs-popover-bg);border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius);display:block;font-family:var(--bs-font-sans-serif);font-size:var(--bs-popover-font-size);font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.5;max-width:var(--bs-popover-max-width);text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:var(--bs-popover-zindex)}.popover .popover-arrow{display:block;height:var(--bs-popover-arrow-height);width:var(--bs-popover-arrow-width)}.popover .popover-arrow:after,.popover .popover-arrow:before{border:0 solid transparent;content:"";display:block;position:absolute}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{border-top-color:var(--bs-popover-arrow-border);bottom:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{border-top-color:var(--bs-popover-bg);bottom:var(--bs-popover-border-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{height:var(--bs-popover-arrow-width);left:calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{border-right-color:var(--bs-popover-arrow-border);left:0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{border-right-color:var(--bs-popover-bg);left:var(--bs-popover-border-width)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before{border-width:0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{border-bottom-color:var(--bs-popover-arrow-border);top:0}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{border-bottom-color:var(--bs-popover-bg);top:var(--bs-popover-border-width)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg);content:"";display:block;left:50%;margin-left:calc(var(--bs-popover-arrow-width)*-.5);position:absolute;top:0;width:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{height:var(--bs-popover-arrow-width);right:calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{border-left-color:var(--bs-popover-arrow-border);right:0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{border-left-color:var(--bs-popover-bg);right:var(--bs-popover-border-width)}.popover-header{background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius);color:var(--bs-popover-header-color);font-size:var(--bs-popover-header-font-size);margin-bottom:0;padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)}.popover-header:empty{display:none}.popover-body{color:var(--bs-popover-body-color);padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{overflow:hidden;position:relative;width:100%}.carousel-inner:after{clear:both;content:"";display:block}.carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;float:left;margin-right:-100%;position:relative;transition:transform .6s ease-in-out;width:100%}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transform:none;transition-property:opacity}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{opacity:1;z-index:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{opacity:0;transition:opacity 0s .6s;z-index:0}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{align-items:center;background:none;border:0;bottom:0;color:#fff;display:flex;justify-content:center;opacity:.5;padding:0;position:absolute;text-align:center;top:0;transition:opacity .15s ease;width:15%;z-index:1}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:2rem;width:2rem}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")}.carousel-indicators{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin-bottom:1rem;margin-left:15%;margin-right:15%;padding:0;position:absolute;right:0;z-index:2}.carousel-indicators [data-bs-target]{background-clip:padding-box;background-color:#fff;border:0;border-bottom:10px solid transparent;border-top:10px solid transparent;box-sizing:content-box;cursor:pointer;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;opacity:.5;padding:0;text-indent:-999px;transition:opacity .6s ease;width:30px}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{bottom:1.25rem;color:#fff;left:15%;padding-bottom:1.25rem;padding-top:1.25rem;position:absolute;right:15%;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}.spinner-border,.spinner-grow{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)}@media (max-width:575.98px){.offcanvas-sm{background-clip:padding-box;background-color:var(--bs-offcanvas-bg);bottom:0;color:var(--bs-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:var(--bs-offcanvas-zindex)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);left:0;top:0;transform:translateX(-100%);width:var(--bs-offcanvas-width)}.offcanvas-sm.offcanvas-end{border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);right:0;top:0;transform:translateX(100%);width:var(--bs-offcanvas-width)}.offcanvas-sm.offcanvas-top{border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);top:0;transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom,.offcanvas-sm.offcanvas-top{height:var(--bs-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-sm.offcanvas-bottom{border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (max-width:767.98px){.offcanvas-md{background-clip:padding-box;background-color:var(--bs-offcanvas-bg);bottom:0;color:var(--bs-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:var(--bs-offcanvas-zindex)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);left:0;top:0;transform:translateX(-100%);width:var(--bs-offcanvas-width)}.offcanvas-md.offcanvas-end{border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);right:0;top:0;transform:translateX(100%);width:var(--bs-offcanvas-width)}.offcanvas-md.offcanvas-top{border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);top:0;transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom,.offcanvas-md.offcanvas-top{height:var(--bs-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-md.offcanvas-bottom{border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (max-width:991.98px){.offcanvas-lg{background-clip:padding-box;background-color:var(--bs-offcanvas-bg);bottom:0;color:var(--bs-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:var(--bs-offcanvas-zindex)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);left:0;top:0;transform:translateX(-100%);width:var(--bs-offcanvas-width)}.offcanvas-lg.offcanvas-end{border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);right:0;top:0;transform:translateX(100%);width:var(--bs-offcanvas-width)}.offcanvas-lg.offcanvas-top{border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);top:0;transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom,.offcanvas-lg.offcanvas-top{height:var(--bs-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-lg.offcanvas-bottom{border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (max-width:1199.98px){.offcanvas-xl{background-clip:padding-box;background-color:var(--bs-offcanvas-bg);bottom:0;color:var(--bs-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:var(--bs-offcanvas-zindex)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);left:0;top:0;transform:translateX(-100%);width:var(--bs-offcanvas-width)}.offcanvas-xl.offcanvas-end{border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);right:0;top:0;transform:translateX(100%);width:var(--bs-offcanvas-width)}.offcanvas-xl.offcanvas-top{border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);top:0;transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom,.offcanvas-xl.offcanvas-top{height:var(--bs-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-xl.offcanvas-bottom{border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (max-width:1399.98px){.offcanvas-xxl{background-clip:padding-box;background-color:var(--bs-offcanvas-bg);bottom:0;color:var(--bs-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:var(--bs-offcanvas-zindex)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);left:0;top:0;transform:translateX(-100%);width:var(--bs-offcanvas-width)}.offcanvas-xxl.offcanvas-end{border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);right:0;top:0;transform:translateX(100%);width:var(--bs-offcanvas-width)}.offcanvas-xxl.offcanvas-top{border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);top:0;transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom,.offcanvas-xxl.offcanvas-top{height:var(--bs-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas-xxl.offcanvas-bottom{border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{background-color:transparent!important;display:flex;flex-grow:0;overflow-y:visible;padding:0}}.offcanvas{background-clip:padding-box;background-color:var(--bs-offcanvas-bg);bottom:0;color:var(--bs-offcanvas-color);display:flex;flex-direction:column;max-width:100%;outline:0;position:fixed;transition:transform .3s ease-in-out;visibility:hidden;z-index:var(--bs-offcanvas-zindex)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);left:0;top:0;transform:translateX(-100%);width:var(--bs-offcanvas-width)}.offcanvas.offcanvas-end{border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);right:0;top:0;transform:translateX(100%);width:var(--bs-offcanvas-width)}.offcanvas.offcanvas-top{border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);top:0;transform:translateY(-100%)}.offcanvas.offcanvas-bottom,.offcanvas.offcanvas-top{height:var(--bs-offcanvas-height);left:0;max-height:100%;right:0}.offcanvas.offcanvas-bottom{border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1040}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{align-items:center;display:flex;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{margin-bottom:calc(var(--bs-offcanvas-padding-y)*-.5);margin-right:calc(var(--bs-offcanvas-padding-x)*-.5);margin-top:calc(var(--bs-offcanvas-padding-y)*-.5);padding:calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)}.offcanvas-title{line-height:1.5;margin-bottom:0}.offcanvas-body{flex-grow:1;overflow-y:auto;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.placeholder{background-color:currentcolor;cursor:wait;display:inline-block;min-height:1em;opacity:.5;vertical-align:middle}.placeholder.btn:before{content:"";display:inline-block}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{animation:placeholder-wave 2s linear infinite;-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.clearfix:after{clear:both;content:"";display:block}.text-bg-primary{background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important;color:#fff!important}.text-bg-secondary{background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important;color:#fff!important}.text-bg-success{background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important;color:#fff!important}.text-bg-info{background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important;color:#000!important}.text-bg-warning{background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important;color:#000!important}.text-bg-danger{background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important;color:#fff!important}.text-bg-light{background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important;color:#000!important}.text-bg-dark{background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important;color:#fff!important}.link-primary{color:#0d6efd!important}.link-primary:focus,.link-primary:hover{color:#0a58ca!important}.link-secondary{color:#6c757d!important}.link-secondary:focus,.link-secondary:hover{color:#565e64!important}.link-success{color:#198754!important}.link-success:focus,.link-success:hover{color:#146c43!important}.link-info{color:#0dcaf0!important}.link-info:focus,.link-info:hover{color:#3dd5f3!important}.link-warning{color:#ffc107!important}.link-warning:focus,.link-warning:hover{color:#ffcd39!important}.link-danger{color:#dc3545!important}.link-danger:focus,.link-danger:hover{color:#b02a37!important}.link-light{color:#f8f9fa!important}.link-light:focus,.link-light:hover{color:#f9fafb!important}.link-dark{color:#212529!important}.link-dark:focus,.link-dark:hover{color:#1a1e21!important}.ratio{position:relative;width:100%}.ratio:before{content:"";display:block;padding-top:var(--bs-aspect-ratio)}.ratio>*{height:100%;left:0;position:absolute;top:0;width:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{top:0}.fixed-bottom,.fixed-top{left:0;position:fixed;right:0;z-index:1030}.fixed-bottom{bottom:0}.sticky-top{top:0}.sticky-bottom,.sticky-top{position:sticky;z-index:1020}.sticky-bottom{bottom:0}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{bottom:0;position:sticky;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{bottom:0;position:sticky;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{bottom:0;position:sticky;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{bottom:0;position:sticky;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{bottom:0;position:sticky;z-index:1020}}.hstack{align-items:center;flex-direction:row}.hstack,.vstack{align-self:stretch;display:flex}.vstack{flex:1 1 auto;flex-direction:column}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.stretched-link:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{align-self:stretch;background-color:currentcolor;display:inline-block;min-height:1em;opacity:.25;width:1px}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-1{--bs-border-width:1px}.border-2{--bs-border-width:2px}.border-3{--bs-border-width:3px}.border-4{--bs-border-width:4px}.border-5{--bs-border-width:5px}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:hsla(0,0%,100%,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important}.rounded-end,.rounded-top{border-top-right-radius:var(--bs-border-radius)!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-start{border-top-left-radius:var(--bs-border-radius)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-left:0!important;margin-right:0!important}.mx-sm-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-sm-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-sm-3{margin-left:1rem!important;margin-right:1rem!important}.mx-sm-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-sm-5{margin-left:3rem!important;margin-right:3rem!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-0{margin-bottom:0!important;margin-top:0!important}.my-sm-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-sm-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-sm-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-sm-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-sm-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-sm-5{padding-left:3rem!important;padding-right:3rem!important}.py-sm-0{padding-bottom:0!important;padding-top:0!important}.py-sm-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-sm-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-sm-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-sm-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-left:0!important;margin-right:0!important}.mx-md-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-md-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-md-3{margin-left:1rem!important;margin-right:1rem!important}.mx-md-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-md-5{margin-left:3rem!important;margin-right:3rem!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-0{margin-bottom:0!important;margin-top:0!important}.my-md-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-md-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-md-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-md-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-md-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-md-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-md-5{padding-left:3rem!important;padding-right:3rem!important}.py-md-0{padding-bottom:0!important;padding-top:0!important}.py-md-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-md-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-md-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-md-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-left:0!important;margin-right:0!important}.mx-lg-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-lg-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-lg-3{margin-left:1rem!important;margin-right:1rem!important}.mx-lg-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-lg-5{margin-left:3rem!important;margin-right:3rem!important}.mx-lg-auto{margin-left:auto!important;margin-right:auto!important}.my-lg-0{margin-bottom:0!important;margin-top:0!important}.my-lg-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-lg-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-lg-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-lg-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-lg-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-lg-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-left:0!important;padding-right:0!important}.px-lg-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-lg-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-lg-3{padding-left:1rem!important;padding-right:1rem!important}.px-lg-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-lg-5{padding-left:3rem!important;padding-right:3rem!important}.py-lg-0{padding-bottom:0!important;padding-top:0!important}.py-lg-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-lg-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-lg-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-lg-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-lg-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-left:0!important;margin-right:0!important}.mx-xl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xl-5{margin-left:3rem!important;margin-right:3rem!important}.mx-xl-auto{margin-left:auto!important;margin-right:auto!important}.my-xl-0{margin-bottom:0!important;margin-top:0!important}.my-xl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xl-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-xl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-left:0!important;padding-right:0!important}.px-xl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xl-5{padding-left:3rem!important;padding-right:3rem!important}.py-xl-0{padding-bottom:0!important;padding-top:0!important}.py-xl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xl-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-left:0!important;margin-right:0!important}.mx-xxl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xxl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xxl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xxl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xxl-5{margin-left:3rem!important;margin-right:3rem!important}.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important}.my-xxl-0{margin-bottom:0!important;margin-top:0!important}.my-xxl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-xxl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.my-xxl-3{margin-bottom:1rem!important;margin-top:1rem!important}.my-xxl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.my-xxl-5{margin-bottom:3rem!important;margin-top:3rem!important}.my-xxl-auto{margin-bottom:auto!important;margin-top:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-left:0!important;padding-right:0!important}.px-xxl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xxl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xxl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xxl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xxl-5{padding-left:3rem!important;padding-right:3rem!important}.py-xxl-0{padding-bottom:0!important;padding-top:0!important}.py-xxl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-xxl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-xxl-3{padding-bottom:1rem!important;padding-top:1rem!important}.py-xxl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.py-xxl-5{padding-bottom:3rem!important;padding-top:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}.card{box-shadow:0 1px 1px rgba(0,0,0,.05)}.navbar{box-shadow:0 2px 4px 0 rgba(0,0,0,.1);font-weight:600}.nav-item .dropdown-menu{border:none;border-top:1px solid #f2f2f2!important;box-shadow:0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08);margin-top:.5rem}.nav-link .svg-inline--fa{font-size:1.4rem}.btn-loading{color:transparent!important;pointer-events:none;position:relative}.btn-loading:after{animation:spinAround .5s linear infinite;border-color:transparent transparent #dbdbdb #dbdbdb;border-radius:50%;border-style:solid;border-width:2px;content:"";display:block;height:1em;left:calc(50% - .5em);position:absolute;top:calc(50% - .5em);width:1em}@keyframes spinAround{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.page-enter-active,.page-leave-active{transition:opacity .2s}.page-enter,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0}.server-error-modal{height:100%}.server-error-modal .swal2-html-container{margin:0;overflow:hidden}.server-error-modal iframe{border:none;border-radius:5px;height:100%;width:100%}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(/fonts/nunito-400-normal.woff2) format("woff2"),url(/fonts/nunito-400-normal.woff) format("woff"),url(/fonts/nunito-400-normal.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;src:url(/fonts/nunito-600-normal.woff2) format("woff2"),url(/fonts/nunito-600-normal.woff) format("woff"),url(/fonts/nunito-600-normal.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:url(/fonts/nunito-700-normal.woff2) format("woff2"),url(/fonts/nunito-700-normal.woff) format("woff"),url(/fonts/nunito-700-normal.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;src:url(/fonts/nunito-800-normal.woff2) format("woff2"),url(/fonts/nunito-800-normal.woff) format("woff"),url(/fonts/nunito-800-normal.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;src:url(/fonts/nunito-900-normal.woff2) format("woff2"),url(/fonts/nunito-900-normal.woff) format("woff"),url(/fonts/nunito-900-normal.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:300;src:url(/fonts/nunito-300-normal.woff2) format("woff2"),url(/fonts/nunito-300-normal.woff) format("woff"),url(/fonts/nunito-300-normal.ttf) format("truetype")}body{font-family:Nunito,serif}.orange-default{background:#ff6a15;border-radius:4px;box-sizing:border-box;color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:700;position:relative;transform-style:preserve-3d;transition:.1s ease-in;z-index:20}.orange-default:active{margin-bottom:-5px;margin-top:5px;transition:.1s ease-in}.orange-default:active:after{bottom:0;transition:.1s ease-in}.orange-default:focus{box-shadow:0 0 6px #65afe9;outline:none}.orange-default:after{background:#ab4912;border-radius:4px;bottom:-5px;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%) translateZ(-1px);transition:.1s ease-in;width:100%;z-index:1}.orange-default:hover{color:#fff}.orange-default:disabled{background:#e1e2e3;color:#bdbec2;opacity:1}.orange-default:disabled:after{background:#bdbec2}.bg-shine{background-position:50%;background-repeat:no-repeat;background-size:cover}.absolute_submit{align-items:center;background:#fff;border:1px solid #9a9a9a;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;min-height:100px;padding:22px 0;position:fixed;text-align:center;width:100%}.absolute_submit button{height:50px;width:300px}.custom-container{align-items:center;display:flex;justify-content:flex-start;margin-left:auto;margin-right:auto;max-width:1720px;padding:0 15px}.spichki{position:relative}.spichki.active{opacity:.3}a:hover{text-decoration:none}header.fixed_header{left:0;position:fixed!important;top:0;width:100%}.error404 .back_button{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:inset -6px -6px 6px rgba(149,199,237,.7),inset 5px 5px 6px rgba(149,199,237,.8);display:flex;justify-content:center;margin-top:20px;max-width:155px;padding:18px 15px}.error404 .back_button span{color:#365e7d;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.2;margin-left:10px}.error404 .text_block{margin-bottom:-30px}.error404 .text_block .h2,.error404 .text_block h2{color:#303030;font-family:Nunito;font-size:48px;font-weight:900;line-height:1.2;margin-bottom:0}.error404 .text_block p{color:#303030;font-family:Nunito;font-size:24px;font-weight:400;line-height:1.2}.error404 img{max-width:840px;width:100%}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1140px}}@media (max-width:1540px){.custom-container{max-width:1400px}}@media (max-width:1410px){.custom-container{max-width:1140px}}@media (max-width:1199.9px){.custom-container{max-width:960px}}@media (max-width:991.9px){.custom-container{max-width:720px}.error404 .text_block{margin-bottom:-30px;margin-top:20px}.error404 .text_block .h2,.error404 .text_block h2{font-size:36px}.error404 .text_block p{font-size:20px}}@media (max-width:767.9px){.custom-container{max-width:540px}.error404 .text_block{margin-bottom:-30px;margin-top:30px}.error404 .text_block .h2,.error404 .text_block h2{font-size:32px}.error404 .text_block p{font-size:14px}.error404 .back_button{align-items:center;border:none;border-radius:8px;display:flex;justify-content:center;max-width:155px;padding:5px 10px}.error404 .back_button svg{height:20px;width:20px}.error404 .back_button span{font-size:14px;margin-left:10px}}@media (max-width:575.9px){.custom-container{max-width:540px;padding:0 15px}.error404 .text_block{margin-bottom:0;margin-top:50px}.error404 .text_block .h2,.error404 .text_block h2{font-size:28px}.error404 .text_block p{font-size:14px}}
footer[data-v-6fd02ba2]{background:#365e7d;padding:40px 0 60px}footer ul[data-v-6fd02ba2]{list-style:none;margin:30px 0 0;padding:0}footer ul li[data-v-6fd02ba2]{margin-bottom:10px}footer .h1[data-v-6fd02ba2]{color:#fff;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1;margin-bottom:20px}footer .container[data-v-6fd02ba2]{align-items:flex-start;display:flex;justify-content:flex-start}footer .container span[data-v-6fd02ba2]{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:400;line-height:1.2}footer .container .first[data-v-6fd02ba2]{margin-right:165px}footer .container .first img[data-v-6fd02ba2]{width:185px}footer .container .second .img-text[data-v-6fd02ba2]{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px}footer .container .second .img-text svg[data-v-6fd02ba2]{margin-right:10px}footer .container .third[data-v-6fd02ba2]{margin-left:auto}footer .container .third input[data-v-6fd02ba2]{background:#366a92;border:1px solid #ff6a15;border-radius:4px;box-sizing:border-box;color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-style:normal;font-weight:400;height:50px;line-height:1;margin-bottom:10px;padding-left:20px;width:100%}footer .container .third .orange-default[data-v-6fd02ba2]{border-radius:10px;height:60px;width:100%}footer .container .third .orange-default[data-v-6fd02ba2]:after{border-radius:10px}.last_line[data-v-6fd02ba2]{background:#1b3041;padding:18px 0}.last_line p[data-v-6fd02ba2]{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:400;line-height:1;margin:0;opacity:.5;text-align:center}@media (max-width:1540px){.last_line p[data-v-6fd02ba2]{font-size:17px}}@media (max-width:991.9px){footer .h1[data-v-6fd02ba2]{font-size:22px}footer .container .first[data-v-6fd02ba2]{margin-right:50px}footer .container .first img[data-v-6fd02ba2]{width:160px}footer .container span[data-v-6fd02ba2]{color:#fff;font-size:16px}footer .container .third[data-v-6fd02ba2]{max-width:220px}}@media (max-width:767.9px){footer .container[data-v-6fd02ba2]{flex-wrap:wrap}footer .container .third[data-v-6fd02ba2]{margin-top:20px;max-width:100%;width:100%}footer .h1[data-v-6fd02ba2]{font-size:22px}footer ul[data-v-6fd02ba2]{margin:20px 0 0}}@media (max-width:575.9px){.last_line[data-v-6fd02ba2]{padding:13px 0}.last_line p[data-v-6fd02ba2]{font-size:15px}footer .container .first[data-v-6fd02ba2]{margin-right:0;width:50%}footer .container .second[data-v-6fd02ba2]{padding-top:5px;width:50%}}@media (max-width:400px){footer .container .first img[data-v-6fd02ba2]{width:110px}footer .container .second .img-text svg[data-v-6fd02ba2]{margin-right:5px}footer .container span[data-v-6fd02ba2]{font-size:12px}footer .container .orange-default span[data-v-6fd02ba2]{font-size:14px}footer ul[data-v-6fd02ba2]{margin:10px 0 0}footer ul li[data-v-6fd02ba2]{margin-bottom:3px}footer .h1[data-v-6fd02ba2]{font-size:17px}}
.top-right[data-v-345e83ac]{position:absolute;right:10px;top:18px}.title[data-v-345e83ac]{font-size:85px}.orange-default.welcome_page[data-v-345e83ac]{border-radius:10px;height:80px;width:300px}.orange-default.welcome_page[data-v-345e83ac]:after{border-radius:10px}.block1[data-v-345e83ac]{padding-bottom:248px;padding-top:110px}.block1 .container[data-v-345e83ac]{position:relative}.block1 .h1[data-v-345e83ac]{color:#365e7d;font-family:Nunito;font-size:72px;font-weight:900;line-height:1.1}.block1 .h1 span[data-v-345e83ac]{color:#ff6a15}.block1 h2[data-v-345e83ac]{color:#303030;font-family:Nunito,sans-serif;font-size:36px;font-weight:700;line-height:1.3;margin-bottom:60px;margin-top:10px}.block1 .orange-default[data-v-345e83ac]{border-left:none;border-top:none;box-shadow:inset 5px 5px 4px #ffcaac}.block1 .block1_img[data-v-345e83ac]{position:absolute;right:0;top:-60px;width:350px}.block1 p[data-v-345e83ac]{color:#9a9a9a;font-family:Nunito,sans-serif;font-size:24px;font-weight:400;line-height:1.2;margin-top:30px}.block2[data-v-345e83ac]{background-image:url(/img/block2_back.png);background-repeat:no-repeat;background-size:100% 100%;margin-top:-60px;padding-bottom:100px;padding-top:115px;text-align:center}.block2 .h1[data-v-345e83ac]{color:#fff;font-family:Nunito,sans-serif;font-size:48px;font-weight:800;line-height:1.3;margin-bottom:100px;text-align:center}.block2 .three_block[data-v-345e83ac]{align-items:center;display:flex;justify-content:center}.block2 .three_block img[data-v-345e83ac]:nth-child(2){margin:0 145px}.block2 p[data-v-345e83ac]{color:#fff;font-family:Nunito,sans-serif;font-size:36px;font-weight:300;line-height:1.2;margin-bottom:50px;margin-top:100px;text-align:center}.block2 .flex[data-v-345e83ac]{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.block2 .flex .wrap-crystal[data-v-345e83ac]{align-items:center;display:flex;justify-content:flex-start;margin-bottom:50px;text-align:left;width:33%}.block2 .flex .wrap-crystal img[data-v-345e83ac]{margin-right:30px}.block2 .flex .wrap-crystal span[data-v-345e83ac]{color:#fff;font-family:Nunito,sans-serif;font-size:24px;font-weight:600;line-height:1.4}.block2 a[data-v-345e83ac]{margin-left:auto;margin-right:auto}.block2 .orange-default[data-v-345e83ac]{background:linear-gradient(120.07deg,#ff6a15 52.44%,#d85104 79.22%);border:none;box-shadow:inset 5px 5px 4px #ffcaac}.block3[data-v-345e83ac]{padding:150px 0}.block3 .container[data-v-345e83ac]{position:relative}.block3 .block_absolute[data-v-345e83ac]{position:absolute;right:0;top:0}.block3 .img-text-box[data-v-345e83ac]{align-items:center;display:flex;justify-content:space-between}.block3 .img-text-box[data-v-345e83ac]:not(:last-child){margin-bottom:80px}.block3 .img-text-box .text[data-v-345e83ac]{width:70%}.block3 .img-text-box .text .h1[data-v-345e83ac]{font-weight:800}.block3 .img-text-box .text .h1[data-v-345e83ac],.block3 .img-text-box .text p[data-v-345e83ac]{color:#303030;font-family:Nunito,sans-serif;font-size:36px;line-height:1.2}.block3 .img-text-box .text p[data-v-345e83ac]{font-weight:400}.block3 .img-text-box .wrap[data-v-345e83ac]{width:30%}.block3 .img-text-box .wrap.second[data-v-345e83ac]{text-align:right}.block4[data-v-345e83ac]{background-image:url(/img/block4_back.png);background-repeat:no-repeat;background-size:100% 100%;padding-bottom:130px;padding-top:110px}.block4 .h1[data-v-345e83ac]{color:#fff;font-family:Nunito,sans-serif;font-size:48px;font-weight:800;line-height:1.3;margin-bottom:70px;text-align:center}.block4 .flex-blocks[data-v-345e83ac]{align-items:baseline;display:flex;justify-content:space-between}.block4 .flex-blocks .card_[data-v-345e83ac]{background:#fff;border-radius:10px;box-shadow:0 10px 14px rgba(0,0,0,.1),inset -10px -10px 24px rgba(255,149,41,.3),inset 10px 14px 20px rgba(255,149,41,.3);padding:20px;text-align:center;width:32%}.block4 .flex-blocks .card_ img[data-v-345e83ac]{margin-bottom:30px;width:100%}.block4 .flex-blocks .card_ .h2[data-v-345e83ac]{color:#303030;font-family:Nunito,sans-serif;font-size:30px;font-weight:800;line-height:1;margin-bottom:30px;text-align:center}.block4 .flex-blocks .card_ ul[data-v-345e83ac]{list-style:square inside url(/img/list.svg);text-align:left}.block4 .flex-blocks .card_ ul li[data-v-345e83ac]{color:#303030;font-family:Nunito,sans-serif;font-size:18px;font-weight:400;line-height:1.3;margin-bottom:15px}.block5[data-v-345e83ac]{padding-bottom:100px;padding-top:80px}.block5 .container[data-v-345e83ac]{align-items:center;display:flex;justify-content:center;position:relative}.block5 .container .absolute_img[data-v-345e83ac]{left:-100px;position:absolute;top:70%;transform:translateY(-50%)}.block5 .container .text[data-v-345e83ac]{margin-left:120px;width:50%}.block5 .container .text .h1[data-v-345e83ac]{color:#303030;font-family:Nunito,sans-serif;font-size:48px;font-weight:800;line-height:1.3;margin-bottom:55px}@media (max-width:1540px){.orange-default.welcome_page[data-v-345e83ac]{height:70px;width:290px}.block1[data-v-345e83ac]{padding-bottom:200px;padding-top:110px}.block1 .h1[data-v-345e83ac]{font-size:64px}.block1 h2[data-v-345e83ac]{font-size:34px;line-height:1.2}.block1 .block1_img[data-v-345e83ac]{position:absolute;right:20%;top:-60px;width:280px}.block1 p[data-v-345e83ac]{font-size:22px;margin-top:20px}.block2 .h1[data-v-345e83ac]{font-size:42px;margin-bottom:80px}.block2 .three_block img[data-v-345e83ac]{height:150px}.block2 p[data-v-345e83ac]{font-size:32px;margin-bottom:40px;margin-top:90px}.block2 .flex .wrap-crystal span[data-v-345e83ac]{font-size:23px}.block3 .img-text-box .text .h1[data-v-345e83ac]{font-size:34px}.block3 .img-text-box .text p[data-v-345e83ac]{font-size:31px}.block3 .img-text-box[data-v-345e83ac]:not(:last-child){margin-bottom:40px}.block4 .h1[data-v-345e83ac]{font-size:42px}.miment-men[data-v-345e83ac]{width:300px}.block5 .container .absolute_img[data-v-345e83ac]{width:200px}.block5 .container .text .h1[data-v-345e83ac]{font-size:45px;margin-bottom:45px}}@media (max-width:1410px){.block2 p[data-v-345e83ac]{font-size:29px;margin-bottom:50px;margin-top:60px}.block2 .three_block img[data-v-345e83ac]{height:100px}.block2 .flex .wrap-crystal img[data-v-345e83ac]{margin-right:20px}}@media (max-width:1199.9px){.block1 .h1[data-v-345e83ac]{font-size:54px}.block1 h2[data-v-345e83ac]{font-size:28px;margin-bottom:40px}.block1 .block1 p[data-v-345e83ac]{font-size:20px;margin-top:10px}.block1 .block1_img[data-v-345e83ac]{width:220px}.orange-default.welcome_page[data-v-345e83ac]{height:60px;width:270px}.block2 .h1[data-v-345e83ac]{font-size:36px;margin-bottom:50px}.block2 p[data-v-345e83ac]{font-size:26px;margin-bottom:60px;margin-top:40px}.block2 .flex .wrap-crystal img[data-v-345e83ac]{width:80px}.block2 .flex .wrap-crystal span[data-v-345e83ac]{font-size:20px}}@media (max-width:991.9px){.block1[data-v-345e83ac]{padding-bottom:140px;padding-top:80px}.block1 .h1[data-v-345e83ac]{font-size:50px}.block1 h2[data-v-345e83ac]{font-size:26px;margin-bottom:30px;margin-top:5px}.block1 p[data-v-345e83ac]{font-size:20px;margin-top:15px}.block1 .block1_img[data-v-345e83ac]{right:5%;width:210px}.orange-default.welcome_page[data-v-345e83ac]{height:55px;width:250px}.block2 .h1[data-v-345e83ac]{font-size:32px;margin-bottom:50px}.block2 .three_block img[data-v-345e83ac]{height:100px}.block2 p[data-v-345e83ac]{font-size:23px;margin-bottom:70px;margin-top:40px}.block2 .flex .wrap-crystal span[data-v-345e83ac]{font-size:18px}.block2 .flex .wrap-crystal img[data-v-345e83ac]{margin-right:10px;width:60px}.block3[data-v-345e83ac]{padding:110px 0}.block3 .img-text-box .wrap img[data-v-345e83ac]{width:170px}.block3 .img-text-box .text[data-v-345e83ac]{width:60%}.block3 .img-text-box .text .h1[data-v-345e83ac]{font-size:26px}.block3 .img-text-box .text p[data-v-345e83ac]{font-size:24px}.block3 .block_absolute[data-v-345e83ac]{position:absolute;width:200px;z-index:-1}.block4[data-v-345e83ac]{padding-bottom:80px;padding-top:60px}.block4 .h1[data-v-345e83ac]{font-size:36px;margin-bottom:50px}.block4 .flex-blocks .card_ .h2[data-v-345e83ac]{font-size:20px;margin-bottom:20px}.block4 .flex-blocks .card_ ul[data-v-345e83ac]{padding:0}.block4 .flex-blocks .card_ ul li[data-v-345e83ac]{font-size:16px;line-height:1.2;margin-bottom:14px}.miment-men[data-v-345e83ac]{width:170px}.block5 .container .text .h1[data-v-345e83ac]{font-size:36px;margin-bottom:25px}.block5 .container .absolute_img[data-v-345e83ac]{left:-100px;width:130px;z-index:-1}}@media (max-width:767.9px){.block1 .block1_img[data-v-345e83ac]{display:block;margin-bottom:20px;position:static;width:210px}.block2 .h1[data-v-345e83ac]{font-size:30px;margin-bottom:30px}.block2 .three_block img[data-v-345e83ac]:nth-child(2){margin:0 65px}.block2 p[data-v-345e83ac]{font-size:24px;margin-bottom:40px;margin-top:40px}.block2 .flex .wrap-crystal[data-v-345e83ac]{margin-bottom:40px;width:43%}.block3 .img-text-box[data-v-345e83ac]{align-items:center;flex-direction:column;justify-content:center}.block3 .img-text-box.second[data-v-345e83ac]{flex-direction:column-reverse}.block3 .img-text-box .wrap[data-v-345e83ac],.block3 .img-text-box .wrap.second[data-v-345e83ac]{margin-bottom:20px;text-align:center;width:100%}.block3 .img-text-box .text[data-v-345e83ac]{text-align:center;width:100%}.block4[data-v-345e83ac]{background-size:cover;padding-bottom:130px;padding-top:100px}.block4 .h1[data-v-345e83ac]{font-size:30px;margin-bottom:40px}.block4 .flex-blocks[data-v-345e83ac]{align-items:center;flex-wrap:wrap}.block4 .flex-blocks .card_[data-v-345e83ac]{margin-bottom:40px;margin-left:auto;margin-right:auto;width:60%}.block4 .flex-blocks .card_ .h2[data-v-345e83ac]{font-size:22px;margin-bottom:20px}.block4 .flex-blocks .card_ ul li[data-v-345e83ac]{font-size:18px}.block5 .container[data-v-345e83ac]{display:block}.block5 .container .absolute_img[data-v-345e83ac]{left:auto;right:0;top:60px;transform:rotateX(180deg) rotateY(180deg) rotate(-90deg);width:130px;z-index:-1}.block5 .container .text[data-v-345e83ac]{margin-left:0;width:100%}.block5 .container .text .h1[data-v-345e83ac]{font-size:30px;margin-bottom:15px}.miment-men[data-v-345e83ac]{margin-bottom:20px;width:200px}}@media (max-width:575.9px){.block1 .block1_img[data-v-345e83ac]{margin-bottom:20px;margin-left:auto;margin-right:auto;width:210px}.block1 .h1[data-v-345e83ac]{font-size:40px}.block1 h2[data-v-345e83ac]{font-size:25px}.orange-default.welcome_page[data-v-345e83ac]{height:70px;width:100%}.block2[data-v-345e83ac]{background-image:url(/img/block2_back_mobile.png)}.block2 .flex .wrap-crystal img[data-v-345e83ac]{margin-right:10px;width:40px}.block2 .flex .wrap-crystal span[data-v-345e83ac]{font-size:16px}.block2 .three_block img[data-v-345e83ac]:nth-child(2){margin:0 25px}.block3 .img-text-box .wrap img[data-v-345e83ac]{width:300px}.block3 .block_absolute[data-v-345e83ac]{display:none}.block4[data-v-345e83ac]{background-image:url(/img/block4_back_mobile.png);background-size:100% 100%}.block4 .flex-blocks .card_[data-v-345e83ac]{width:90%}.block4 .flex-blocks .card_ .h2[data-v-345e83ac]{font-size:20px;margin-bottom:20px}.block4 .flex-blocks .card_ .h2 br[data-v-345e83ac]{display:none}.block4 .flex-blocks .card_ ul li[data-v-345e83ac]{font-size:16px}.block5 .container .absolute_img[data-v-345e83ac]{right:40px;width:150px}.block5 .container .text .h1[data-v-345e83ac]{font-size:28px;margin-bottom:15px;text-align:center}.miment-men[data-v-345e83ac]{margin-bottom:20px;margin-left:30px;width:200px}}@media (max-width:400px){.block1[data-v-345e83ac]{padding-bottom:110px;padding-top:40px}.block1 .h1[data-v-345e83ac]{font-size:36px}.block1 h2[data-v-345e83ac]{font-size:24px}.block1 .block1_img[data-v-345e83ac]{margin-bottom:15px;width:200px}.block1 p[data-v-345e83ac]{font-size:18px;margin-top:35px;text-align:center}.block2[data-v-345e83ac]{margin-top:-60px;padding-bottom:120px;padding-top:80px}.block2 .h1[data-v-345e83ac]{font-size:24px;margin-bottom:20px}.block2 .three_block img[data-v-345e83ac]{height:90px}.block2 .three_block img[data-v-345e83ac]:nth-child(2){margin:0 20px}.block2 p[data-v-345e83ac]{font-size:24px;margin-bottom:30px;margin-top:40px}.block2 .flex .wrap-crystal[data-v-345e83ac]{margin-bottom:30px;width:50%}.block2 .flex .wrap-crystal span[data-v-345e83ac]{font-size:14px;line-height:1.1}.block3[data-v-345e83ac]{padding:70px 0}.block3 .img-text-box .text .h1[data-v-345e83ac]{font-size:24px}.block3 .img-text-box .text p[data-v-345e83ac]{font-size:18px}.block3 .img-text-box .text p br[data-v-345e83ac]{display:none}.block4[data-v-345e83ac]{padding-bottom:100px;padding-top:90px}.block4 .h1[data-v-345e83ac]{font-size:24px;margin-bottom:30px}.block4 .flex-blocks .card_ .h2[data-v-345e83ac]{font-size:18px;margin-bottom:20px}.block4 .flex-blocks .card_ ul li[data-v-345e83ac]{font-size:14px;line-height:1.3}.block5 .container .text .h1[data-v-345e83ac]{font-size:24px;margin-bottom:15px}}
.main-wrap1 .container[data-v-3aa27ae2]{padding-bottom:120px}.main-wrap1 .container>p[data-v-3aa27ae2]{color:#303030;font-size:24px;font-weight:400;line-height:1;margin-bottom:60px;margin-top:10px}.courses[data-v-3aa27ae2]{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.courses .one[data-v-3aa27ae2]{background:#fff;border-radius:20px;box-shadow:0 10px 14px rgba(0,0,0,.1);cursor:pointer;height:460px;margin-bottom:20px;max-width:350px;min-width:350px;overflow:hidden;position:relative}.courses .one>img[data-v-3aa27ae2]{height:300px;position:relative;width:100%;z-index:1}.courses .one.hovered:hover .bottom-course[data-v-3aa27ae2]{height:240px}.courses .one.hovered:hover .bottom-course .custom-btn[data-v-3aa27ae2]{display:block}.courses .one .bottom-course[data-v-3aa27ae2]{background-color:#fff;bottom:0;height:160px;padding:20px 20px 30px;position:absolute;transition:.2s ease-in;width:100%;z-index:5}.courses .one .bottom-course p[data-v-3aa27ae2]{color:#9a9a9a;font-family:Nunito;font-size:18px;font-style:normal;font-weight:600;line-height:1.2;margin-bottom:0}.courses .one .bottom-course .title[data-v-3aa27ae2]{color:#303030;font-family:Nunito,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:1.2;margin-bottom:20px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.courses .one .progress-bar-custom[data-v-3aa27ae2]{align-items:center;display:flex;justify-content:space-between;width:100%}.courses .one .progress-bar-custom .progress-wrap[data-v-3aa27ae2]{background:#ffe2d1;border-radius:10px;height:15px;position:relative;width:80%}.courses .one .progress-bar-custom .progress-wrap .line[data-v-3aa27ae2]{background:#ff6a15;border-radius:10px;height:100%;left:0;position:absolute;transition:.1s ease-in}.courses .one .progress-bar-custom .percent[data-v-3aa27ae2]{color:#9a9a9a;font-family:Nunito;font-size:16px;font-style:normal;font-weight:700;line-height:1}.courses .one .custom-btn[data-v-3aa27ae2]{background:#fff;border:2px solid #158fff;border-radius:40px;box-sizing:border-box;display:none;height:60px;margin-left:auto;margin-right:auto;margin-top:25px;width:90%}.courses .one .custom-btn span[data-v-3aa27ae2]{color:#158fff;font-family:Nunito;font-size:18px;font-style:normal;font-weight:700;line-height:1;text-align:center}@media (max-width:1540.9px) and (min-width:1199.9px){.default-title[data-v-3aa27ae2]{font-size:38px}.main-wrap1 .container[data-v-3aa27ae2],.main-wrap1 .container-lg[data-v-3aa27ae2],.main-wrap1 .container-md[data-v-3aa27ae2],.main-wrap1 .container-sm[data-v-3aa27ae2],.main-wrap1 .container-xl[data-v-3aa27ae2],.main-wrap1 .container-xxl[data-v-3aa27ae2]{max-width:960px}.main-wrap1 .container>p[data-v-3aa27ae2]{font-size:22px;margin-bottom:40px;margin-top:5px}.courses .one[data-v-3aa27ae2]{height:380px;max-width:32%;min-width:31%}.courses .one>img[data-v-3aa27ae2]{height:240px;width:100%}.courses .one .bottom-course[data-v-3aa27ae2]{height:140px;padding:20px 20px 30px;width:100%}.courses .one .bottom-course p[data-v-3aa27ae2]{font-size:16px}.courses .one .bottom-course .title[data-v-3aa27ae2]{font-size:20px;margin-bottom:15px;margin-top:5px}.courses .one .custom-btn[data-v-3aa27ae2]{height:50px;margin-top:20px}.courses .one.hovered:hover .bottom-course[data-v-3aa27ae2]{height:180px}}@media (max-width:1199.9px){.courses .one[data-v-3aa27ae2]{height:380px;max-width:32%;min-width:auto}.courses .one>img[data-v-3aa27ae2]{height:240px;width:100%}.courses .one .bottom-course[data-v-3aa27ae2]{height:140px;padding:20px 20px 30px;width:100%}.courses .one .bottom-course p[data-v-3aa27ae2]{font-size:16px}.courses .one .bottom-course .title[data-v-3aa27ae2]{font-size:20px;margin-bottom:15px;margin-top:5px}.courses .one .custom-btn[data-v-3aa27ae2]{height:50px;margin-top:20px}.courses .one.hovered:hover .bottom-course[data-v-3aa27ae2]{height:180px}}@media (max-width:991.9px){.main-wrap1 .container>p[data-v-3aa27ae2]{font-size:20px;margin-bottom:40px;margin-top:5px}.courses .one[data-v-3aa27ae2]{height:300px}.courses .one>img[data-v-3aa27ae2]{height:180px;width:100%}.courses .one .bottom-course[data-v-3aa27ae2]{height:140px;padding:15px}.courses .one .bottom-course p[data-v-3aa27ae2]{font-size:16px}.courses .one .bottom-course .title[data-v-3aa27ae2]{font-size:20px;margin-bottom:15px;margin-top:5px}.courses .one .custom-btn[data-v-3aa27ae2]{height:50px;margin-top:20px}.courses .one.hovered:hover .bottom-course[data-v-3aa27ae2]{height:180px}}@media (max-width:767.9px){.default-title[data-v-3aa27ae2]{font-size:32px}.main-wrap1 .container>p[data-v-3aa27ae2]{font-size:16px;margin-bottom:30px}.courses[data-v-3aa27ae2]{flex-wrap:wrap}.courses .one[data-v-3aa27ae2]{height:300px;margin-right:20px;max-width:100%;min-width:0;width:46%}}@media (max-width:575.9px){.default-title[data-v-3aa27ae2]{font-size:26px}.main-wrap1 .container>p[data-v-3aa27ae2]{font-size:16px;margin-bottom:30px}.courses .one[data-v-3aa27ae2]{height:340px;margin-left:auto;margin-right:auto;max-width:100%;min-width:0;width:330px}.courses .one>img[data-v-3aa27ae2]{height:220px;width:100%}.courses .one .bottom-course[data-v-3aa27ae2]{height:115px;padding:15px}.courses .one .bottom-course p[data-v-3aa27ae2]{font-size:16px}.courses .one .bottom-course .title[data-v-3aa27ae2]{font-size:20px;margin-bottom:15px;margin-top:5px}.courses .one.hovered:hover .bottom-course[data-v-3aa27ae2]{height:115px}.courses .one.hovered:hover .bottom-course .custom-btn[data-v-3aa27ae2]{display:none}}
.close[data-v-72e57f36]{box-shadow:inset -3px -3px 6px rgba(149,199,237,.7),inset 3px 3px 6px rgba(149,199,237,.8);height:50px;padding:5px;position:absolute;right:-20px;top:-20px;transition:.3s ease;width:50px}.close[data-v-72e57f36],.close .inner[data-v-72e57f36]{background:#fff;border-radius:10px}.close .inner[data-v-72e57f36]{align-items:center;box-shadow:0 20px 14px rgba(0,0,0,.1);display:flex;justify-content:center;transition:.2s ease;width:100%}.close:active .inner[data-v-72e57f36]{background:#e6e6e6;box-shadow:0 0 0 rgba(0,0,0,.1)}.modal-dialog[data-v-72e57f36]{margin:0;max-width:100%;position:relative;text-align:center}.discount_pop[data-v-72e57f36]{background:#103a8a;border:10px solid #5b11d1;border-radius:20px;height:auto;margin-left:auto;margin-right:auto;text-align:center;transform:translateZ(3px);width:680px}.dis_top[data-v-72e57f36]{align-items:center;display:flex;justify-content:center;padding-bottom:23px;padding-top:40px}.img_30[data-v-72e57f36],.img_30 img[data-v-72e57f36]{position:relative}.img_30 img[data-v-72e57f36]{z-index:2}.img_30 .shadow_30[data-v-72e57f36]{filter:blur(12px);left:0;position:absolute;top:10px;z-index:1}.top_texts[data-v-72e57f36]{margin-left:30px}.top_texts h2[data-v-72e57f36]{color:#ff6a15;font-size:32px;margin-bottom:10px}.top_texts h2[data-v-72e57f36],.top_texts p[data-v-72e57f36]{font-style:normal;font-weight:800}.top_texts p[data-v-72e57f36]{color:#fff;font-size:22px;line-height:1.1}.description[data-v-72e57f36]{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:1.2;margin-left:auto;margin-right:auto;margin-top:25px;text-align:center;width:calc(100% - 180px)}.description span[data-v-72e57f36]{color:#ff6a15;font-weight:800}.description .grey[data-v-72e57f36]{color:#9a9a9a;font-weight:400}.dis_bottom[data-v-72e57f36]{background:#365e7d;border-radius:10px;margin-top:23px;padding:30px 0 20px;text-align:center}.dis_bottom p[data-v-72e57f36]{color:#fff;font-size:18px;font-style:normal;font-weight:400;line-height:1.3;margin-bottom:20px;margin-top:10px;opacity:.5}.dis_bottom .orange-default[data-v-72e57f36]{height:60px;width:360px}.timer[data-v-72e57f36]{align-items:center;display:flex;justify-content:center}.timer .dot[data-v-72e57f36]{color:#303030;font-size:14px;font-style:normal;font-weight:900;line-height:1.2;margin:0 10px}.timer .block_time[data-v-72e57f36]{background:#303030;border-radius:6px;height:80px;padding:13px 0;width:80px}.timer .block_time h4[data-v-72e57f36]{color:#ff6a15;font-size:26px;font-style:normal;font-weight:700;line-height:1.2;margin-bottom:0}.timer .block_time span[data-v-72e57f36]{color:#8d8d8d;font-size:14px;font-style:normal;font-weight:400;line-height:1.2}@media (max-width:992px){.discount_pop[data-v-72e57f36]{border-width:7px;width:550px}.img_30 img[data-v-72e57f36]{width:150px}.top_texts[data-v-72e57f36]{margin-left:20px}.top_texts h2[data-v-72e57f36]{font-size:26px;margin-bottom:8px}.top_texts p[data-v-72e57f36]{font-size:18px}.description[data-v-72e57f36]{font-size:16px;margin-top:15px;width:calc(100% - 60px)}.dis_bottom[data-v-72e57f36]{border-radius:10px;padding:20px 0 10px}.dis_bottom p[data-v-72e57f36]{font-size:16px;margin-bottom:10px;margin-top:5px}.dis_bottom .orange-default[data-v-72e57f36]{height:50px;width:360px}.timer .dot[data-v-72e57f36]{font-size:13px;margin:0 7px}.timer .block_time[data-v-72e57f36]{height:60px;padding:8px 0;width:60px}.timer .block_time h4[data-v-72e57f36]{font-size:22px}.timer .block_time span[data-v-72e57f36]{font-size:12px}}@media (max-width:576px){.discount_pop[data-v-72e57f36]{border-radius:20px;width:calc(100% - 30px)}}@media (max-width:449.9px){.img_30 img[data-v-72e57f36]{width:100px}.top_texts[data-v-72e57f36]{margin-left:10px}.top_texts h2[data-v-72e57f36]{font-size:20px;margin-bottom:5px}.top_texts p[data-v-72e57f36]{font-size:12px}.description[data-v-72e57f36]{font-size:14px;margin-top:10px;width:calc(100% - 40px)}.dis_bottom[data-v-72e57f36]{border-radius:10px 10px 13px 13px;margin-top:30px;padding:30px 0}.dis_bottom p[data-v-72e57f36]{font-size:14px;margin-bottom:20px;margin-top:10px}.dis_bottom .orange-default[data-v-72e57f36]{height:50px;width:calc(100% - 40px)}.timer .dot[data-v-72e57f36]{font-size:14px;margin:0 10px}.timer .block_time[data-v-72e57f36]{height:60px;padding:13px 0;width:70px}.timer .block_time h4[data-v-72e57f36]{font-size:16px}.timer .block_time span[data-v-72e57f36]{font-size:10px}}
.gift-notification-block[data-v-8e8a74bc]{background:#365e7d;border-radius:50px;bottom:50px;cursor:pointer;left:30px;padding:15px 20px;position:fixed;text-align:center}.gift-notification-block svg[data-v-8e8a74bc]{height:100px;width:100px}.gift-notification-block .text[data-v-8e8a74bc]{color:#fec83d;font-family:Raleway,sans-serif;font-size:22px;font-style:normal;font-weight:500;line-height:22px}.gift-notification-block .text span[data-v-8e8a74bc]{font-weight:700}.btn-flex[data-v-8e8a74bc]{display:flex;justify-content:center;margin-top:35px;width:100%}.header-hearts[data-v-8e8a74bc]{display:none;vertical-align:middle}.select_level[data-v-8e8a74bc]{align-items:center;background:#365e7d;border-radius:40px;box-shadow:0 20px 14px rgba(0,0,0,.1);cursor:pointer;display:flex;height:64px;justify-content:flex-start;padding:0 20px;position:absolute;right:100px;top:175px;transition:.1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:285px}.select_level.active[data-v-8e8a74bc]{border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.select_level.active>svg[data-v-8e8a74bc]{transform:rotate(180deg)}.select_level img[data-v-8e8a74bc]{height:40px;width:40px}.select_level .text[data-v-8e8a74bc]{margin-left:10px;max-width:150px}.select_level .text p[data-v-8e8a74bc]{color:#fff;font-family:Nunito;font-size:14px;font-weight:400;margin-bottom:0}.select_level .text span[data-v-8e8a74bc]{color:#fff;font-family:Nunito;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select_level svg[data-v-8e8a74bc]{margin-left:auto;transition:.1s ease}.mini_select[data-v-8e8a74bc]{background:#365e7d;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 10px 14px rgba(0,0,0,.1);display:none;left:0;padding:10px;position:absolute;top:100%;transition:opacity .5s ease;width:100%;z-index:100}.mini_select.active[data-v-8e8a74bc]{display:block;opacity:1}.mini_select.active.mobile[data-v-8e8a74bc]{display:none}.mini_select .level[data-v-8e8a74bc]{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:7px 5px}.mini_select .level[data-v-8e8a74bc]:hover{background-color:hsla(0,0%,60%,.42)}.mini_select .level+.level[data-v-8e8a74bc]{border-top:1px solid #f0f0f0}.mini-block[data-v-8e8a74bc]{align-items:center;bottom:-15px;display:flex;height:85px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:160px;z-index:30}.mini-block img[data-v-8e8a74bc],.mini-block svg[data-v-8e8a74bc]{z-index:31}.mini-block .back[data-v-8e8a74bc]{height:100%;left:0;position:absolute;top:0;width:100%}.mini-block .light-wrap[data-v-8e8a74bc]{align-items:center;display:flex;height:calc(100% - 20px);justify-content:center;left:50%;position:absolute;top:7px;transform:translateX(-50%);width:calc(100% - 26px);z-index:35}.mini-block .light-wrap .lightning[data-v-8e8a74bc]{position:relative;z-index:36}.mini-block .light-wrap span[data-v-8e8a74bc]{color:#303030;font-family:Nunito,sans-serif;font-size:48px;font-weight:900;line-height:1;margin-left:10px;position:relative;z-index:36}.mini-block .mini-wrap[data-v-8e8a74bc]{height:100%;left:0;position:absolute;top:0;width:100%}.back-btn[data-v-8e8a74bc]{align-items:center;border-radius:30px;display:flex;justify-content:center;padding:12px 30px}.back-btn span[data-v-8e8a74bc]{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:700;line-height:1;margin-left:7px}.lesson_wrap[data-v-8e8a74bc]{background:#3c80e7;background-size:100%;min-height:80vh;padding-bottom:150px;padding-top:150px;position:relative}.lesson_wrap .custom-header[data-v-8e8a74bc]{background-color:rgba(54,94,125,.5);height:66px;left:0;margin-bottom:80px;position:sticky;top:100px;width:100%;z-index:50}.lesson_wrap .custom-header .custom-container[data-v-8e8a74bc]{align-items:center;display:flex;height:100%;justify-content:flex-start}.lesson_wrap .custom-container[data-v-8e8a74bc]{display:block;position:relative}.lesson_wrap .custom-container .container[data-v-8e8a74bc]{margin-top:-50px}.lesson_wrap .custom-container .course-title[data-v-8e8a74bc]{color:#fff;display:inline-block;font-family:Nunito,sans-serif;font-size:36px;font-weight:900;line-height:1.2;margin-bottom:50px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]{align-items:center;border-radius:10px;display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:100%;padding:15px 130px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:active{margin-bottom:-10px;margin-top:10px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:active:after{bottom:0}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:after{border-radius:22px;bottom:-10px}.lesson_wrap .custom-container .orange-default span[data-v-8e8a74bc]{color:#fff;font-size:22px;font-weight:700;line-height:1.1;margin-left:15px}.lesson_wrap .lessons_wrap[data-v-8e8a74bc]{align-items:flex-start;background:#5494f5;border-radius:20px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;padding:30px 30px 25px;position:relative;width:100%}.lesson_wrap .lesson_name[data-v-8e8a74bc]{color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:26px;margin-bottom:0;width:100%}.lesson_wrap .lesson_exercises[data-v-8e8a74bc]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}.lesson_wrap .open-close-lesson[data-v-8e8a74bc]{position:absolute;right:30px;top:40px}.lesson_wrap .state-lesson[data-v-8e8a74bc]{cursor:pointer;position:absolute;right:60px;top:36px}.lesson_wrap .open_arrow[data-v-8e8a74bc]{transform:rotate(180deg)}.one_exercise[data-v-8e8a74bc]{cursor:pointer;display:inline-block;margin-bottom:60px;margin-left:auto;margin-right:auto;position:relative;text-align:center;width:285px}.one_exercise:hover .exercise_wrap[data-v-8e8a74bc]{margin-bottom:5px;margin-top:-5px;transition:.1s ease-in}.one_exercise .name_exercise[data-v-8e8a74bc]{color:#fff;display:inline-block;font-family:Nunito,sans-serif;font-size:30px;font-weight:800;line-height:1.1;margin-top:30px}.one_exercise .wrap_shadow[data-v-8e8a74bc]{left:0;position:absolute;top:0;z-index:0}@keyframes bounce-8e8a74bc{0%,20%,53%,80%,to{transform:translateZ(0);transition-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{transform:translate3d(0,-4px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-2px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}90%{transform:translate3d(0,-1px,0)}}.exercise_wrap[data-v-8e8a74bc]{height:244px;position:relative;transition:.1s ease-in;z-index:20}.exercise_wrap.animate[data-v-8e8a74bc]{animation:bounce-8e8a74bc 1s infinite}.exercise_wrap .white_back[data-v-8e8a74bc]{align-items:center;background-image:url(/img/white_back.png);background-size:100% 100%;display:flex;height:calc(100% - 40px);justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);z-index:22}.exercise_wrap .white_back.green[data-v-8e8a74bc]{opacity:.5}.exercise_wrap .white_back img[data-v-8e8a74bc]{height:90%;max-height:100%;max-width:100%;width:90%}.progress-bar[data-v-8e8a74bc]{background:rgba(0,0,0,.3);border-radius:25px;height:30px;margin-left:40px;max-width:469px;width:100%}.progress-bar .progress-bar_line[data-v-8e8a74bc]{background:#ffd74b;border-radius:12px;height:100%;min-width:12px;transition:width .25s}.wrap_image[data-v-8e8a74bc]{position:relative;width:100%;z-index:1}.mobile_setting[data-v-8e8a74bc]{display:none}@media (max-width:1540px){.lesson_wrap[data-v-8e8a74bc]{padding-top:200px}.lesson_wrap .custom-header[data-v-8e8a74bc]{margin-bottom:60px;top:75px}.lesson_wrap .custom-container .course-title[data-v-8e8a74bc]{display:block;font-size:30px;margin-bottom:45px;text-align:center}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]{border-radius:8px;padding:10px 100px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:active{margin-bottom:-5px;margin-top:5px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:active:after{bottom:0}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:after{border-radius:8px;bottom:-5px}.lesson_wrap .custom-container .orange-default span[data-v-8e8a74bc]{font-size:18px;margin-left:8px}.lesson_wrap .lesson_name[data-v-8e8a74bc]{font-size:40px;margin-bottom:0}.lesson_wrap .lessons_wrap[data-v-8e8a74bc]{border-radius:30px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:30px;padding:40px 65px 25px;width:80%}.exercise_wrap .white_back[data-v-8e8a74bc]{height:calc(100% - 30px);width:calc(100% - 30px)}.mini-block[data-v-8e8a74bc]{bottom:-10px;height:55px;width:120px}.mini-block img[data-v-8e8a74bc]{height:90%}.mini-block .light-wrap[data-v-8e8a74bc]{height:calc(100% - 15px);top:7px;width:calc(100% - 20px)}.mini-block .light-wrap .lightning[data-v-8e8a74bc]{height:80%}.mini-block .light-wrap span[data-v-8e8a74bc]{font-size:28px;margin-left:8px}.one_exercise[data-v-8e8a74bc]{margin-bottom:20px;width:215px}.one_exercise .name_exercise[data-v-8e8a74bc]{font-size:23px;margin-top:25px}.exercise_wrap[data-v-8e8a74bc]{height:185px}}@media (max-width:1199.9px){.lesson_wrap .lessons_wrap[data-v-8e8a74bc]{border-radius:30px;margin-top:30px;padding:30px 30px 25px;width:100%}}@media (max-width:992px){.lesson_wrap[data-v-8e8a74bc]{padding-top:178px}.header-hearts[data-v-8e8a74bc]{display:block;margin:0 auto;text-align:center}.back-btn[data-v-8e8a74bc]{border-radius:25px;height:32px;padding:5px 20px;width:220px}.back-btn span[data-v-8e8a74bc]{font-size:16px;margin-left:7px}.back-btn img[data-v-8e8a74bc]{width:18px}.progress-bar[data-v-8e8a74bc]{background:rgba(2,2,2,.3);border-radius:25px;box-sizing:border-box;height:30px;margin-left:auto;max-width:469px;width:calc(100% - 240px)}.progress-bar .progress-bar_line[data-v-8e8a74bc]{border-radius:12px;height:100%;min-width:12px;transition:width .25s}.lesson_wrap .custom-header[data-v-8e8a74bc]{height:60px}.lesson_wrap .custom-container .course-title[data-v-8e8a74bc]{font-size:28px;margin-bottom:30px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]{border-radius:8px;display:flex;padding:10px 70px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:after{border-radius:10px}.lesson_wrap .custom-container .orange-default span[data-v-8e8a74bc]{font-size:18px;margin-left:10px}.lesson_wrap .lessons_wrap[data-v-8e8a74bc]{border-radius:20px;margin-top:30px;padding:30px 25px}.lesson_wrap .lesson_name[data-v-8e8a74bc]{font-size:38px;margin-bottom:0}.one_exercise[data-v-8e8a74bc]{margin-bottom:50px;width:250px}.one_exercise .name_exercise[data-v-8e8a74bc]{font-size:30px;margin-top:25px}.exercise_wrap[data-v-8e8a74bc]{height:214px}.exercise_wrap .white_back[data-v-8e8a74bc]{height:calc(100% - 40px);overflow:hidden;width:calc(100% - 40px)}}@media (max-width:768px){.gift-notification-block[data-v-8e8a74bc]{background:#365e7d;border-radius:10px;bottom:20px;cursor:pointer;left:5px;padding:10px;position:fixed;text-align:center;z-index:30}.gift-notification-block svg[data-v-8e8a74bc]{height:50px;width:50px}.gift-notification-block .text[data-v-8e8a74bc]{color:#fec83d;font-family:Raleway,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:12px}.gift-notification-block .text span[data-v-8e8a74bc]{display:block;font-weight:700}.mini_select[data-v-8e8a74bc]{background:#fff;border-radius:0;box-shadow:none;display:block;height:100vh;left:-100%;padding:80px 14%;position:fixed;top:0;transition:.5s ease;width:100%;z-index:500}.mini_select .closing[data-v-8e8a74bc]{position:absolute;right:25px;top:25px}.mini_select .h3[data-v-8e8a74bc]{font-size:22px;font-weight:800}.mini_select.active[data-v-8e8a74bc]{left:0}.mini_select.active.mobile[data-v-8e8a74bc]{display:block}.mini_select .level[data-v-8e8a74bc]{color:#000;padding:10px 15px}.mini_select .level span[data-v-8e8a74bc]{font-size:18px;font-weight:500}.mini_select .level[data-v-8e8a74bc]:hover{background-color:hsla(0,0%,60%,.42)}.mini_select .level+.level[data-v-8e8a74bc]{border-top:1px solid #000}.back-btn[data-v-8e8a74bc]{padding:3px 10px;width:30%}.back-btn span[data-v-8e8a74bc]{text-transform:capitalize}.progress-bar[data-v-8e8a74bc]{margin-right:auto;width:30%}.mobile_setting[data-v-8e8a74bc]{align-items:center;background:#365e7d;border-radius:25px;display:flex;height:30px;justify-content:flex-start;padding:0 10px;width:30%}.mobile_setting img[data-v-8e8a74bc]{height:20px;width:20px}.mobile_setting span[data-v-8e8a74bc]{color:#fff;font-size:12px;line-height:1;margin-left:5px}.select_level[data-v-8e8a74bc]{display:none}.lesson_wrap[data-v-8e8a74bc]{padding-top:125px}.lesson_wrap .custom-header[data-v-8e8a74bc]{top:60px}.lesson_wrap .custom-container[data-v-8e8a74bc]{display:block;position:relative;text-align:center}.lesson_wrap .custom-container .container[data-v-8e8a74bc]{margin-top:-50px}.lesson_wrap .custom-container .course-title[data-v-8e8a74bc]{display:inline-block;font-size:24px;margin-bottom:20px;text-align:center}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:active{margin-bottom:-5px;margin-top:5px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:after{bottom:-5px}.lesson_wrap .lessons_wrap[data-v-8e8a74bc]{border-radius:15px;margin-top:50px;padding:25px 20px}.lesson_wrap .lesson_name[data-v-8e8a74bc]{font-size:34px;margin-bottom:0}.one_exercise[data-v-8e8a74bc]{margin-bottom:30px;width:200px}.one_exercise .name_exercise[data-v-8e8a74bc]{font-size:26px;margin-top:25px}.exercise_wrap[data-v-8e8a74bc]{height:170px}.exercise_wrap .white_back[data-v-8e8a74bc]{height:calc(100% - 30px);overflow:hidden;width:calc(100% - 30px)}.mini-block[data-v-8e8a74bc]{bottom:-10px;height:52px;width:100px}.mini-block .light-wrap[data-v-8e8a74bc]{height:calc(100% - 15px);top:7px;width:calc(100% - 26px);z-index:35}.mini-block .light-wrap span[data-v-8e8a74bc]{font-size:20px;margin-left:5px}.mini-block .light-wrap .lightning[data-v-8e8a74bc]{height:70%}.mini-block svg[data-v-8e8a74bc]{height:60%}}@media (max-width:576px){.back-btn[data-v-8e8a74bc]{background:#365e7d;box-shadow:0 20px 14px rgba(0,0,0,.1)}.progress-bar[data-v-8e8a74bc]{border-radius:15px;height:10px}.lesson_wrap .custom-header[data-v-8e8a74bc]{background:transparent}.lesson_wrap .custom-container[data-v-8e8a74bc]{display:block;position:relative;text-align:center}.lesson_wrap .custom-container .container[data-v-8e8a74bc]{margin-top:-50px}.lesson_wrap .custom-container .course-title[data-v-8e8a74bc]{font-size:20px;margin-bottom:20px}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]{border-radius:12px;padding:10px 0;width:100%}.lesson_wrap .custom-container .orange-default[data-v-8e8a74bc]:after{border-radius:12px}.lesson_wrap .custom-container .orange-default span[data-v-8e8a74bc]{font-size:16px}.lesson_wrap .lessons_wrap[data-v-8e8a74bc]{border-radius:15px;margin-top:10px;padding:15px 20px 5px}.lesson_wrap .lesson_name[data-v-8e8a74bc]{font-size:20px;margin-bottom:0;text-align:left}.one_exercise[data-v-8e8a74bc]{margin-bottom:30px;width:47%}.one_exercise .name_exercise[data-v-8e8a74bc]{font-size:16px;margin-top:20px}.exercise_wrap .white_back[data-v-8e8a74bc]{height:calc(100% - 50px);overflow:hidden;top:40%;width:calc(100% - 20px)}.mini-block[data-v-8e8a74bc]{bottom:20px;height:40px;width:80px}.mini-block .light-wrap[data-v-8e8a74bc]{height:calc(100% - 15px);top:7px;width:calc(100% - 26px);z-index:35}.mini-block .light-wrap span[data-v-8e8a74bc]{font-size:20px;margin-left:5px}.mini-block .light-wrap .lightning[data-v-8e8a74bc]{height:70%}.mini-block svg[data-v-8e8a74bc]{height:60%}.lesson_wrap .custom-container .course-title[data-v-8e8a74bc]{margin-bottom:10px;margin-top:15px}.lesson_wrap .open-close-lesson[data-v-8e8a74bc]{right:20px;top:15px}.lesson_wrap .state-lesson[data-v-8e8a74bc]{right:50px;top:8px}}
.select_level[data-v-4e8c2a2e]{align-items:center;background:#365e7d;border-radius:40px;box-shadow:0 20px 14px rgba(0,0,0,.1);cursor:pointer;display:flex;height:64px;justify-content:flex-start;padding:0 20px;position:absolute;right:100px;top:175px;transition:.1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:285px}.select_level.active[data-v-4e8c2a2e]{border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.select_level.active>svg[data-v-4e8c2a2e]{transform:rotate(180deg)}.select_level img[data-v-4e8c2a2e]{height:40px;width:40px}.select_level .text[data-v-4e8c2a2e]{margin-left:10px;max-width:150px}.select_level .text p[data-v-4e8c2a2e]{color:#fff;font-family:Nunito;font-size:14px;font-weight:400;margin-bottom:0}.select_level .text span[data-v-4e8c2a2e]{color:#fff;font-family:Nunito;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select_level svg[data-v-4e8c2a2e]{margin-left:auto;transition:.1s ease}.items__road-top[data-v-4e8c2a2e]{background-position:bottom;background-repeat:no-repeat;height:245px;top:0}.items__road[data-v-4e8c2a2e],.items__road-top[data-v-4e8c2a2e]{background-size:100%;left:0;position:absolute;right:0}.items__road[data-v-4e8c2a2e]{background-position:top;bottom:0;top:245px}.back-btn[data-v-4e8c2a2e]{align-items:center;display:flex;justify-content:center;left:0;position:absolute}.back-btn span[data-v-4e8c2a2e]{color:#fff;font-family:Nunito,sans-serif;font-size:22px;font-weight:700;line-height:1;margin-left:5px}.title_course[data-v-4e8c2a2e]{color:#ffcf6a;font-family:Nunito;font-size:64px;font-weight:900;line-height:1.2;margin-bottom:60px;text-align:center}.lesson_wrap[data-v-4e8c2a2e]{background-image:url(/img/just_courses/default.jpg);background-repeat:repeat;background-size:100%;min-height:89vh;padding-top:0;position:relative}.lesson_wrap .custom-header[data-v-4e8c2a2e]{background-color:rgba(0,0,0,.4);height:80px;left:0;margin-bottom:80px;position:sticky;top:0;width:100%;z-index:50}.lesson_wrap .custom-header .custom-container[data-v-4e8c2a2e]{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.problems_wrap[data-v-4e8c2a2e]{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:calc(100% - 30px);position:relative;width:1110px}.problems_wrap .items_row[data-v-4e8c2a2e]{display:flex;gap:60px;justify-content:center;margin-bottom:10px;padding-bottom:85px;padding-top:85px;position:relative;width:100%;z-index:1}.problems_wrap .items_row[data-v-4e8c2a2e]:first-child{padding-top:0}.problems_wrap .items_row[data-v-4e8c2a2e]:nth-child(2n){flex-direction:row-reverse}.problems_wrap .one_item[data-v-4e8c2a2e]{border-radius:50%;box-shadow:0 14px 24px rgba(0,0,0,.15),inset -6px -6px 10px rgba(0,0,0,.25);height:150px;position:relative;width:150px}.problems_wrap .one_item[data-v-4e8c2a2e]:nth-child(2n){margin-top:-30px}.problems_wrap .one_item .href[data-v-4e8c2a2e]{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:2}.problems_wrap .one_item .one_item__img[data-v-4e8c2a2e]{background-repeat:no-repeat;background-size:contain;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.problems_wrap .one_item.item--done .one_item__img[data-v-4e8c2a2e]{align-items:center;background-image:url(/img/item-done.png);color:#7ec15c;display:flex;justify-content:center}.problems_wrap .one_item.item--done .one_item__img span[data-v-4e8c2a2e]{color:#303030;font-family:Nunito;font-size:48px;font-weight:900;line-height:1.2;text-align:center}.problems_wrap .one_item.item--lock .one_item__img[data-v-4e8c2a2e]{background-image:url(/img/item-lock.png)}.problems_wrap .one_item.active .one_item__img[data-v-4e8c2a2e]{background-image:url(/img/item-default.png)}.item--animated[data-v-4e8c2a2e]{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:bounce-4e8c2a2e;transform-origin:center bottom}.item--shaking[data-v-4e8c2a2e]{animation-duration:1s;animation-name:smallShake-4e8c2a2e}@keyframes smallShake-4e8c2a2e{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-5px,0,0)}20%,40%,60%,80%{transform:translate3d(5px,0,0)}}@keyframes bounce-4e8c2a2e{0%,20%,53%,80%,to{transform:translateZ(0);transition-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{transform:translate3d(0,-30px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-15px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}90%{transform:translate3d(0,-4px,0)}}.percent_img[data-v-4e8c2a2e]{margin-right:10px}.percent_text[data-v-4e8c2a2e]{color:#fff;font-family:Nunito;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:0;margin-left:19px}.progress-bar[data-v-4e8c2a2e]{background:#ffe2d1;border-radius:10px;height:18px;max-width:100%;width:802px}.progress-bar .progress-bar_line[data-v-4e8c2a2e]{background:#ff6a15;border-radius:10px;height:100%;min-width:12px;transition:width .25s;width:5%}.wrap_image[data-v-4e8c2a2e]{position:relative;width:100%;z-index:1}@media (max-width:1540px){.lesson_wrap[data-v-4e8c2a2e]{padding-top:0}.lesson_wrap .custom-header[data-v-4e8c2a2e]{margin-bottom:60px;top:0}.progress-bar[data-v-4e8c2a2e]{width:400px}}@media (max-width:1191.9px){.percent_img[data-v-4e8c2a2e]{margin-left:auto;margin-right:10px}.title_course[data-v-4e8c2a2e]{font-size:54px}.problems_wrap[data-v-4e8c2a2e]{width:910px}.problems_wrap .items_row[data-v-4e8c2a2e]{gap:60px;margin-bottom:10px;padding-bottom:80px;padding-top:65px}.problems_wrap .items_row[data-v-4e8c2a2e]:first-child{padding-top:20px}.problems_wrap .one_item[data-v-4e8c2a2e]{height:120px;width:120px}}@media (max-width:991.9px){.percent_img[data-v-4e8c2a2e]{height:30px;width:30px}.progress-bar[data-v-4e8c2a2e]{height:14px;width:300px}.title_course[data-v-4e8c2a2e]{font-size:44px;margin-bottom:30px}.problems_wrap[data-v-4e8c2a2e]{width:720px}.problems_wrap .items_row[data-v-4e8c2a2e]{gap:60px;margin-bottom:10px;padding-bottom:60px;padding-top:50px}.problems_wrap .items_row[data-v-4e8c2a2e]:first-child{padding-top:20px}.problems_wrap .one_item[data-v-4e8c2a2e]{height:90px;width:90px}.problems_wrap .one_item.item--done .one_item__img span[data-v-4e8c2a2e]{font-size:38px}.items__road-top[data-v-4e8c2a2e]{height:165px}.items__road[data-v-4e8c2a2e]{top:165px}.back-btn[data-v-4e8c2a2e]{border-radius:25px;box-shadow:0 15px 10px rgba(0,0,0,.1);height:32px;padding:5px 20px;width:220px}.back-btn span[data-v-4e8c2a2e]{font-size:16px;margin-left:7px}.back-btn img[data-v-4e8c2a2e]{width:18px}.lesson_wrap .custom-header[data-v-4e8c2a2e]{height:60px}}@media (max-width:768px){.problems_wrap[data-v-4e8c2a2e]{width:540px}.problems_wrap .items_row[data-v-4e8c2a2e]{gap:60px;margin-bottom:10px;padding-bottom:40px;padding-top:45px}.problems_wrap .items_row[data-v-4e8c2a2e]:first-child{padding-top:55px}.problems_wrap .one_item[data-v-4e8c2a2e]{height:60px;width:60px}.problems_wrap .one_item.item--done .one_item__img span[data-v-4e8c2a2e]{font-size:24px}.back-btn[data-v-4e8c2a2e]{box-shadow:none;width:auto}.back-btn span[data-v-4e8c2a2e]{text-transform:capitalize}.progress-bar[data-v-4e8c2a2e]{width:30%}.lesson_wrap[data-v-4e8c2a2e]{padding-top:0}.lesson_wrap .custom-header[data-v-4e8c2a2e]{top:0}}@media (max-width:576px){.progress-bar[data-v-4e8c2a2e]{border-radius:15px;height:10px}.problems_wrap[data-v-4e8c2a2e]{width:360px}.problems_wrap .items_row[data-v-4e8c2a2e]{gap:38px;margin-bottom:0;padding-bottom:25px;padding-top:15px}.problems_wrap .items_row[data-v-4e8c2a2e]:first-child{padding-top:10px}.problems_wrap .one_item[data-v-4e8c2a2e]{height:60px;width:60px}.problems_wrap .one_item.item--done .one_item__img span[data-v-4e8c2a2e]{font-size:20px}.problems_wrap .one_item[data-v-4e8c2a2e]:nth-child(2n){margin-top:-10px}.lesson_wrap[data-v-4e8c2a2e]{min-height:92vh}.items__road-top[data-v-4e8c2a2e]{height:85px}.items__road[data-v-4e8c2a2e]{top:85px}}

.problem-variants-column[data-v-a1474eba]{flex-direction:column}.problem-variant-row[data-v-a1474eba]{align-items:center;display:flex;justify-content:center;margin-bottom:15px;width:100%}.problem-variant-text[data-v-a1474eba]{line-height:1.2;margin:0 5px}.problem-variant-input[data-v-a1474eba],.problem-variant-text[data-v-a1474eba]{color:#536069;font-family:Nunito,sans-serif;font-size:24px;font-weight:800}.problem-variant-input[data-v-a1474eba]{border:2px solid #365e7d;border-radius:5px;caret-color:#365e7d;height:40px;min-width:100px;width:100px}.problem-variant-input[data-v-a1474eba]:focus-visible{border:2px solid #365e7d;outline:none}.problem-variant--type-selected[data-v-a1474eba]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-a1474eba]{position:relative;z-index:9999}.draggable[data-v-a1474eba]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-a1474eba]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-a1474eba]:before{box-shadow:none}.droppable[data-v-a1474eba]{z-index:999}.droppable svg[data-v-a1474eba]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-a1474eba]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-a1474eba],.drop[data-v-a1474eba]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-a1474eba]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-a1474eba]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-a1474eba] p{margin-bottom:0}.problem-content__text[data-v-a1474eba]{word-break:break-all}.success-nav-btn[data-v-a1474eba]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-a1474eba]{height:100%}.success-nav-btn span[data-v-a1474eba]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}.wrong-nav-btn[data-v-a1474eba]{align-items:center;background:red;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.wrong-nav-btn img[data-v-a1474eba]{height:100%}.wrong-nav-btn span[data-v-a1474eba]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-a1474eba]{height:40px}.success-nav-btn span[data-v-a1474eba]{font-size:28px;margin-left:10px}.wrong-nav-btn[data-v-a1474eba]{height:40px}.wrong-nav-btn span[data-v-a1474eba]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-a1474eba]{height:50px}.success-nav-btn span[data-v-a1474eba]{font-size:28px}.wrong-nav-btn[data-v-a1474eba]{height:50px}.wrong-nav-btn span[data-v-a1474eba]{font-size:28px}}@media (max-width:460px){.success-nav-btn[data-v-a1474eba]{border-radius:20px;height:40px}.success-nav-btn span[data-v-a1474eba]{font-size:22px}.wrong-nav-btn[data-v-a1474eba]{border-radius:20px;height:40px}.wrong-nav-btn span[data-v-a1474eba]{font-size:22px}}

.problem-variant--type-selected[data-v-64237063]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-64237063]{position:relative;z-index:9999}.draggable[data-v-64237063]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-64237063]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-64237063]:before{box-shadow:none}.droppable[data-v-64237063]{z-index:999}.droppable svg[data-v-64237063]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-64237063]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-64237063],.drop[data-v-64237063]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-64237063]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-64237063]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-64237063] p{margin-bottom:0}.success-nav-btn[data-v-64237063]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-64237063]{height:100%}.success-nav-btn span[data-v-64237063]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-64237063]{height:40px}.success-nav-btn span[data-v-64237063]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-64237063]{height:50px}.success-nav-btn span[data-v-64237063]{font-size:28px}}@media (max-width:460px){.success-nav-btn[data-v-64237063]{border-radius:20px;height:40px}.success-nav-btn span[data-v-64237063]{font-size:22px}}
.color_green[data-v-a5064ea4]{color:#5cbb73}.profile-gift[data-v-a5064ea4]{align-items:center;border:1px solid #5699ff;border-radius:10px;display:flex;justify-content:flex-start;margin:10px auto;padding:18px 30px}.main-wrap1[data-v-a5064ea4]{padding-bottom:200px}.settings-card .card-body[data-v-a5064ea4]{padding:0}h2[data-v-a5064ea4]{color:#303030;font-family:Nunito,sans-serif;font-size:36px;font-weight:700;line-height:1;margin-top:30px}.reg_pop[data-v-a5064ea4]{background:#fff;border-radius:10px;padding:20px;position:relative;width:760px}.reg_pop[data-v-a5064ea4],.reg_pop .orange-default[data-v-a5064ea4]{margin-left:auto;margin-right:auto}.reg_pop .orange-default[data-v-a5064ea4]{width:250px}.reg_pop .mt20[data-v-a5064ea4]{margin-top:20px}.reg_pop .button_wrap[data-v-a5064ea4]{text-align:center;width:100%}.reg_pop .input-wrap[data-v-a5064ea4]{margin-bottom:20px}.reg_pop h2[data-v-a5064ea4]{color:#000;font-family:Nunito,sans-serif;font-size:24px;font-weight:500;line-height:1.2;text-align:center}.profile-block[data-v-a5064ea4]{background:#fff;border-radius:10px;box-shadow:0 10px 14px rgba(0,0,0,.1);padding:30px;width:100%}.profile-block label[data-v-a5064ea4]{color:#303030;font-family:Nunito,sans-serif;font-size:18px;font-weight:700;line-height:1.1}.profile-block input[type=text][data-v-a5064ea4]{height:50px}.profile-block.form1[data-v-a5064ea4]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.profile-block.form1 .left[data-v-a5064ea4]{width:calc(100% - 450px)}.profile-block.form1 .left .input-wrap[data-v-a5064ea4]:last-child{margin-top:30px}.profile-block.form1 .right[data-v-a5064ea4]{align-items:flex-start;background:#ffede3;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;padding:30px;width:420px}.profile-block.form1 .right label[data-v-a5064ea4]{align-items:center;display:flex;justify-content:flex-start;margin-bottom:15px}.profile-block.form1 .right button[data-v-a5064ea4]{border:none;box-shadow:inset 3px 3px 4px #ffcaac;height:50px;width:300px}.profile-block.form1 .right button span[data-v-a5064ea4]{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:700;line-height:1;margin-left:10px}.profile-block.form2[data-v-a5064ea4]{align-items:flex-start;display:flex;justify-content:space-between;padding-bottom:50px}.profile-block.form2 .ava_wrap[data-v-a5064ea4]{cursor:pointer;margin-top:10px;position:relative;text-align:center;width:27%}.profile-block.form2 .ava_wrap img[data-v-a5064ea4]{border:5px solid #d85104;border-radius:50%;height:150px;width:150px}.profile-block.form2 .ava_wrap span[data-v-a5064ea4]{align-items:center;background:linear-gradient(120.07deg,#ff6a15 52.44%,#d85104 79.22%);border-radius:6px;box-shadow:0 4px 4px rgba(255,106,21,.2),inset 2px 3px 4px #ffcaac;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:125px;transform:translateX(-50%);width:40px}.profile-block.form2 .inputs_data[data-v-a5064ea4]{width:68%}.profile-block.form2 .inputs_data .input-wrap[data-v-a5064ea4]:last-child{margin-top:30px}input[type=checkbox][data-v-a5064ea4]{-webkit-appearance:none;background:transparent;border:4px solid #ff6a15;border-radius:4px;box-sizing:border-box;cursor:pointer;height:30px;margin-bottom:0;margin-right:15px;width:30px}input[type=checkbox][data-v-a5064ea4]:checked{-webkit-appearance:none;background-color:#ff6a15!important;position:relative}input[type=checkbox][data-v-a5064ea4]:checked:after{-webkit-appearance:none;content:url('data:image/svg+xml; utf8, <svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.8344 12C6.20264 12 5.59959 11.7523 5.16885 11.3394L0.689195 7.04587C-0.229732 6.16514 -0.229732 4.73395 0.689195 3.85321C1.60812 2.97248 3.10138 2.97248 4.0203 3.85321L6.8344 6.55046L12.9797 0.66055C13.8986 -0.220183 15.3919 -0.220183 16.3108 0.66055C17.2297 1.54128 17.2297 2.97248 16.3108 3.85321L8.49995 11.3394C8.04049 11.7523 7.46616 12 6.8344 12Z" fill="white"/></svg>');left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:991.9px){.default-title[data-v-a5064ea4]{font-size:38px}h2[data-v-a5064ea4]{font-size:28px;margin-bottom:30px;margin-top:10px}.profile-block.form1[data-v-a5064ea4]{flex-direction:column}.profile-block.form1 .left[data-v-a5064ea4]{margin-bottom:20px;width:70%}.profile-block.form1 .right[data-v-a5064ea4]{width:70%}}@media (max-width:767.9px){.profile-block.form1 .left[data-v-a5064ea4],.profile-block.form1 .right[data-v-a5064ea4]{width:100%}.profile-block.form2[data-v-a5064ea4]{align-items:center;flex-direction:column}.profile-block.form2 .ava_wrap[data-v-a5064ea4]{margin-bottom:30px;width:-moz-fit-content;width:fit-content}}@media (max-width:575.9px){.default-title[data-v-a5064ea4]{font-size:24px}h2[data-v-a5064ea4]{font-size:18px;margin-bottom:20px}.profile-block[data-v-a5064ea4]{padding:20px 15px}.profile-block label[data-v-a5064ea4]{margin-bottom:5px}.profile-block.form1 .left .input-wrap[data-v-a5064ea4]:last-child{margin-top:20px}.profile-block.form1 .right[data-v-a5064ea4]{padding:20px}.profile-block.form1 .right button[data-v-a5064ea4],.profile-block.form2 .inputs_data[data-v-a5064ea4]{width:100%}}
.success-message[data-v-78fde252]{color:green;margin-bottom:20px}h2[data-v-78fde252]{font-size:40px;font-weight:900;margin-bottom:0;margin-top:40px}h2[data-v-78fde252],p[data-v-78fde252]{color:#303030;font-family:Nunito,sans-serif;line-height:1.2}p[data-v-78fde252]{font-size:20px;font-weight:400;margin-bottom:30px}.form-label[data-v-78fde252]{color:#303030;font-family:Nunito;font-size:18px;font-style:normal;font-weight:700;line-height:1.2;margin-bottom:5px}.form-control[data-v-78fde252],.orange-default[data-v-78fde252]{height:50px}.back_button[data-v-78fde252]{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:inset -6px -6px 6px rgba(149,199,237,.7),inset 5px 5px 6px rgba(149,199,237,.8);display:flex;justify-content:center;margin-top:20px;max-width:155px;padding:18px 15px}.back_button span[data-v-78fde252]{color:#365e7d;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.2;margin-left:10px}form[data-v-78fde252]{max-width:500px}@media (max-width:991.9px){.main-layout .row[data-v-78fde252]{padding:0 20px}}@media (max-width:767.9px){h2[data-v-78fde252]{font-size:26px;margin-top:30px}p[data-v-78fde252]{margin-bottom:20px}.form-label[data-v-78fde252],p[data-v-78fde252]{font-size:14px}.form-control[data-v-78fde252],.orange-default[data-v-78fde252]{height:40px}.back_button[data-v-78fde252]{align-items:center;border:none;border-radius:8px;display:flex;justify-content:center;max-width:155px;padding:5px 10px}.back_button svg[data-v-78fde252]{height:20px;width:20px}.back_button span[data-v-78fde252]{font-size:14px;margin-left:10px}}
.success-message[data-v-86bcb3f4]{color:green;margin-bottom:20px}h2[data-v-86bcb3f4]{font-size:40px;font-weight:900;margin-bottom:0;margin-top:40px}h2[data-v-86bcb3f4],p[data-v-86bcb3f4]{color:#303030;font-family:Nunito,sans-serif;line-height:1.2}p[data-v-86bcb3f4]{font-size:20px;font-weight:400;margin-bottom:30px}.form-label[data-v-86bcb3f4]{color:#303030;font-family:Nunito;font-size:18px;font-style:normal;font-weight:700;line-height:1.2;margin-bottom:5px}.form-control[data-v-86bcb3f4],.orange-default[data-v-86bcb3f4]{height:50px}.back_button[data-v-86bcb3f4]{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:inset -6px -6px 6px rgba(149,199,237,.7),inset 5px 5px 6px rgba(149,199,237,.8);display:flex;justify-content:center;margin-top:20px;max-width:155px;padding:18px 15px}.back_button span[data-v-86bcb3f4]{color:#365e7d;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.2;margin-left:10px}form[data-v-86bcb3f4]{max-width:500px}@media (max-width:991.9px){.main-layout .row[data-v-86bcb3f4]{padding:0 20px}}@media (max-width:767.9px){h2[data-v-86bcb3f4]{font-size:26px;margin-top:30px}p[data-v-86bcb3f4]{margin-bottom:20px}.form-label[data-v-86bcb3f4],p[data-v-86bcb3f4]{font-size:14px}.form-control[data-v-86bcb3f4],.orange-default[data-v-86bcb3f4]{height:40px}.back_button[data-v-86bcb3f4]{align-items:center;border:none;border-radius:8px;display:flex;justify-content:center;max-width:155px;padding:5px 10px}.back_button svg[data-v-86bcb3f4]{height:20px;width:20px}.back_button span[data-v-86bcb3f4]{font-size:14px;margin-left:10px}}
.gift-modal-img{max-width:100%}.standard-popup{background:#273247;border-radius:20px;padding:40px}.standard-popup .close{border:none;position:absolute;right:15px;top:15px}.gift-modal-title{font-size:20px;font-weight:700;line-height:23px;text-transform:uppercase}.gift-modal-text,.gift-modal-title{color:#fff;font-family:Raleway,sans-serif;font-style:normal;text-align:center}.gift-modal-text{font-size:18px;font-weight:500;line-height:21px}.diamonds-block{margin-top:40px}.diamonds-block .title{font-size:40px;font-weight:700;line-height:47px}.diamonds-block .text,.diamonds-block .title{color:#fff;font-family:Raleway,sans-serif;font-style:normal;text-align:center}.diamonds-block .text{font-size:24px;font-weight:400;line-height:28px}.diamonds-block .diamonds-out{margin:15px auto;width:240px}.diamonds-block .diamonds{display:flex;flex-wrap:wrap;justify-content:space-between}.diamonds-block .diamonds .diamond{padding:10px}.diamonds-block .diamonds .diamond-inactive{opacity:.25}.diamonds-block .diamond-gift-button{align-items:center;background:#8f1bd7;border-radius:40px;border-width:0;display:flex;height:78px;justify-content:center;margin:0 auto;width:320px}.diamonds-block .diamond-gift-button img{vertical-align:middle}.diamonds-block .diamond-gift-button span{font-size:18px;font-weight:700;line-height:21px;margin-left:7px;text-transform:uppercase}.diamonds-block .diamond-gift-button span,.standard-popup-button{color:#fff;font-family:Raleway,sans-serif;font-style:normal;text-align:center}.standard-popup-button{align-items:center;background:linear-gradient(118.86deg,#ff6a15 28.59%,#ff6e1c 57.87%,#b44b10 85.97%);border-radius:30px;display:block;font-size:16px;font-weight:500;gap:10px;height:47px;line-height:19px;margin:15px auto;padding:14px 50px}.standard-popup-button:hover{color:#fff!important}.lesson-gift-modal-btn{width:200px}
.main-wrap1[data-v-35f79782]{background:#3c80e7}a.disabled[data-v-35f79782]{cursor:default;pointer-events:none}.plan-page[data-v-35f79782]{margin-bottom:50px}.plan-page .page-title[data-v-35f79782]{color:#fff;font-family:Nunito,sans-serif;font-size:36px;font-style:normal;font-weight:900;line-height:49px;padding-bottom:30px;text-align:center}.plan-page .plan-element[data-v-35f79782]{align-items:center;background:#5699ff;border-radius:10px;display:flex;justify-content:flex-start;margin:10px auto;padding:18px 30px;position:relative}.plan-page .plan-element .icon[data-v-35f79782]{vertical-align:middle}.plan-page .plan-element .title[data-v-35f79782]{color:#fff;font-family:Raleway,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:28px}.plan-page .plan-element .arrow-right[data-v-35f79782],.plan-page .plan-element .title[data-v-35f79782]{margin-left:10px;vertical-align:middle}.plan-page .plan-element .approved-img[data-v-35f79782]{left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center;width:36px}.plan-page .approved[data-v-35f79782]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:hsla(0,0%,100%,.3);border:2px solid #5fe274;border-radius:10px}.plan-page .approved img[data-v-35f79782],.plan-page .approved span[data-v-35f79782]{opacity:.5}.plan-page .approved .approved-img[data-v-35f79782]{opacity:1}.plan-page .not-available[data-v-35f79782]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:hsla(0,0%,100%,.3);border:2px solid #b4bbb5;border-radius:10px}.plan-page .not-available img[data-v-35f79782],.plan-page .not-available span[data-v-35f79782]{opacity:.5}@media (max-width:767.9px){.plan-page .page-title[data-v-35f79782]{font-size:24px;line-height:26px}.plan-page .diamonds-block .text[data-v-35f79782],.plan-page .diamonds-block .title[data-v-35f79782],.plan-page .plan-element .title[data-v-35f79782]{font-size:16px;line-height:19px}.plan-page .plan-element .icon[data-v-35f79782]{width:20px}.plan-page .diamonds-block .diamond-gift-button[data-v-35f79782]{font-size:16px;line-height:19px}}
.logo-xs{display:none!important}.header-problem{background:#3c80e7!important}.header-problem .header-xp span{color:#fff!important}.header-problem .header-hearts-center{text-align:center}.header-problem .custom-container{justify-content:space-between}.header-problem .profile-data{margin-left:0!important}.header-problem .header-hearts{display:block!important}@media (max-width:767px){.header-problem .header-hearts .heart img{width:23px}.logo-xs{display:block!important}}header{background:#fff;box-shadow:0 4px 34px rgba(255,106,21,.2);padding:15px 0;position:relative;transform-style:preserve-3d;z-index:300}header .logo{width:50px}.header-course span{font-family:Nunito,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:27px;padding-left:10px}.header-course .black{color:#536069}.header-course .white{color:#fff}.badge{margin:0 50px;padding:0}.logo-title{font-family:Nunito;font-size:36px;font-weight:900;line-height:1.1;margin:0 20px}.logo-title,.logo-title span{color:#303030}.name-avatar{margin-left:50px;position:relative}.name-avatar .visible-block{align-items:center;cursor:pointer;display:flex;justify-content:flex-end}.name-avatar .visible-block span{color:#536069;font-family:Nunito,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:1;max-width:182px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-avatar .invisible-block{align-items:flex-start;background:#fff;border-radius:20px;box-shadow:0 10px 14px rgba(0,0,0,.1);display:none;flex-direction:column;opacity:0;padding:20px 30px;position:absolute;right:0;top:90px;transform:translateZ(-1px);transform-style:preserve-3d;transition:.1s ease;width:390px;z-index:3}.name-avatar .invisible-block.active{display:flex;opacity:1}.name-avatar .invisible-block a{width:100%}.name-avatar .invisible-block hr{margin:10px 0;width:100%}.name-avatar .invisible-block .btn{text-align:left;width:100%}.name-avatar .invisible-block .btn span{color:#303030;font-family:Nunito,serif;font-size:18px;font-weight:700;line-height:1;margin-left:10px}.name-avatar .invisible-block:before{background:#fff;border-radius:5px;box-shadow:0 10px 14px rgba(0,0,0,.1);content:"";height:40px;left:50%;position:absolute;top:10px;transform:rotate(45deg) translateX(-50%) translateZ(-1px);width:40px;z-index:2}.name-avatar .avatar-wrap{box-sizing:border-box;margin-left:15px;margin-right:5px;overflow:hidden;position:relative}.name-avatar .avatar-wrap img{background:#fff;border:3px solid #ff6a15;border-radius:50%;height:50px;width:50px}.auth-button{align-items:center;display:flex;justify-content:center}.auth-button .v-line{background:#ff6a15;height:40px;margin:0 30px;width:2px}.auth-button span{color:#303030;cursor:pointer;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.3}ul{margin-bottom:0;padding:0}ul li{display:inline-block;list-style:none}.profile-data{align-items:center;display:flex;justify-content:flex-end;margin-left:auto}.navbar-brand{font-family:Nunito,serif;font-size:24px;font-weight:700;line-height:1.1;margin-left:50px}.navbar-brand a,.stars span{color:#536069}.stars span{font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.1;margin-left:5px;vertical-align:middle}.level-wrap{cursor:pointer;filter:drop-shadow(0 4px 4px rgba(255,106,21,.3));position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.level-wrap span{color:#fff;font-family:Nunito;font-size:20px;font-style:normal;font-weight:700;left:50%;line-height:1.1;position:absolute;top:50%;transform:translate(-50%,-50%)}.burger{display:none}.header-xp{display:inline-block;margin-left:30px;text-align:center;vertical-align:middle}.header-xp span{color:#536069;display:block;font-family:Nunito,sans-serif;font-size:22px;font-style:normal;font-weight:900;line-height:30px;text-align:center}.rating-icon{vertical-align:middle}.header-left-data{padding-left:30px}.header-left-data .header-plan-button{background:#1c64d1;border-radius:16px;display:inline-block;height:60px;margin-left:30px;text-align:center;vertical-align:middle;width:145px}.header-left-data .header-plan-button span{color:#fff;font-family:Raleway,sans-serif;font-size:20px;font-style:normal;font-weight:500;line-height:23px;margin-top:15px;text-align:center}.header-left-data .header-plan-button img{margin-left:-15px}.header-hearts{vertical-align:middle}@media (max-width:1540px){header{box-shadow:0 4px 27px rgba(255,106,21,.17);padding:10px 0}header .custom-container{padding:0}.logo-title{font-size:28px;margin:0 10px 0 5px}.logo{width:55px}.navbar-brand{font-size:20px;line-height:0;margin-left:25px;padding:0}.navbar-brand:first-child{margin-left:35px}.name-avatar{margin-left:30px}.name-avatar .visible-block span{font-size:20px}.name-avatar .invisible-block{border-radius:10px;box-shadow:0 8px 12px rgba(0,0,0,.1);padding:10px 20px;width:350px}.name-avatar .invisible-block hr{margin:8px 0}.name-avatar .invisible-block .btn{text-align:left}.name-avatar .invisible-block .btn img{width:37px}.name-avatar .invisible-block .btn span{font-size:17px;margin-left:8px}.badge,.level-wrap svg,.name-avatar .avatar-wrap img,.stars svg{height:35px;width:35px}.badge{margin:0 20px}}@media (max-width:1410px){header .logo-title{display:none}header .logo{margin-right:30px}.navbar-brand{font-size:20px;margin-left:20px}.badge,.level-wrap svg,.stars svg{height:40px;width:40px}}@media (max-width:1199.9px){.name-avatar{margin-left:5px}.name-avatar .visible-block span{display:none}.name-avatar .avatar-wrap img{height:40px;width:40px}}@media (max-width:992px){.navbar-brand{font-size:18px;margin-left:10px}.stars{align-items:center;display:flex;justify-content:flex-start}.header-hearts{display:none}}@media (max-width:767.9px){.header-course span{display:none}header{padding:5px 0}.logo{width:50px}.navbar-brand{display:none}.badge,.level-wrap svg,.stars svg{height:30px;width:30px}.burger{display:block}.rating-icon{width:50px}.logo{display:none}.header-left-data{padding-left:0}.header-left-data .header-plan-button span{font-size:14px;line-height:16px}.has-notification img{width:40px}.header-left-data .header-plan-button{height:40px;width:105px}.name-avatar .avatar-wrap img{height:30px;width:30px}.header-xp-icon{width:30px}.header-xp span{font-size:16px;line-height:22px}.name-avatar .invisible-block{padding:10px;top:60px;width:290px}.name-avatar .invisible-block:before{left:85%}}@media (max-width:575.9px){.stars span{font-size:20px;margin-left:2px}header .custom-container{padding:0 15px}header .logo{width:50px}.auth-button span{font-size:18px}.auth-button .v-line,.auth-button span:last-child{display:none}}

.modal-new-new[data-v-508a2388]{--bs-modal-zindex:999999;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.2rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-modal-inner-border-radius:calc(0.2rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;background:hsla(0,0%,100%,.73);display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--bs-modal-zindex)}.modal-new-new .modal-dialog[data-v-508a2388]{width:400px}.big-heart[data-v-508a2388]{display:block;margin:0 auto}.problem-variant--type-selected[data-v-508a2388]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-508a2388]{position:relative;z-index:9999}.draggable[data-v-508a2388]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-508a2388]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-508a2388]:before{box-shadow:none}.droppable[data-v-508a2388]{z-index:999}.droppable svg[data-v-508a2388]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-508a2388]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-508a2388],.drop[data-v-508a2388]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-508a2388]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-508a2388]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-508a2388] p{margin-bottom:0}.success-nav-btn[data-v-508a2388]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-508a2388]{height:100%}.success-nav-btn span[data-v-508a2388]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-508a2388]{height:40px}.success-nav-btn span[data-v-508a2388]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-508a2388]{height:50px}.success-nav-btn span[data-v-508a2388]{font-size:28px}.modal-new-new .modal-dialog[data-v-508a2388]{display:block;margin:75px auto;width:95%}}@media (max-width:460px){.success-nav-btn[data-v-508a2388]{border-radius:20px;height:40px}.success-nav-btn span[data-v-508a2388]{font-size:22px}}

.problem-variants-column[data-v-0a5017ad]{flex-direction:column}.problem-variant-row[data-v-0a5017ad]{align-items:center;display:flex;justify-content:center;margin-bottom:15px;width:100%}.problem-variant-text[data-v-0a5017ad]{line-height:1.2;margin:0 5px}.problem-variant-input[data-v-0a5017ad],.problem-variant-text[data-v-0a5017ad]{color:#536069;font-family:Nunito,sans-serif;font-size:24px;font-weight:800}.problem-variant-input[data-v-0a5017ad]{border:2px solid #365e7d;border-radius:5px;caret-color:#365e7d;height:40px;min-width:100px;width:100px}.problem-variant-input[data-v-0a5017ad]:focus-visible{border:2px solid #365e7d;outline:none}.problem-variant--type-selected[data-v-0a5017ad]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-0a5017ad]{position:relative;z-index:9999}.draggable[data-v-0a5017ad]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-0a5017ad]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-0a5017ad]:before{box-shadow:none}.droppable[data-v-0a5017ad]{z-index:999}.droppable svg[data-v-0a5017ad]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-0a5017ad]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-0a5017ad],.drop[data-v-0a5017ad]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-0a5017ad]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-0a5017ad]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-0a5017ad] p{margin-bottom:0}.problem-content__text[data-v-0a5017ad]{word-break:break-all}.success-nav-btn[data-v-0a5017ad]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-0a5017ad]{height:100%}.success-nav-btn span[data-v-0a5017ad]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}.wrong-nav-btn[data-v-0a5017ad]{align-items:center;background:red;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.wrong-nav-btn img[data-v-0a5017ad]{height:100%}.wrong-nav-btn span[data-v-0a5017ad]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-0a5017ad]{height:40px}.success-nav-btn span[data-v-0a5017ad]{font-size:28px;margin-left:10px}.wrong-nav-btn[data-v-0a5017ad]{height:40px}.wrong-nav-btn span[data-v-0a5017ad]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-0a5017ad]{height:50px}.success-nav-btn span[data-v-0a5017ad]{font-size:28px}.wrong-nav-btn[data-v-0a5017ad]{height:50px}.wrong-nav-btn span[data-v-0a5017ad]{font-size:28px}}@media (max-width:460px){.success-nav-btn[data-v-0a5017ad]{border-radius:20px;height:40px}.success-nav-btn span[data-v-0a5017ad]{font-size:22px}.wrong-nav-btn[data-v-0a5017ad]{border-radius:20px;height:40px}.wrong-nav-btn span[data-v-0a5017ad]{font-size:22px}}

.modal-new-new[data-v-02654564]{--bs-modal-zindex:999999;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.2rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-modal-inner-border-radius:calc(0.2rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;background:hsla(0,0%,100%,.73);display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--bs-modal-zindex)}.modal-new-new .modal-dialog[data-v-02654564]{width:400px}.big-heart[data-v-02654564]{display:block;margin:0 auto}.problem-variant--type-selected[data-v-02654564]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-02654564]{position:relative;z-index:9999}.draggable[data-v-02654564]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-02654564]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-02654564]:before{box-shadow:none}.droppable[data-v-02654564]{z-index:999}.droppable svg[data-v-02654564]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-02654564]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-02654564],.drop[data-v-02654564]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-02654564]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-02654564]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-02654564] p{margin-bottom:0}.success-nav-btn[data-v-02654564]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-02654564]{height:100%}.success-nav-btn span[data-v-02654564]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-02654564]{height:40px}.success-nav-btn span[data-v-02654564]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-02654564]{height:50px}.success-nav-btn span[data-v-02654564]{font-size:28px}.modal-new-new .modal-dialog[data-v-02654564]{display:block;margin:75px auto;width:95%}}@media (max-width:460px){.success-nav-btn[data-v-02654564]{border-radius:20px;height:40px}.success-nav-btn span[data-v-02654564]{font-size:22px}}

.problem-variants-column[data-v-dc465938]{flex-direction:column}.problem-variant-row[data-v-dc465938]{align-items:center;display:flex;justify-content:center;margin-bottom:15px;width:100%}.problem-variant-text[data-v-dc465938]{line-height:1.2;margin:0 5px}.problem-variant-input[data-v-dc465938],.problem-variant-text[data-v-dc465938]{color:#536069;font-family:Nunito,sans-serif;font-size:24px;font-weight:800}.problem-variant-input[data-v-dc465938]{border:2px solid #365e7d;border-radius:5px;caret-color:#365e7d;height:40px;min-width:100px;width:100px}.problem-variant-input[data-v-dc465938]:focus-visible{border:2px solid #365e7d;outline:none}.problem-variant--type-selected[data-v-dc465938]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-dc465938]{position:relative;z-index:9999}.draggable[data-v-dc465938]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-dc465938]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-dc465938]:before{box-shadow:none}.droppable[data-v-dc465938]{z-index:999}.droppable svg[data-v-dc465938]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-dc465938]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-dc465938],.drop[data-v-dc465938]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-dc465938]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-dc465938]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-dc465938] p{margin-bottom:0}.problem-content__text[data-v-dc465938]{word-break:break-all}.success-nav-btn[data-v-dc465938]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-dc465938]{height:100%}.success-nav-btn span[data-v-dc465938]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}.wrong-nav-btn[data-v-dc465938]{align-items:center;background:red;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.wrong-nav-btn img[data-v-dc465938]{height:100%}.wrong-nav-btn span[data-v-dc465938]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-dc465938]{height:40px}.success-nav-btn span[data-v-dc465938]{font-size:28px;margin-left:10px}.wrong-nav-btn[data-v-dc465938]{height:40px}.wrong-nav-btn span[data-v-dc465938]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-dc465938]{height:50px}.success-nav-btn span[data-v-dc465938]{font-size:28px}.wrong-nav-btn[data-v-dc465938]{height:50px}.wrong-nav-btn span[data-v-dc465938]{font-size:28px}.error-nav-buttons[data-v-dc465938]{justify-content:center}}@media (max-width:460px){.success-nav-btn[data-v-dc465938]{border-radius:20px;height:40px}.success-nav-btn span[data-v-dc465938]{font-size:22px}.wrong-nav-btn[data-v-dc465938]{border-radius:20px;height:40px}.wrong-nav-btn span[data-v-dc465938]{font-size:22px}}

.modal-new-new[data-v-959a1ea4]{--bs-modal-zindex:999999;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.2rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-modal-inner-border-radius:calc(0.2rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;background:hsla(0,0%,100%,.73);display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--bs-modal-zindex)}.modal-new-new .modal-dialog[data-v-959a1ea4]{width:400px}.big-heart[data-v-959a1ea4]{display:block;margin:0 auto}.problem-variant--type-selected[data-v-959a1ea4]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-959a1ea4]{position:relative;z-index:9999}.draggable[data-v-959a1ea4]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-959a1ea4]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-959a1ea4]:before{box-shadow:none}.droppable[data-v-959a1ea4]{z-index:999}.droppable svg[data-v-959a1ea4]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-959a1ea4]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-959a1ea4],.drop[data-v-959a1ea4]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-959a1ea4]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-959a1ea4]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-959a1ea4] p{margin-bottom:0}.success-nav-btn[data-v-959a1ea4]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-959a1ea4]{height:100%}.success-nav-btn span[data-v-959a1ea4]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-959a1ea4]{height:40px}.success-nav-btn span[data-v-959a1ea4]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-959a1ea4]{height:50px}.success-nav-btn span[data-v-959a1ea4]{font-size:28px}.modal-new-new .modal-dialog[data-v-959a1ea4]{display:block;margin:75px auto;width:95%}}@media (max-width:460px){.success-nav-btn[data-v-959a1ea4]{border-radius:20px;height:40px}.success-nav-btn span[data-v-959a1ea4]{font-size:22px}}

.problem-variant--type-selected[data-v-2406cda2]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-2406cda2]{position:relative;z-index:9999}.draggable[data-v-2406cda2]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-2406cda2]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-2406cda2]:before{box-shadow:none}.droppable[data-v-2406cda2]{z-index:999}.droppable svg[data-v-2406cda2]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-2406cda2]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-2406cda2],.drop[data-v-2406cda2]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-2406cda2]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-2406cda2]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-2406cda2] p{margin-bottom:0}.success-nav-btn[data-v-2406cda2]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-2406cda2]{height:100%}.success-nav-btn span[data-v-2406cda2]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-2406cda2]{height:40px}.success-nav-btn span[data-v-2406cda2]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-2406cda2]{height:50px}.success-nav-btn span[data-v-2406cda2]{font-size:28px}}@media (max-width:460px){.success-nav-btn[data-v-2406cda2]{border-radius:20px;height:40px}.success-nav-btn span[data-v-2406cda2]{font-size:22px}}

.problem-variant--type-selected[data-v-6ae28f1a]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-6ae28f1a]{position:relative;z-index:9999}.draggable[data-v-6ae28f1a]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-6ae28f1a]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-6ae28f1a]:before{box-shadow:none}.droppable[data-v-6ae28f1a]{z-index:999}.droppable svg[data-v-6ae28f1a]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-6ae28f1a]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-6ae28f1a],.drop[data-v-6ae28f1a]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-6ae28f1a]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-6ae28f1a]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-6ae28f1a] p{margin-bottom:0}.success-nav-btn[data-v-6ae28f1a]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-6ae28f1a]{height:100%}.success-nav-btn span[data-v-6ae28f1a]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-6ae28f1a]{height:40px}.success-nav-btn span[data-v-6ae28f1a]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-6ae28f1a]{height:50px}.success-nav-btn span[data-v-6ae28f1a]{font-size:28px}}@media (max-width:460px){.success-nav-btn[data-v-6ae28f1a]{border-radius:20px;height:40px}.success-nav-btn span[data-v-6ae28f1a]{font-size:22px}}

.problem-variant--type-selected[data-v-0676551c]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-0676551c]{position:relative;z-index:9999}.draggable[data-v-0676551c]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-0676551c]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-0676551c]:before{box-shadow:none}.droppable[data-v-0676551c]{z-index:999}.droppable svg[data-v-0676551c]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-0676551c]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-0676551c],.drop[data-v-0676551c]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-0676551c]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-0676551c]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-0676551c] p{margin-bottom:0}.success-nav-btn[data-v-0676551c]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-0676551c]{height:100%}.success-nav-btn span[data-v-0676551c]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-0676551c]{height:40px}.success-nav-btn span[data-v-0676551c]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-0676551c]{height:50px}.success-nav-btn span[data-v-0676551c]{font-size:28px}}@media (max-width:460px){.success-nav-btn[data-v-0676551c]{border-radius:20px;height:40px}.success-nav-btn span[data-v-0676551c]{font-size:22px}}

.problem-variant--type-selected[data-v-3f36588a]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-3f36588a]{position:relative;z-index:9999}.draggable[data-v-3f36588a]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-3f36588a]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-3f36588a]:before{box-shadow:none}.droppable[data-v-3f36588a]{z-index:999}.droppable svg[data-v-3f36588a]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-3f36588a]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-3f36588a],.drop[data-v-3f36588a]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-3f36588a]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-3f36588a]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-3f36588a] p{margin-bottom:0}.success-nav-btn[data-v-3f36588a]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-3f36588a]{height:100%}.success-nav-btn span[data-v-3f36588a]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-3f36588a]{height:40px}.success-nav-btn span[data-v-3f36588a]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-3f36588a]{height:50px}.success-nav-btn span[data-v-3f36588a]{font-size:28px}}@media (max-width:460px){.success-nav-btn[data-v-3f36588a]{border-radius:20px;height:40px}.success-nav-btn span[data-v-3f36588a]{font-size:22px}}

.modal-new-new[data-v-6c84a8d6]{--bs-modal-zindex:999999;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.2rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-modal-inner-border-radius:calc(0.2rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;background:hsla(0,0%,100%,.73);display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--bs-modal-zindex)}.modal-new-new .modal-dialog[data-v-6c84a8d6]{width:400px}.big-heart[data-v-6c84a8d6]{display:block;margin:0 auto}.problem-variant--type-selected[data-v-6c84a8d6]{border:2px solid #ff6a15;margin:0!important}.absolute_hover[data-v-6c84a8d6]{position:relative;z-index:9999}.draggable[data-v-6c84a8d6]{position:absolute;z-index:1000}.text-answer__remove-button[data-v-6c84a8d6]:focus{box-shadow:none;outline:none}.text-answer__remove-button[data-v-6c84a8d6]:before{box-shadow:none}.droppable[data-v-6c84a8d6]{z-index:999}.droppable svg[data-v-6c84a8d6]{height:100%;position:relative;width:100%;z-index:-1}.drop-enter[data-v-6c84a8d6]{box-shadow:0 0 0 5px orange;cursor:pointer}.drag[data-v-6c84a8d6],.drop[data-v-6c84a8d6]{background:#ccc;border-radius:10px;box-sizing:border-box;display:inline-block;height:100px;margin:3px;padding:35px 5px 5px;position:relative;text-align:center;vertical-align:middle;width:100px}.drag[data-v-6c84a8d6]{background:#777;border-bottom:2px solid #666;border-right:2px solid #666;color:#fff;cursor:move}.drop[data-v-6c84a8d6]{background:#eee;border-left:2px solid #ddd;border-top:2px solid #ccc}.problem-content__text[data-v-6c84a8d6] p{margin-bottom:0}.success-nav-btn[data-v-6c84a8d6]{align-items:center;background:#009b59;border-radius:5px 5px 40px 40px;display:flex;height:60px;justify-content:center;width:100%}.success-nav-btn img[data-v-6c84a8d6]{height:100%}.success-nav-btn span[data-v-6c84a8d6]{color:#fff;font-family:Nunito,sans-serif;font-size:34px;font-weight:900;margin-left:20px}@media (max-width:1540px){.success-nav-btn[data-v-6c84a8d6]{height:40px}.success-nav-btn span[data-v-6c84a8d6]{font-size:28px;margin-left:10px}}@media (max-width:768px){.success-nav-btn[data-v-6c84a8d6]{height:50px}.success-nav-btn span[data-v-6c84a8d6]{font-size:28px}.modal-new-new .modal-dialog[data-v-6c84a8d6]{width:100%}}@media (max-width:460px){.success-nav-btn[data-v-6c84a8d6]{border-radius:20px;height:40px}.success-nav-btn span[data-v-6c84a8d6]{font-size:22px}}
.progress[data-v-9451995e]{background-color:#efc14e;height:2px;left:0;opacity:1;position:fixed;right:0;top:0;transition:width .2s,opacity .4s;width:0;z-index:999999}
.login_pop{background-image:url(/img/login.png)!important}
.margin_tb[data-v-0d7b6ee0]{margin-bottom:40px;margin-top:25px}.back_button[data-v-0d7b6ee0]{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:inset -6px -6px 6px rgba(149,199,237,.7),inset 5px 5px 6px rgba(149,199,237,.8);display:flex;justify-content:center;left:-20px;max-width:155px;padding:18px 20px;position:absolute;top:-20px}.back_button span[data-v-0d7b6ee0]{color:#365e7d;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.2;margin-left:10px}.mobile_blocks[data-v-0d7b6ee0]{display:none}.brain[data-v-0d7b6ee0]{left:50%;position:absolute;top:-100px;transform:translateX(-50%);width:190px}.invalid-feedback[data-v-0d7b6ee0]{margin-top:-10px}.modal-dialog[data-v-0d7b6ee0]{margin:0;max-width:100%;text-align:center}.wrap_main[data-v-0d7b6ee0]{position:inherit}.modal-content[data-v-0d7b6ee0]{background:transparent;border:none}.resetLink[data-v-0d7b6ee0],.resetLink p[data-v-0d7b6ee0]{text-align:center}.resetLink p[data-v-0d7b6ee0]{color:#fff;font-family:Nunito,sans-serif;font-size:20px;font-weight:400;line-height:1.3;margin-bottom:-40px;margin-top:15px;opacity:.5}.reg_pop[data-v-0d7b6ee0]{background:#6613d0;background:linear-gradient(90deg,#6613d0,#5446da 25%,#853ce2 51%,#3c12e4 75%,#6f12e4);border-radius:15px;box-shadow:inset -8px -8px 10px rgba(0,0,0,.25),inset 8px 6px 10px rgba(0,0,0,.25);margin-left:auto;margin-right:auto;margin-top:30px;padding:20px;position:relative;width:760px}.reg_pop.mt_100[data-v-0d7b6ee0]{margin-top:100px}.reg_pop .inner_wrap[data-v-0d7b6ee0]{background:#103a8a;border-radius:20px;padding-bottom:50px;padding-top:100px}.reg_pop .h1[data-v-0d7b6ee0]{color:#fff;font-family:Nunito,sans-serif;font-size:36px;font-weight:800;line-height:1.2;margin-top:-10px;text-align:center}.reg_pop .buttons[data-v-0d7b6ee0]{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0;padding:0 100px}.reg_pop .buttons .orange-default[data-v-0d7b6ee0]{border-radius:14px;box-shadow:inset 13px 13px 44px rgba(255,202,172,.7);height:70px;width:100%}.reg_pop .buttons .orange-default span[data-v-0d7b6ee0]{font-size:24px}.reg_pop .buttons .orange-default[data-v-0d7b6ee0]:after{border-radius:14px}.reg_pop .buttons .orange-default.purple[data-v-0d7b6ee0]{background:linear-gradient(128.37deg,#631cbd 37.19%,#5539c7 84.15%);box-shadow:inset 13px 13px 44px rgba(172,250,255,.7)}.reg_pop .buttons .orange-default.purple[data-v-0d7b6ee0]:after{background:#5a3ea3}.reg_pop .buttons .orange-default.green[data-v-0d7b6ee0]{background:linear-gradient(94.8deg,#16e037 .72%,#09931f);box-shadow:inset 13px 13px 44px rgba(255,202,172,.7)}.reg_pop .buttons .orange-default.green[data-v-0d7b6ee0]:after{background:#12751a}.reg_pop .buttons .orange-default.lime[data-v-0d7b6ee0]{background:linear-gradient(120.07deg,#7aa500 52.44%,#77930a 79.22%);box-shadow:inset 13px 13px 44px rgba(255,202,172,.7)}.reg_pop .buttons .orange-default.lime[data-v-0d7b6ee0]:after{background:#677414}.reg_pop .buttons .orange-default.pink[data-v-0d7b6ee0]{background:linear-gradient(120.07deg,#ff1569 52.44%,#d80451 79.22%);box-shadow:inset 13px 13px 44px rgba(255,202,172,.7)}.reg_pop .buttons .orange-default.pink[data-v-0d7b6ee0]:after{background:#be174e}.reg_pop .buttons .line[data-v-0d7b6ee0]{margin:12px 0;width:100%}.reg_pop .buttons .mini[data-v-0d7b6ee0]{width:47%}.reg_pop .buttons .mini2[data-v-0d7b6ee0]{height:110px;width:30%}.reg_pop .trapeci[data-v-0d7b6ee0]{background-image:url(/img/trapeci.png);background-size:100% 100%;height:140px;left:50%;position:absolute;top:-50px;transform:translateX(-50%);width:610px}.reg_pop .trapeci .inner[data-v-0d7b6ee0]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.reg_pop .trapeci h2[data-v-0d7b6ee0]{font-size:32px;font-weight:700;line-height:1.2;white-space:nowrap;width:100%}.reg_pop .trapeci h2[data-v-0d7b6ee0],.reg_pop h3[data-v-0d7b6ee0]{color:#fff;font-family:Nunito,sans-serif;text-align:center}.reg_pop h3[data-v-0d7b6ee0]{font-size:24px;font-weight:400;line-height:1.3;opacity:.5}.reg_pop .select_age[data-v-0d7b6ee0]{display:flex;justify-content:center;margin-bottom:65px;margin-top:100px}.reg_pop .select_age .one_s[data-v-0d7b6ee0]{background:linear-gradient(120.07deg,#ff6a15 52.44%,#d85104 79.22%);border-radius:14px;box-shadow:inset 13px 13px 44px rgba(255,202,172,.7);cursor:pointer;height:129px;padding-top:42px;position:relative;transform-style:preserve-3d;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:230px}.reg_pop .select_age .one_s[data-v-0d7b6ee0]:after{background:#ab4912;border-radius:20px;bottom:-5px;content:"";height:100%;left:0;position:absolute;transform:translateZ(-1px);width:100%}.reg_pop .select_age .one_s[data-v-0d7b6ee0]:active{margin-bottom:-5px;margin-top:5px;transition:.1s ease-in}.reg_pop .select_age .one_s[data-v-0d7b6ee0]:active:after{bottom:0;transition:.1s ease-in}.reg_pop .select_age .one_s.blue[data-v-0d7b6ee0]{background:#1387c8;box-shadow:inset 13px 13px 44px rgba(255,202,172,.7);margin-left:60px}.reg_pop .select_age .one_s.blue[data-v-0d7b6ee0]:after{background:#0f6ea4}.reg_pop .select_age .one_s img[data-v-0d7b6ee0]{left:50%;position:absolute;top:-74px;transform:translateX(-50%)}.reg_pop .select_age .one_s h4[data-v-0d7b6ee0]{color:#fff;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.3;text-align:center}.reg_pop .select_age .one_s h4 span[data-v-0d7b6ee0]{font-weight:400}.reg_pop .flex[data-v-0d7b6ee0]{margin-top:0}.logo_pop[data-v-0d7b6ee0]{align-items:center;display:flex;justify-content:center}.logo_pop img[data-v-0d7b6ee0]{width:50px}.logo_pop p[data-v-0d7b6ee0]{font-family:Nunito,sans-serif;font-size:36px;font-weight:900;line-height:1.3;margin-bottom:0;margin-left:20px}.logo_pop p[data-v-0d7b6ee0],.logo_pop p span[data-v-0d7b6ee0]{color:#303030}.flex[data-v-0d7b6ee0]{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:45px;width:100%}.flex span[data-v-0d7b6ee0]{color:#fff;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1;margin-right:10px}.login_pop[data-v-0d7b6ee0]{background-size:100% 100%;height:750px;margin-left:auto;margin-right:auto;padding-top:173px;text-align:center;transform:translateZ(3px);width:887px}.login_pop .h1[data-v-0d7b6ee0]{color:#fff;font-family:Nunito,sans-serif;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:40px;text-align:center}form[data-v-0d7b6ee0]{margin-left:auto;margin-right:auto;text-align:left;width:500px}form label[data-v-0d7b6ee0]{color:#fff;font-family:Nunito,sans-serif;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:5px}form input[data-v-0d7b6ee0]{background:#ffd8b0;border:2px solid #ff6a15;border-radius:10px;box-sizing:border-box;height:60px;padding-left:20px}form .ssss[data-v-0d7b6ee0],form input[data-v-0d7b6ee0]{margin-bottom:20px}form button[data-v-0d7b6ee0]{box-shadow:inset 3px 3px 4px #ffcaac;height:60px}.error_message[data-v-0d7b6ee0]{color:red;font-size:15px;margin-top:-20px}@media (max-width:991.9px){.login_pop[data-v-0d7b6ee0]{height:550px;padding-top:110px;width:677px}.login_pop .h1[data-v-0d7b6ee0]{font-size:35px;margin-bottom:10px}.resetLink p[data-v-0d7b6ee0]{font-size:18px;margin-bottom:-30px;margin-top:15px}form[data-v-0d7b6ee0]{width:370px}form input[data-v-0d7b6ee0]{border-radius:6px;margin-bottom:0;padding-left:16px}form button[data-v-0d7b6ee0],form input[data-v-0d7b6ee0]{height:45px}.flex[data-v-0d7b6ee0]{margin-top:35px}.flex span[data-v-0d7b6ee0]{font-size:20px;margin-right:10px}.reg_pop[data-v-0d7b6ee0]{padding:20px;width:620px}.reg_pop .h1[data-v-0d7b6ee0]{font-size:28px}.reg_pop.mt_100[data-v-0d7b6ee0]{margin-top:70px}.reg_pop .buttons .orange-default[data-v-0d7b6ee0]{height:55px}.reg_pop .buttons .mini2[data-v-0d7b6ee0]{height:110px;width:30%}.reg_pop .trapeci[data-v-0d7b6ee0]{height:100px;left:50%;top:-30px;width:470px}.reg_pop .trapeci h2[data-v-0d7b6ee0]{font-size:24px}.reg_pop h3[data-v-0d7b6ee0]{font-size:20px}.reg_pop .inner_wrap[data-v-0d7b6ee0]{border-radius:15px;padding-bottom:30px;padding-top:70px}.reg_pop .select_age .one_s[data-v-0d7b6ee0]{border-radius:10px;height:120px;padding-top:37px;width:180px}.reg_pop .select_age .one_s h4[data-v-0d7b6ee0]{font-size:20px}.logo_pop p[data-v-0d7b6ee0]{font-size:26px;margin-left:10px}.logo_pop img[data-v-0d7b6ee0]{width:50px}.brain[data-v-0d7b6ee0]{top:-60px;width:130px}}@media (max-width:767.9px){.reg_pop[data-v-0d7b6ee0]{border-radius:10px;padding:15px;width:510px}.reg_pop .select_age[data-v-0d7b6ee0]{margin-bottom:35px;margin-top:70px}.reg_pop .select_age .one_s[data-v-0d7b6ee0]{border-radius:10px;height:110px;padding-top:27px;width:170px}.reg_pop .select_age .one_s.blue[data-v-0d7b6ee0]{margin-left:30px}.reg_pop .select_age .one_s img[data-v-0d7b6ee0]{top:-64px;width:90px}.reg_pop .trapeci[data-v-0d7b6ee0]{height:90px;width:400px}.reg_pop .trapeci h2[data-v-0d7b6ee0]{font-size:20px;margin-bottom:0}.reg_pop h3[data-v-0d7b6ee0]{font-size:18px}.reg_pop .h1[data-v-0d7b6ee0]{font-size:22px}.reg_pop .buttons[data-v-0d7b6ee0]{padding:0 50px}.reg_pop .buttons .orange-default span[data-v-0d7b6ee0]{font-size:18px}.reg_pop .buttons .mini2[data-v-0d7b6ee0]{height:80px;width:30%}.flex span[data-v-0d7b6ee0]{font-size:16px;margin-right:10px}.logo_pop p[data-v-0d7b6ee0]{font-size:24px;margin-left:10px}.logo_pop img[data-v-0d7b6ee0]{width:45px}.back_button[data-v-0d7b6ee0]{border-radius:8px;padding:10px 15px}.back_button span[data-v-0d7b6ee0]{font-size:20px;margin-left:7px}.back_button svg[data-v-0d7b6ee0]{width:28px}}@media (max-width:575.9px){.login_pop[data-v-0d7b6ee0]{background-color:#1a61ea;background-image:url(/img/back_login_mobile.png)!important;border-radius:20px;height:auto;padding-bottom:55px;padding-top:50px;width:calc(100% - 30px)}.mobile_blocks[data-v-0d7b6ee0]{display:block;filter:drop-shadow(15px 25px 30px #222);position:absolute}.mobile_blocks.b1[data-v-0d7b6ee0]{left:10px;top:-70px}.mobile_blocks.b2[data-v-0d7b6ee0]{left:-15px;top:30%}.mobile_blocks.b3[data-v-0d7b6ee0]{bottom:30px;right:-15px}.reg_pop[data-v-0d7b6ee0]{background:transparent;padding:0;width:calc(100% - 30px)}.reg_pop .trapeci[data-v-0d7b6ee0]{height:100px;width:calc(100% - 40px)}.reg_pop .trapeci h2[data-v-0d7b6ee0]{font-size:18px;margin-bottom:0}.reg_pop .inner_wrap[data-v-0d7b6ee0]{border-radius:20px;padding-bottom:40px;padding-top:90px}.reg_pop h3[data-v-0d7b6ee0]{font-size:14px}.reg_pop .select_age .one_s[data-v-0d7b6ee0]{padding-top:35px;width:40%}.reg_pop .select_age .one_s img[data-v-0d7b6ee0]{height:80px;top:-50px;width:auto}.reg_pop .select_age .one_s h4[data-v-0d7b6ee0]{font-size:16px}.reg_pop .select_age .one_s h4 span[data-v-0d7b6ee0]{font-size:12px}.reg_pop .select_age .one_s.blue[data-v-0d7b6ee0]{margin-left:20px}.reg_pop .h1[data-v-0d7b6ee0]{font-size:20px}.reg_pop .buttons[data-v-0d7b6ee0]{padding:0 20px}.reg_pop .buttons .orange-default[data-v-0d7b6ee0]{height:60px}.reg_pop .buttons .mini2[data-v-0d7b6ee0]{height:90px;width:47%}.reg_pop .buttons .mini2.pink[data-v-0d7b6ee0]{margin-top:23px;width:100%}.reg_pop .buttons .mini2.pink[data-v-0d7b6ee0]:active{margin-top:28px}form[data-v-0d7b6ee0]{width:calc(100% - 40px)}form input[data-v-0d7b6ee0]{height:50px}.back_button[data-v-0d7b6ee0]{left:-10px;padding:12px 17px;top:-10px}.back_button span[data-v-0d7b6ee0]{font-size:14px;margin-left:7px}.back_button svg[data-v-0d7b6ee0]{width:24px}.flex span[data-v-0d7b6ee0]{font-size:18px;margin-right:10px}.logo_pop p[data-v-0d7b6ee0]{font-size:20px;margin-left:10px}.logo_pop img[data-v-0d7b6ee0]{width:40px}}
.main-wrap1{background-color:#fffbf9;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:60px}.default-title{color:#303030;font-family:Nunito,serif;font-size:48px;font-weight:900;line-height:1}.lds-spinner{color:official;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{animation:lds-spinner 1.2s linear infinite;transform-origin:40px 40px}.lds-spinner div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0deg)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.grey_loader_wrap{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:visibility 0s linear .4s,opacity .4s linear;visibility:hidden;width:100%;z-index:9999999}.grey_loader_wrap.active{opacity:1;transition-delay:0s;visibility:visible}
html{touch-action:manipulation}.problem-wrap .container{transition:1s ease-in}.problem-wrap .container.active{animation-duration:1s;animation-iteration-count:1;animation-name:bounceError}@keyframes bounceError{20%,60%{transform:translateX(15px)}40%,80%{transform:translateX(-15px)}}.basic-layout{color:#636b6f;font-weight:100;height:100vh;position:relative}.basic-layout .links>a{color:#636b6f;font-size:12px;font-weight:600;letter-spacing:.1rem;padding:0 25px;text-decoration:none;text-transform:uppercase}:root{--app-height:100%;--vh:1vh}:root:before{content:none}.problem-wrap{height:100vh;min-height:100vh;position:relative}.problem-wrap .container{height:calc(100vh - 80px);text-align:center}.problem-wrap .problem-container{display:flex;flex-direction:column;height:calc(100vh - 140px);justify-content:flex-start;overflow-y:auto;padding-bottom:10px;padding-top:30px}.problem-wrap .problem-container .problem-img-container{max-height:40vh}.problem-wrap .problem-container .problem-img-container img{height:100%}.close-btn{box-shadow:inset -6px -6px 6px rgba(149,199,237,.7),inset 5px 5px 6px rgba(149,199,237,.8);height:80px;left:110px;position:absolute;top:40px;width:80px}.close-btn,.close-btn .inner{align-items:center;background:#fff;border-radius:10px;display:flex;justify-content:center}.close-btn .inner{box-shadow:0 20px 14px rgba(0,0,0,.1);height:60px;width:60px}.tooltip_message{--popper-theme-background-color:#fff;--popper-theme-background-color-hover:#fff;--popper-theme-text-color:#333;--popper-theme-border-width:1px;--popper-theme-border-style:solid;--popper-theme-border-color:#eee;--popper-theme-border-radius:6px;--popper-theme-padding:12px 30px;--popper-theme-box-shadow:0 6px 30px -6px rgba(0,0,0,.25);margin:0!important}.tooltip_message .absolute_hover .title_h1{color:#303030;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center;white-space:nowrap}.tooltip_message .absolute_hover .h3{font-family:Nunito,sans-serif;font-size:18px;font-weight:800;text-align:center}.tooltip_message .tooltip_message_in{align-items:center;display:flex;justify-content:center}.tooltip_message .tooltip_message_in img{margin-right:10px;width:35px}.tooltip_message .tooltip_message_in span{font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1}.hearts{align-items:center;display:flex;justify-content:center}.hearts img{height:70px;margin:0 5px;width:70px}.hearts_watch{align-items:center;display:flex;justify-content:center}.hearts_watch span{color:#cfdae5;font-size:18px}.hearts_watch .grey_back{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='36' rx='12' fill='%23CFDAE5'/%3E%3Cpath d='M0 12C0 5.373 5.373 0 12 0h24c6.627 0 12 5.373 12 12v6H0v-6z' fill='%23F2F9FF'/%3E%3C/svg%3E");background-size:contain;color:#39414b;display:flex;font-size:18px;font-weight:900;height:36px;justify-content:center;letter-spacing:-.1px;line-height:18px;margin:0 3px;width:48px}.heart_starts{display:flex;flex-direction:column;position:absolute;right:110px;top:30px}.heart_starts .absolute_hover{background:#fff;border-radius:20px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.1));-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";margin-top:30px;padding:30px;width:-moz-fit-content;width:fit-content;z-index:50}.heart_starts .absolute_hover:after{border:20px solid hsla(0,0%,100%,0);border-left-color:#fff;border-radius:5px;content:" ";height:0;margin-left:-18px;pointer-events:none;position:absolute;right:-34px;top:40px;width:0}.heart_starts .absolute_hover .h3{font-family:Nunito,sans-serif;font-size:18px;font-weight:800;text-align:center}.heart_starts .absolute_hover .title_h1{color:#303030;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center;white-space:nowrap}.heart_starts .absolute_hover .dual_star{align-items:center;display:flex;justify-content:center}.heart_starts .absolute_hover .dual_star .dual_star-block{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 30px}.heart_starts .absolute_hover .dual_star .dual_star-block img{width:50px}.heart_starts .absolute_hover .dual_star .dual_star-block .h2{color:#536069;font-family:Nunito,sans-serif;font-size:48px;font-weight:900;line-height:1.2;margin:5px 0;text-align:center}.heart_starts .absolute_hover .dual_star .dual_star-block .h3{color:#9a9a9a;font-family:Nunito,sans-serif;font-size:16px;font-weight:600;line-height:1.2;text-align:center}.heart_starts .flex-column{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:column;margin-bottom:40px;position:relative}.heart_starts .flex-column span{color:#536069;font-family:Nunito,sans-serif;font-size:36px;font-weight:800;line-height:1.2;margin-top:5px}.heart_starts .flex-column img.checked{height:40px;position:absolute;right:-5px;top:-5px;width:40px}.problem-title{color:#303030;font-family:Nunito,sans-serif;font-size:36px;font-weight:900;line-height:1.2;margin-bottom:20px;text-align:center}.problem-variants{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:auto}.problem-variants .one{align-items:center;background:rgba(255,251,249,.5);border:1px solid hsla(0,0%,60%,.5);border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;height:15vh;justify-content:center;margin:6px;max-height:25vh;padding:12px;width:32%}.problem-variants .one:hover{border:1px solid #ff6a15}.problem-variants .one.active{border:5px solid #ff6a15;padding:9px}.problem-variants .one img{height:100%}.bottom-buttons{align-items:center;background:#fff;box-shadow:0 0 60px rgba(0,0,0,.1);display:flex;height:80px;justify-content:center;position:relative;z-index:999}.bottom-buttons .orange-default{border-radius:10px;height:55px;width:250px}.bottom-buttons .orange-default:after{border-radius:10px}.bottom-buttons .orange-default.answer{background:#019b59;margin-left:20px;margin-right:20px;width:500px}.bottom-buttons .orange-default.answer:after{background:#a5a5a5}.bottom-buttons .orange-default.sound{background:#1fa7d8}.bottom-buttons .orange-default.sound:after{background-color:#167b9f}.bottom-buttons .orange-default img{margin-right:9px;max-height:100%}.bottom-buttons .orange-default .parents{background:#a5a5a5;margin-left:20px;margin-right:20px;width:100px}.bottom-buttons .orange-default .parents:after{background:#a5a5a5}.nav-buttons{align-items:center;display:flex;justify-content:center;margin-top:30px}.nav-buttons .nav-btn{align-items:center;background:#fff;border:1px solid #ece4e0;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.1);box-sizing:border-box;cursor:pointer;height:60px;margin-left:6px;padding-top:20px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:60px}.nav-buttons .nav-btn:first-child{margin-left:0}.nav-buttons .nav-btn.active{background:#3c80e7}.nav-buttons .nav-btn.active span{color:#fff}.nav-buttons .nav-btn.ended{background:#009b59;border-color:#009b59;opacity:1}.nav-buttons .nav-btn.ended span{color:#fff}.nav-buttons .nav-btn.wrong{background:red;border-color:red;opacity:1}.nav-buttons .nav-btn.wrong span{color:#fff}.nav-buttons .nav-btn span{color:#000;font-family:Nunito,sans-serif;font-size:18px;font-style:normal;font-weight:800;line-height:25px}@media (max-width:1540px){.heart_starts{right:30px;top:30px}.heart_starts .absolute_hover{border-radius:12px;padding:20px 15px}.heart_starts .absolute_hover .h3{font-size:17px}.heart_starts .absolute_hover .title_h1{font-size:20px;margin-bottom:12px}.heart_starts .absolute_hover .dual_star .dual_star-block{margin:0 25px}.heart_starts .absolute_hover .dual_star .dual_star-block img{width:40px}.heart_starts .absolute_hover .dual_star .dual_star-block .h2{font-size:40px;margin:5px 0;text-align:center}.heart_starts .absolute_hover .dual_star .dual_star-block .h3{font-size:14px}.heart_starts .flex-column{margin-bottom:30px}.heart_starts .flex-column span{font-size:30px;margin-top:0}.heart_starts .flex-column img.checked{height:25px;position:absolute;right:-5px;top:-5px;width:25px}.heart_starts .flex-column img.icon{width:50px}.hearts img{height:45px;width:45px}.close-btn{border-radius:7px;height:50px;left:30px;top:30px;width:50px}.close-btn .inner{border-radius:8px;height:40px;width:40px}.problem-wrap{overflow:hidden}.problem-wrap .container{height:calc(100vh - 100px);text-align:center}.problem-wrap .problem-container{height:calc(100vh - 155px);overflow-y:auto;padding-bottom:0;padding-top:0}.problem-wrap .problem-container .problem-content-wrapper{margin-left:auto;margin-right:auto;width:80%}.problem-wrap .problem-container .problem-img-container{max-height:40vh}.problem-wrap .problem-container .problem-img-container img{height:100%}.problem-wrap .problem-container .problem-content__text{font-family:Nunito,sans-serif;font-size:26px;font-weight:500;line-height:1.2}.bottom-buttons{height:70px;z-index:99999}.bottom-buttons .orange-default.answer{width:250px}.bottom-buttons .orange-default.parents{width:200px}.popper{z-index:1011!important}.tooltip_message{--popper-theme-padding:10px 25px}.tooltip_message .absolute_hover .title_h1{font-size:20px;margin-bottom:20px}.tooltip_message .absolute_hover .h3{font-size:16px}.tooltip_message .tooltip_message_in img{margin-right:8px;width:30px}.tooltip_message .tooltip_message_in span{font-size:20px}}@media (max-width:768px){.problem-wrap{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.problem-wrap .container{height:calc(100vh - 110px);text-align:center}.problem-wrap .problem-container{height:calc(100vh - 145px)}.problem-wrap .problem-container .problem-content-wrapper{width:70%}.problem-wrap .problem-container .problem-img-container{max-height:20vh}.problem-wrap .problem-container .problem-content__text{font-size:20px}.tooltip_message{margin-left:2%;margin-right:2%;width:66%}.bottom-buttons{height:70px;width:95%}.bottom-buttons .inline-block{margin-right:4%!important;width:65%}.bottom-buttons .orange-default{align-items:center;border-radius:7px;display:flex;height:50px;justify-content:center;min-width:115px;padding:5px}.bottom-buttons .orange-default:after{border-radius:7px}.bottom-buttons .orange-default.answer{width:100%}.bottom-buttons .orange-default img{width:30px}.bottom-buttons .orange-default span{font-size:16px}.bottom-buttons .orange-default.sound{width:15%}.bottom-buttons .orange-default.sound span{display:none}.bottom-buttons .orange-default.parents{width:15%}.bottom-buttons .orange-default.parents span{display:none}.heart_starts{flex-direction:row;margin-left:auto;margin-right:15px;position:relative;right:0;top:0}.heart_starts .absolute_hover{border-radius:6px;margin:0 20px 0 0;padding:15px 10px}.heart_starts .absolute_hover .h3{font-size:16px}.heart_starts .absolute_hover .title_h1{font-size:18px;margin-bottom:10px}.heart_starts .absolute_hover .dual_star{justify-content:space-between;width:260px}.heart_starts .absolute_hover .dual_star .dual_star-block{margin:0;width:50%}.heart_starts .absolute_hover .dual_star .dual_star-block img{width:30px}.heart_starts .absolute_hover .dual_star .dual_star-block .h2{font-size:32px;line-height:1.1;margin:4px 0}.heart_starts .absolute_hover .dual_star .dual_star-block .h3{font-size:14px}.heart_starts .absolute_hover:after{border-bottom-color:#fff;border-left-color:transparent;border-width:14px;left:50%;margin:0;top:-26px}.heart_starts .flex-column{flex-direction:row!important;margin-bottom:0}.heart_starts .flex-column span{font-size:18px;margin-top:0}.heart_starts .flex-column img.checked{height:15px;position:absolute;right:20px;top:5px;width:15px}.heart_starts .flex-column img.icon{margin-left:12px;margin-right:2px;width:42px}.hearts img{height:45px;width:45px}.nav-buttons{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left;overflow-x:auto;scroll-snap-align:start;scroll-snap-type:x mandatory}.nav-buttons::-webkit-scrollbar{display:none}.nav-buttons .nav-btn{border-radius:10px;display:flex;flex:0 0 auto;flex-direction:column;height:40px;justify-content:center;padding:0;scroll-snap-align:start;width:40px}.nav-buttons .nav-btn span{font-size:20px}.close-btn{border-radius:5px;height:35px;left:15px;top:5px;width:50px}.close-btn .inner{border-radius:5px;height:25px;width:40px}.close-btn .inner svg{height:23px;width:23px}}@media (max-width:576px){body,html{height:100vh;height:calc(var(--vh, 1vh)*100)}.problem-wrap{height:auto;min-height:auto;overflow:hidden}.problem-wrap .container{height:calc(100vh - 112px);height:calc(var(--vh, 1vh)*100 - 112px);text-align:center}.problem-wrap .problem-container{height:calc(100vh - 145px);height:calc(var(--vh, 1vh)*100 - 170px)}.problem-wrap .problem-container .problem-content-wrapper{width:80%}.problem-wrap .problem-container .problem-content__text{font-size:20px}}@media (max-width:460px){.problem-wrap .problem-container .problem-content-wrapper{width:100%}.bottom-buttons .orange-default.sound span{display:none}.bottom-buttons .orange-default.sound img{height:100%;margin:0;width:auto}.bottom-buttons{background:transparent;box-shadow:none;height:70px;margin-left:auto;margin-right:auto;width:calc(100% - 30px)}.bottom-buttons .inline-block{margin-right:10px!important;width:75%}.bottom-buttons .orange-default{align-items:center;border-radius:7px;display:flex;height:50px;justify-content:center;min-width:40px;padding:5px;width:20%}.bottom-buttons .orange-default:after{border-radius:7px}.bottom-buttons .orange-default.answer{margin-left:0;margin-right:0;width:100%}.bottom-buttons .orange-default img{width:30px}.bottom-buttons .orange-default span{font-size:20px}}
.main-wrap1{background-color:#fffbf9;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding-top:60px}.default-title{color:#303030;font-family:Nunito,serif;font-size:48px;font-weight:900;line-height:1}.lds-spinner{color:official;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{animation:lds-spinner 1.2s linear infinite;transform-origin:40px 40px}.lds-spinner div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0deg)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.grey_loader_wrap{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:visibility 0s linear .4s,opacity .4s linear;visibility:hidden;width:100%;z-index:9999999}.grey_loader_wrap.active{opacity:1;transition-delay:0s;visibility:visible}
th{background:red}th span{cursor:pointer}