@font-face {
    font-display: swap;
    font-family: IRANSans;
    src: url(assets/img/e65c9d525ca3a18949eb.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IRANSans;
    src: url(assets/img/dde1bbb65f9abe693cab.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IRANSans;
    src: url(assets/img/ae01de6907048fbaba8b.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: IRANSans;
    src: url(assets/img/f1c0e72c287ef95dd777.ttf) format("truetype")
}

body {
    -webkit-font-smoothing: antialiased !important;
    background: #fff !important;
    color: #3c3c3c !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    height: 100% !important;
    margin: 0 !important
}

*,
body {
    font-family: IRANSans, Arial, sans-serif !important
}

.learn {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.learn-frame-2 {
    margin-bottom: 28.5px
}

.learn-col {
    align-items: stretch;
    direction: rtl;
    display: flex;
    flex-direction: column
}

.learn-row {
    grid-column-gap: .563rem;
    display: grid;
    grid-auto-columns: calc(33.33333% - 8px);
    grid-auto-flow: column;
    justify-content: center;
    padding: 16px 12px
}

._1fnwn {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px
}

.app[dir=rtl] ._1ii1y {
    margin-right: auto
}

.app[dir=ltr] ._1ii1y {
    margin-left: auto
}

._1ii1y {
    margin-left: 16px;
    pointer-events: none;
    position: sticky;
    top: 30px
}

@media(min-width:700px) {
    ._1ii1y {
        margin-right: 24px;
        pointer-events: none;
        position: sticky;
        top: 86px
    }
}

.np6Tv {
    pointer-events: auto
}

._1Hxe4 {
    align-items: center;
    display: flex;
    flex-direction: column
}

._2ofx2 {
    background: #1cb0f6;
    display: none;
    height: 4px;
    transition: opacity 1s, width .2s;
    width: 100%;
    z-index: 300
}

._2ofx2,
.base {
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0
}

.base {
    background: #0000004d;
    bottom: 0;
    pointer-events: none;
    right: 0;
    transition: opacity .3s;
    z-index: 210
}

.header-0 {
    height: 70px;
    z-index: 120
}

.header-1 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5;
    border-bottom-color: var(--web-ui_topbar-border-color, #e5e5e5);
    box-sizing: border-box;
    color: #afafaf;
    font: 500 17px/25px din-round, sans-serif;
    left: 0;
    line-height: 20px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(min-width:700px) {
    .learn-row {
        grid-column-gap: 12px
    }

    ._3YKTw {
        cursor: default;
        margin: 0 auto
    }

    ._3W86r:before {
        height: 94px
    }

    ._1Xlh1 {
        max-width: 1140px
    }
}

._3YKTw:before {
    content: "";
    display: block
}

._1YfQ8,
._2P12E {
    flex-direction: column
}

._1FaGz {
    display: flex;
    flex: 0 0 auto;
    width: 380px
}

._1FaGz:before {
    height: calc(var(--sidebar-baseline-offset) - 94px)
}

@media(min-width:700px) {
    ._3ZJK8 {
        margin-top: 0;
        padding-bottom: 0
    }
}

._3ZJK8 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    padding-bottom: 134.5px;
    position: relative
}

.RviFd {
    margin-bottom: -44.5px
}

.__floater__body {
    width: 340px !important
}

.navbar-option-0 {
    align-items: center;
    display: flex;
    flex-direction: row
}

.header-0 .header-navbar {
    flex-direction: row;
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 24px
}

.navbar-option {
    height: 100%
}

.header-0 .navbar-option-inner {
    position: relative
}

.header-0 .left-option {
    padding: 0 12px
}

.left-option-weight {
    font-weight: 700
}

._1rObp {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.app[dir=rtl] ._2G02F22 {
    margin-left: 6px
}

.app[dir=ltr] ._2G02F22 {
    margin-right: 6px
}

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

.crown-img {
    height: 34px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    width: 32px
}

.left-option-num {
    color: #e5e5e5
}

.app[dir=rtl] .option-title {
    margin-right: 5px
}

.app[dir=ltr] .option-title {
    margin-left: 5px
}

.option-title {
    color: #afafaf;
    display: none;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .8px;
    margin-top: 8px;
    transition: filter .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(min-width:1050px) {
    .option-title {
        display: initial
    }
}

.option-img {
    height: 40px;
    padding-right: 0;
    transition: filter .2s;
    width: 40px
}

.navbar-option-divider {
    align-items: center;
    display: flex;
    position: relative
}

@media(min-width:1050px) {
    .navbar-option-divider {
        margin-right: 10px
    }
}

._2d3xe .option-title {
    color: #1cb0f6
}

.option-space {
    flex-grow: 1;
    height: 100%;
    width: 85px
}

._3J9t8 {
    border-radius: 50%;
    height: 36px;
    width: 36px
}

.J0tZA {
    position: relative
}

.J0tZA img {
    display: block
}

.english-flag {
    height: 32.1951px;
    width: 40px
}

.dropdown {
    align-items: center;
    display: flex
}

.dropdown-toggle:after {
    display: none !important
}

.dropdown-menu>li {
    border-bottom: 2px solid #e5e5e5;
    padding: 9px
}

.user-drop {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    width: 360px
}

._1ZefG {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    display: inline-flex;
    outline: none;
    touch-action: manipulation;
    transform: translateZ(0)
}

._1ZefG :disabled {
    cursor: default
}

._1H_R6 {
    border: none;
    justify-content: center
}

._1KUxv1,
._1KUxv12 {
    align-items: center;
    border-radius: var(--web-ui_popover-border-radius, .938rem);
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    transform: translateZ(0)
}

._1KUxv12 {
    display: flex;
    justify-content: center
}

._2XlFZ {
    margin-top: 14px
}

._2XlFZ>.ite_X {
    margin: 0 var(--web-ui_popover-border-radius, 15px);
    top: -10px
}

._2XlFZ._1v2Gj {
    left: 50%;
    top: 100%;
    transform: translateX(-50%)
}

.mistakelevel {
    left: -70% !important;
    top: 100% !important;
    transform: none !important
}

.app[dir=rtl] ._2XlFZ._1v2Gj>.ite-b {
    left: calc(83% - var(--web-ui_popover-border-radius, 15px))
}

.app[dir=ltr] ._2XlFZ._1v2Gj>.ite-b {
    left: calc(13% - var(--web-ui_popover-border-radius, 15px))
}

.app[dir=rtl] ._2XlFZ._1v2Gj2>.ite_X {
    left: calc(12% - var(--web-ui_popover-border-radius, 15px))
}

.app[dir=ltr] ._2XlFZ._1v2Gj2>.ite_X {
    left: calc(82% - var(--web-ui_popover-border-radius, 15px))
}

._3p5e9 {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 2px;
    content: "";
    height: .884rem;
    left: 50%;
    transform: translateZ(0) rotate(45deg);
    transform-origin: top left;
    width: .884rem
}

._3p5e9,
.ite_X {
    box-sizing: border-box;
    position: absolute
}

.ite_X {
    height: 10px;
    margin: 0;
    overflow: hidden;
    width: 20px
}

._2O14B,
._2O14Bz {
    border-radius: 15px !important;
    box-sizing: border-box;
    position: relative
}

._2O14Bz {
    left: -10px !important;
    top: 16px !important
}

._1kT7V {
    max-height: calc(100vh - 88px)
}

._3nQQr {
    padding: 12px 12px 12px 24px !important
}

.PqXfk {
    color: #4b4b4b;
    font-size: 20px
}

.PqXfk,
._1KF6e {
    font-weight: 700
}

._1KF6e {
    --web-ui_button-filter-hover: none;
    align-items: center;
    border-top: 2px solid #e5e5e5 !important;
    color: #1cb0f6 !important;
    font-size: inherit;
    line-height: inherit;
    min-height: 48px;
    min-width: 100px;
    white-space: nowrap;
    width: 100%
}

._1kT7V>:first-child {
    border-top: none !important
}

@media(hover:hover) {
    ._1KF6e:hover {
        background-color: #f7f7f7
    }
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #0000 !important;
    color: #1cb0f6 !important
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #0000 !important
}

.overlay.active {
    background-color: #00000080;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 45px;
    width: 100%;
    z-index: 2
}

.dropdown-menu {
    border: 2px solid #e5e5e5 !important
}

._2uf-t {
    align-items: center;
    display: flex;
    padding: 12px;
    width: 360px
}

._1I6F9 {
    margin: 0 6px;
    position: relative
}

._1YGGe {
    display: block;
    width: 100px
}

.H_XA0 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 55%;
    transform: translateX(-50%) translateY(-50%)
}

._2uf-t h2 {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 700px;
    line-height: 26px
}

._3PrASt {
    color: #3c3c3c;
    font-size: 16px !important;
    font-weight: 700
}

.heart-border {
    border: 2px solid #e5e5e5;
    border-radius: 15px
}

.heart-width {
    width: 200px
}

.heart-text {
    color: #c567ea;
    font-size: 16px;
    font-weight: 700
}

.heart-text-disable {
    color: #adaeaf;
    font-weight: 700
}

.gagag {
    width: max-content
}

.uqCpu ._3fZ_2 {
    max-height: 304px;
    overflow-y: auto;
    width: 240px
}

.uqCpu ._2WiQc {
    align-items: center;
    color: #4b4b4b;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: 700;
    padding: 8px 12px
}

.yccDx_ {
    margin-right: 12px !important;
    text-align: right
}

._2v0Qt {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 380px;
    padding: 10px 20px
}

.y_CV7 {
    font-size: 19px
}

.end-heart-gem {
    height: 24px;
    width: 24px
}

@media(max-width:768px) {
    .end-heart-gem {
        height: 20px;
        width: 20px
    }

    .y_CV7 {
        font-size: 15px
    }

    ._2v0Qt {
        align-items: center;
        display: flex;
        flex-direction: column;
        min-width: 380px;
        padding: 6vw
    }

    .yccDx_ {
        margin-right: 8vw !important;
        text-align: right
    }

    .homecss {
        height: 53px;
        margin-top: -2px;
        width: 43px
    }

    .bellcss {
        height: 37px
    }

    .laeguecss {
        height: 41px;
        margin-top: -3px;
        width: 48px
    }

    .app[dir=rtl] .mistakelevel {
        right: 8% !important
    }

    .app[dir=ltr] .mistakelevel {
        left: 8% !important
    }

    .mistakelevel {
        top: 100% !important;
        transform: none !important
    }

    .ite_mistake {
        left: calc(17% - var(--web-ui_popover-border-radius, 15px)) !important
    }

    ._2O14B4 {
        left: -10px !important;
        top: 18px !important
    }

    .dropdown-menu {
        width: 106vw
    }

    ._3YKTw {
        padding-top: var(--app-offset)
    }

    .mobile-header {
        justify-content: space-around;
        margin-right: 0 !important;
        width: 100%
    }

    ._1ii1y {
        position: absolute !important;
        z-index: 0 !important
    }

    .mobile-footer {
        background: #fff;
        border-top: 2px solid #e5e5e5;
        bottom: 0;
        box-sizing: border-box;
        display: flex;
        font: 500 17px/25px din-round, sans-serif;
        height: 18vw;
        justify-content: space-around;
        margin: 0;
        padding: 0;
        position: fixed;
        width: 100%;
        z-index: 100
    }

    .mobile-display-none {
        display: none
    }

    ._Bmuv {
        justify-content: space-between
    }

    .option-space {
        width: 0 !important
    }

    ._28D8T td:first-child {
        width: 120px
    }
}

.app[dir=rtl] ._2G02F {
    margin-left: 6px
}

.app[dir=ltr] ._2G02F {
    margin-right: 6px
}

._2G02F {
    height: 30px;
    width: 22px
}

.app[dir=rtl] ._2G02Fxp {
    margin-left: 3px
}

.app[dir=ltr] ._2G02Fxp {
    margin-right: 3px
}

._2G02Fxp {
    height: 24px;
    width: 18px
}

.notif-feeds {
    background-color: red;
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    line-height: 1;
    margin-right: 5px;
    min-width: 18px;
    padding: 2px 6px;
    text-align: center
}

@media(min-width:768px) {
    ._2G02F {
        height: 30px;
        margin-left: 6px;
        width: 25px
    }

    ._2G02Fxp {
        height: 28px;
        width: 22px
    }

    .mbl-none {
        display: none
    }

    ._2XlFZ._1v2Gj2>.ite_X {
        left: calc(8% - var(--web-ui_popover-border-radius, 15px)) !important
    }
}

.crown-p {
    font-size: 14px;
    margin-bottom: 0
}

.GjJQd {
    color: rgb(var(--color-eel));
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 16px
}

._3G7ew {
    align-items: center;
    display: flex;
    justify-content: center
}

._4ofBP:not(:last-of-type) {
    margin-left: 8px
}

._2Kz8l {
    height: 24px;
    width: 24px
}

._19ha_ {
    color: rgb(var(--color-eel));
    font-size: 15px;
    font-weight: 700;
    margin: 12px 0
}

._19ha_,
._7IwrT {
    text-align: center
}

._7IwrT {
    color: rgb(var(--color-wolf));
    line-height: 24px
}

._1FhEo {
    margin-top: 16px
}

._1FhEo>:not(:last-child) {
    margin-bottom: 8px
}

.fIxaK {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
    width: 100%
}

.Vb8FK,
._25_es {
    align-items: center;
    display: flex
}

._25_es {
    margin-left: 8px;
    margin-right: auto;
    min-width: 130px;
    width: 100%
}

._2dnya {
    color: rgb(var(--color-nova));
    font-size: 14px;
    font-weight: 700;
    text-align: end;
    white-space: normal;
    width: 80px
}

@media(min-width:360px) {
    ._25_es {
        min-width: 150px
    }
}

._2C9Qk {
    font-size: 21px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 12px;
    width: 100%
}

@media(min-width:530px) {
    ._2C9Qk {
        font-size: 25px;
        font-weight: 700;
        line-height: 34px;
        margin-bottom: 12px;
        width: 100%
    }

    ._25_es {
        min-width: 180px
    }

    ._2dnya {
        width: 100px
    }
}

._18Xgy {
    color: rgb(var(--color-eel));
    font-weight: 700;
    padding-right: 8px;
    text-align: left;
    white-space: normal
}

._34k0H {
    align-items: center;
    display: flex;
    font-size: 15px;
    margin-left: auto
}

.JCm_h {
    color: rgb(var(--color-wolf))
}

._2FoH9 {
    display: flex
}

._3SEyJ {
    color: #bc16e2;
    font-size: 15px;
    font-weight: 700;
    margin-right: 5px
}

._2uP-9 {
    height: 26px;
    width: 26px
}

._8_UHb {
    position: relative;
    z-index: 310
}

._8_UHb,
.vhYh4 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: var(--viewport-height)
}

.app[dir=rtl] ._1hEOp1 {
    direction: rtl
}

.app[dir=ltr] ._1hEOp1 {
    direction: ltr
}

._1hEOp1 {
    border-radius: 16px
}

._3jnmE {
    display: flex;
    flex-direction: row
}

._3auPw,
._3jnmE {
    margin-bottom: 24px
}

._3Fig7,
._3PmyX {
    display: flex;
    flex-direction: column
}

._3Fig7 {
    max-width: 500px
}

._2C9Qk,
._2Ql62 {
    text-align: center
}

._243_F {
    margin-bottom: 24px
}

._2Ql62 {
    color: rgb(var(--color-wolf));
    font-size: 16px
}

._1gEXc {
    margin: 8px 0 32px
}

._1gEXc>:not(:last-child) {
    margin-bottom: 16px
}

._2Yk3J {
    position: relative
}

._1VrmL {
    background: radial-gradient(ellipse 230% 120% at -6% -4%, rgb(var(--color-gamma)) 0, rgb(var(--color-starlight)) 50%, rgb(var(--color-quasar)) 100%)
}

._2uIZL {
    background-color: rgb(var(--color-snow));
    border: 0;
    border-radius: 16px;
    padding: 0;
    width: 100%
}

._3Gw5F {
    padding: 4px
}

@media(hover:hover) {
    ._2uIZL {
        cursor: pointer
    }
}

._2AP_J>div,
._3xEMR>div {
    background: rgb(var(--color-snow));
    border-radius: 12px
}

._3xEMR>div {
    padding: 24px 16px 16px
}

.HfbqR {
    background: radial-gradient(715.63% 566.69% at 62.95% -48.57%, rgb(var(--color-gamma)) 0, rgb(var(--color-starlight)) 52.36%, rgb(var(--color-quasar)) 100%);
    border-radius: 16px 0 6px;
    height: 21px;
    left: 0;
    top: 0;
    width: 78px
}

._35Nhd {
    right: -10px;
    top: -10px;
    width: 26px
}

.HfbqR,
._35Nhd {
    position: absolute
}

.jLt-5 {
    border: 2px solid rgb(var(--color-swan));
    padding: 2px
}

._2AP_J>div {
    padding: 16px
}

.sMLvo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-items: center
}

._19ha_>span>span {
    color: rgb(var(--color-cardinal))
}

.overlay {
    background-color: #00000080;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.navbar-option {
    position: relative;
    z-index: 15
}

._2LOmw {
    margin: 0 auto
}

.prof-drop {
    transform: translate(-5px, 52px) !important
}

.menu-title {
    border-bottom: 2px solid #e5e5e5;
    color: #afafaf;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 20px
}

.flag-container {
    box-sizing: border-box;
    display: flex;
    height: 68px;
    margin-bottom: 10px;
    position: relative;
    width: 82px
}

.flag-icon {
    height: 42px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(2);
    width: 35px
}

.add-icon {
    height: 68px;
    margin-bottom: 10px;
    opacity: .75;
    transform: scale(.95);
    width: 82px
}

.desktop-container {
    width: 240px;
    z-index: 0
}

.desktop-menu {
    display: flex;
    flex-direction: column;
    max-height: 256px;
    overflow-y: auto
}

.desktop-item {
    padding: 10px 12px 10px 20px
}

.desktop-add-course,
.desktop-item {
    align-items: center;
    color: #4b4b4b;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: 700
}

.desktop-add-course {
    border-top: 2px solid #e5e5e5;
    padding: 12px 12px 12px 20px
}

.mobile-container {
    display: flex;
    justify-content: center
}

.mobile-menu {
    display: flex;
    overflow-x: auto;
    padding: 16px 0;
    width: 100%
}

.mobile-item {
    color: #4b4b4b;
    margin-left: 8px;
    width: 82px
}

.add-course-item,
.mobile-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    margin-right: 8px;
    text-align: center
}

.add-course-item {
    color: #afafaf
}

@media(min-width:768px) {
    .flag-icon {
        height: 40px;
        transform: translateX(-50%) translateY(-50%) scale(1.2);
        width: 35px
    }

    .flag-container {
        height: 40px;
        margin-bottom: 0;
        width: 52px
    }

    .add-icon {
        height: 35px;
        margin-bottom: 0;
        width: 42px
    }

    .flag-text-margin {
        font-size: 15px;
        margin-right: 10px
    }
}

.crown-trans {
    left: -10px !important;
    top: 18px !important
}

.app[dir=rtl] .dropdown-up {
    bottom: 60px;
    left: 97%
}

.app[dir=ltr] .dropdown-up {
    bottom: 68px;
    left: 0
}

.dropdown-up {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px #00000026;
    display: flex;
    flex-direction: column;
    max-width: 80vw;
    min-width: 140px;
    padding: 10px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 999
}

.dropdown-up a,
.dropdown-up button {
    background: none;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.dropdown-up a:last-child,
.dropdown-up button:last-child {
    border-bottom: none
}

.dropdown-up a:hover,
.dropdown-up button:hover {
    background: #f1f1f1;
    border-radius: 6px
}

.dropdown-overlay {
    background-color: #0006;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 998
}

._3aDjm {
    min-width: 350px;
    padding-bottom: 24px;
    padding-top: 10px
}

@media(min-width:768px) {
    ._3aDjm {
        min-width: 350px;
        padding: 10px 24px 24px
    }

    ._2O14B4 {
        border-radius: 15px !important;
        box-sizing: border-box;
        position: relative;
        transform: translate(-185px, 48px) !important
    }
}

._1fay8 {
    -ms-overflow-style: none;
    scrollbar-width: none
}

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

._1k_tY {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

._17SXR {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    text-align: center
}

.UpoCK {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    overflow: hidden;
    padding: 16px 8px 8px;
    position: relative;
    width: 100%
}

._1O_nR {
    padding: 0 8px;
    width: 100%
}

._2I8yp {
    color: #777;
    padding: 4px 0 16px
}

._3zXne {
    width: 100%
}

._2VSY2 {
    color: #afafaf;
    grid-auto-flow: column;
    padding: 0 4px
}

._1ybcV,
._2VSY2 {
    display: grid;
    justify-content: space-between
}

._1ybcV {
    background-color: #ffc8001a;
    border-radius: 56px;
    grid-auto-flow: column;
    grid-column: 4/span 1;
    height: 28px
}

._2v1Nb {
    grid-auto-flow: column;
    grid-column: 7/span 1
}

._2-ywd,
._2v1Nb {
    background-color: #ffc8001a;
    border-radius: 56px;
    display: grid;
    height: 28px;
    justify-content: space-between
}

._2-ywd {
    grid-auto-flow: column;
    grid-column: 1/span 2
}

._1bXEp {
    align-items: center;
    color: #afafaf;
    display: flex;
    height: 30px;
    justify-content: center;
    line-height: 13px;
    margin: auto;
    padding: 8px 0;
    width: 30px
}

._1Obgb {
    border-radius: 18px
}

._1e93_ {
    color: #ff9600
}

._1rKsu {
    color: #fff
}

._284Os {
    background-color: #b0b0b04d;
    color: #777
}

._3KISy {
    border: 2px solid #0000;
    border-radius: 56px;
    margin: 6px 0;
    padding: 2px
}

._2cqMD {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    position: relative
}

._1Elvm,
._2cqMD,
._2dseW {
    width: 100%
}

._1Elvm {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 300
}

._1v2Gj0 {
    background-color: #fcfcfc !important
}

.app[dir=rtl] ._2XlFZ._1v2Gj0>.ite_X {
    left: calc(63% - var(--web-ui_popover-border-radius, 15px))
}

.app[dir=ltr] ._2XlFZ._1v2Gj0>.ite_X {
    left: calc(33% - var(--web-ui_popover-border-radius, 15px))
}

@media(min-width:768px) {
    .app[dir=rtl] ._2XlFZ._1v2Gj0>.ite_X {
        left: calc(54% - var(--web-ui_popover-border-radius, 15px))
    }

    .app[dir=ltr] ._2XlFZ._1v2Gj0>.ite_X {
        left: calc(56% - var(--web-ui_popover-border-radius, 15px))
    }
}

._1Elvm:before,
._3oRSJ {
    margin-top: 4px;
    position: absolute
}

._3oRSJ {
    display: flex;
    justify-content: space-between;
    left: 0;
    padding-left: inherit;
    padding-right: inherit;
    right: 0
}

._2SfVY {
    background-color: #0000;
    border: 0;
    cursor: pointer;
    height: 14px;
    width: 14px
}

._1FVy_ {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: -100%;
    transition: height .8s ease;
    width: 300%
}

._3JvA0 {
    height: 299px
}

._3PrAS {
    color: #3c3c3c;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin: 0
}

._3uAwj {
    color: #777;
    margin: 10px 0 0
}

._20sV- {
    align-items: top;
    display: flex;
    flex-direction: column;
    overflow-y: scroll
}

@media(min-width:700px) {
    ._20sV- {
        width: 330px
    }
}

._21HgW {
    align-items: center;
    margin: 0 auto
}

@media(min-width:700px) {
    ._21HgW {
        margin: auto
    }
}

._3ZQDX {
    text-align: center
}

.Calendar__day.-selected,
.Calendar__day.-selectedEnd,
.Calendar__day.-selectedStart {
    background: rgba(255, 120, 4, .851) !important;
    color: #fff
}

.Calendar__day.-selectedBetween {
    background: rgba(255, 120, 4, .851) !important;
    border-radius: 0;
    color: #fff !important
}

.Calendar {
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: 0
}

.daily-style {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 1em 4em #00000012;
    padding: 8px
}

._5C_gv {
    display: none !important
}

@media(min-width:700px) {
    ._5C_gv {
        display: inline-block !important;
        transform: scale(1.2);
        transform-origin: 0 0
    }
}

._2rU3c {
    border-radius: 12px !important;
    flex-direction: column;
    flex-grow: 1;
    font-size: 17px !important;
    gap: 8px;
    height: auto !important;
    max-width: 160px;
    padding: 14.5px 16px !important;
    position: relative;
    text-transform: none !important;
    white-space: normal !important
}

.border-buy:before {
    border: 2px solid #8242ab !important
}

._2Zb01 {
    --web-ui_button-background-color: #0000;
    --web-ui_button-background-color-disabled: #0000;
    --web-ui_button-border-color: #ffffff80;
    --web-ui_button-border-color-disabled: #fff3;
    --web-ui_button-color: #fff;
    --web-ui_button-color-disabled: #ffffff80;
    --web-ui_button-filter-hover: opacity(0.8)
}

.JMaEo {
    background: #042c60
}

.SBf4a {
    height: 100%;
    left: 0;
    overflow-y: auto;
    top: 0;
    width: 100%
}

._2T2fm {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 16px 8px;
    width: 100%
}

@media(max-width:360px) {
    ._2T2fm {
        margin: 0
    }
}

._3sjaL {
    --button-theme: #3c4dff;
    --url: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI1IDI0Ij48cGF0aCBmaWxsPSIjM0M0REZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi41IDI0YzYuNjI3IDAgMTItNS4zNzMgMTItMTIgMC02LjYyOC01LjM3My0xMi0xMi0xMlMuNSA1LjM3Mi41IDEyYzAgNi42MjcgNS4zNzMgMTIgMTIgMTIiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTExLjQxOSAxMy4zNTMtMi4zNzEtMi4zMTdhMS43IDEuNyAwIDAgMC0yLjM3IDAgMS42MSAxLjYxIDAgMCAwIDAgMi4zMTdsMy41NTUgMy40NzVhMS43IDEuNyAwIDAgMCAyLjU1LS4yMDVxLjExLS4wNzguMjEtLjE3Nmw2LjU5MS02LjQ0YTEuNjE3IDEuNjE3IDAgMCAwIC4wMDctMi4zMjMgMS43MDQgMS43MDQgMCAwIDAtMi4zNzcuMDA2eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

._3zTBt {
    background: none;
    background-color: #fff;
    border: 4px solid var(--button-theme) !important;
    cursor: pointer;
    min-height: 76px;
    padding: 0;
    position: relative;
    transition-duration: .2s;
    transition-property: border-radius, opacity, transform;
    transition-timing-function: ease-in;
    width: 90.90909%
}

._3zTBt,
._3zTBt h2 {
    color: var(--button-theme)
}

._3zTBt:after {
    background-image: var(--url);
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 28px;
    position: absolute;
    right: -14px;
    top: -14px;
    transition-delay: .2s;
    transition-duration: .2s;
    transition-property: transform;
    transition-timing-function: ease-in;
    width: 28px
}

._2TT2- {
    border-radius: 14px;
    margin: -2px;
    transform: scale(1.1);
    z-index: 1
}

._2gCuT {
    border-width: 0;
    margin: 2px;
    opacity: .6;
    z-index: 0
}

._2gCuT:last-child {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

._2gCuT:after {
    transform: scale(0)
}

.Ehxuy {
    align-items: flex-start;
    background: none;
    display: flex;
    flex-direction: column;
    font-weight: 700;
    justify-content: center
}

._3pJ53 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 36px 14px;
    width: 100%
}

@media(max-width:360px) {
    ._3pJ53 {
        padding: 18px 12px
    }
}

._2j8FH {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: left
}

.KfnG8 {
    font-size: 17px;
    letter-spacing: 1px;
    text-align: right
}

@media(max-width:460px) {
    ._2j8FH {
        font-size: 18px;
        font-weight: 700
    }

    .KfnG8 {
        font-size: 15px
    }
}

@media(max-width:360px) {
    ._2j8FH {
        font-size: 16px;
        font-weight: 700
    }

    .KfnG8 {
        font-size: 14px
    }
}

@media(max-width:320px) {
    ._2j8FH {
        font-size: 14px;
        font-weight: 700
    }

    .KfnG8 {
        font-size: 12px
    }
}

._4zwvA {
    background: #042c60;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

._2cbR4 {
    background: #000437
}

._2cbR41 {
    background-image: linear-gradient(#6b509e, #6b509e, #8f69cc)
}

.CuMf5 {
    left: 24px;
    position: absolute;
    top: 24px;
    z-index: 2 !important
}

._2miFD {
    height: 19px;
    width: 19px
}

@media(max-width:360px) {
    ._2miFD {
        left: 12px;
        top: 12px
    }
}

._3u7DS {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

._2egAs {
    position: absolute;
    right: 10px;
    top: 22px;
    z-index: 2 !important
}

._8IHDM {
    font-size: 14px;
    margin-top: 4px
}

@media(min-width:700px) {
    ._2egAs {
        right: 34px;
        top: 24px
    }

    ._8IHDM {
        font-size: 17px;
        margin-top: 4px
    }
}

._1wWI0 {
    height: 30px;
    pointer-events: none;
    width: 103px
}

._30NaU,
._3eTGV {
    position: relative;
    width: 100%
}

._3eTGV {
    color: #fff;
    display: flex
}

._2Shya,
._3eTGV {
    height: 100%
}

._2Shya {
    overflow: auto;
    width: 100%
}

._3s9lv {
    align-content: center;
    display: grid;
    grid-template-rows: auto -webkit-min-content auto;
    grid-template-rows: auto min-content auto;
    justify-items: center;
    min-height: 100%;
    row-gap: 16px
}

@media(max-width:360px) {
    ._3s9lv {
        row-gap: 12px
    }
}

._3r4fN {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    width: 90%
}

.wAqeI {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    margin: 24px 12px 0;
    max-width: 425px;
    text-align: center;
    width: 100%
}

@media(max-width:360px) {
    .wAqeI {
        font-size: 24px;
        margin-top: 50px
    }
}

._1Y1JL {
    z-index: 1
}

._38Z1- {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

._3Hn99 {
    z-index: 1
}

._1Evsp {
    height: 100%;
    overflow: auto;
    padding: 24px 0;
    width: 100%
}

._1UO59 {
    height: calc(100% - 140px)
}

._28npL {
    flex-direction: column;
    min-height: 100%
}

._28npL,
._2YJ_i {
    align-items: center;
    display: flex;
    justify-content: center
}

._2YJ_i {
    grid-column: 1/2;
    max-width: 100vw;
    width: 100%
}

._1iaYC {
    align-self: end;
    grid-row: 1/2;
    margin-top: 24px
}

@media(max-width:360px) {
    ._1iaYC {
        margin-top: 12px
    }
}

._3rIt1 {
    align-self: center;
    grid-row: 2/3
}

._1Qv4q {
    align-self: start;
    grid-row: 3/4;
    margin-bottom: 24px
}

@media(max-width:360px) {
    ._1Qv4q {
        margin-bottom: 12px
    }
}

._3bfrJ {
    border-top: 2px solid #ffffff40;
    bottom: 0;
    height: 140px;
    left: 0;
    position: fixed;
    width: 100%
}

._3GWY6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 17px;
    justify-content: center;
    line-height: 25px;
    margin: 24px auto 0;
    max-width: 400px;
    padding: 24px 0;
    text-align: center;
    width: 90%
}

._3rb9g {
    margin-top: 0;
    padding-top: 0
}

._2DWxG {
    height: 300px;
    margin-bottom: 48px;
    margin-top: -97px;
    max-width: 100vw;
    pointer-events: none
}

._1bT9n>span>span {
    color: #26f663
}

.bASMH {
    background: rgb(var(--color-snow-always-light), .15);
    border-radius: 16px;
    flex-direction: column;
    gap: 24px;
    margin: 24px 0 16px;
    padding: 16px 12px
}

.v1RnC {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 24px;
    text-align: left;
    width: 100%
}

.bASMH[dir=rtl] ._1uSTi {
    margin-left: 16px
}

.bASMH[dir=ltr] ._1uSTi {
    margin-right: 16px
}

.bASMH[dir=rtl] ._2MPEi {
    margin-left: 12px;
    margin-right: 8px
}

.bASMH[dir=ltr] ._2MPEi {
    margin-left: 8px;
    margin-right: 12px
}

._2MPEi {
    align-self: start;
    height: 40px;
    width: 40px
}

._1uSTi {
    height: 52px;
    pointer-events: none;
    width: 45px
}

.wc2Ru {
    display: flex;
    flex-direction: column
}

._3LN-I {
    height: 115px;
    margin-top: 24px;
    pointer-events: none
}

._15C_8,
._3LN-I {
    margin-bottom: 16px
}

._1-PcN {
    align-items: center;
    background-color: #042c60;
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: center;
    width: 100%
}

@media(min-width:700px) {
    ._1-PcN {
        flex-direction: row;
        justify-content: space-between;
        padding: 0 40px
    }
}

@media(min-width:1000px) {
    ._1-PcN {
        padding: 0 calc(50% - 460px)
    }
}

.f2Owp {
    background-color: #000437
}

._1Xrid {
    --web-ui_button-height: 47px;
    margin-top: 10px
}

@media(min-width:700px) {
    ._1Xrid {
        margin-top: 0;
        max-width: 35%;
        min-width: 250px
    }
}

@media(max-width:700px) {
    ._1Xrid {
        --web-ui_button-font-size: 13px;
        --web-ui_button-height: 45px;
        max-width: 400px !important;
        width: 90% !important
    }
}

._17san {
    max-width: 400px;
    width: 90%
}

@media(min-width:700px) {
    ._17san {
        margin-top: 0;
        max-width: 60%;
        min-width: 250px;
        width: auto
    }
}

@media(max-width:360px) {
    ._17san {
        --web-ui_button-font-size: 13px;
        --web-ui_button-height: 48px
    }
}

._3iv2Z {
    align-items: center;
    background-color: #042c60;
    display: flex;
    flex-direction: column-reverse;
    height: 100%;
    justify-content: center;
    width: 100%
}

._1RUDA {
    background-color: #000437
}

._1r2W4 {
    margin-top: 0;
    max-width: 90%;
    width: 400px
}

@media(max-width:360px) {
    ._1r2W4 {
        --web-ui_button-font-size: 13px;
        --web-ui_button-height: 48px
    }
}

._3cwgD {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 550px;
    padding: 0 15px;
    text-align: center;
    width: 100vw
}

.report-text {
    font-size: 14px
}

@media(min-width:700px) {
    .report-text {
        font-size: 17px
    }
}

._2gCuT:first-child {
    border-top-right-radius: 14px
}

._2gCuT:first-child,
._2gCuT:first-child ._33bgF {
    border-top-left-radius: 14px
}

.freechest-btn {
    background-color: #1bb0f6 !important;
    box-shadow: 0 2px 0 #2a85ae !important;
    color: #fff !important;
    font-weight: 700 !important
}

.owlmargin {
    display: flex;
    margin-top: 42px
}

.boostbtn:before {
    border: 2px solid #6b509e;
    border-radius: 15px;
    bottom: -2px;
    box-shadow: 0 2px 0 #6b509e;
    content: "";
    left: -2px;
    right: -2px;
    top: -2px;
    z-index: -1
}

.boostbtn:before,
.lightningimg {
    position: absolute
}

._1KUxv3 {
    background-color: #ce82ff;
    border-radius: .75rem
}

.xp-rampup {
    background-color: #7047b1;
    border-radius: 8px;
    font-weight: 600;
    height: 30px;
    opacity: .6;
    width: 50px
}

.diactive {
    background-color: #675780;
    opacity: .6
}

.bottom-raidus {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.deactive-border {
    border-bottom: 1px solid #84748b
}

.league-rate {
    bottom: 8px;
    font-weight: 700;
    left: 10px;
    position: absolute
}

.status-emoji {
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 2px 0 #e5e5e5;
    cursor: pointer;
    height: 50px;
    width: 60px
}

._26wPn {
    background: none;
    color: #4b4b4b
}

._26wPn:after {
    background-color: #fff;
    border-color: #e5e5e5
}

._1TSHz {
    display: inline-block
}

._11Wi7 {
    position: relative
}

._11Wi7._8Z5X {
    border-width: 2px !important
}

._11Wi7._8Z5X:after {
    border-bottom-width: 2px;
    bottom: -2px !important
}

._1HjFK {
    color: #1899d6
}

._1HjFK:after {
    background-color: #ddf4ff;
    border-color: #84d8ff
}

.dB-_D {
    display: flex;
    flex-direction: column
}

._3HPNX {
    font-size: 20px;
    margin-bottom: 0
}

@media(min-width:700px) {
    ._3HPNX {
        font-size: 27px;
        margin-bottom: 22px
    }
}

.fJSw6:active:not(._326cY):not(.IACXk) {
    color: #1899d6
}

.fJSw6:active:not(._326cY):not(.IACXk):after {
    background-color: #ddf4ff;
    border-color: #84d8ff
}

._27PiC:first-child:after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

._27PiC:last-child:after {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

._27PiC:not(:first-child):not(:last-child):after {
    border-radius: 0
}

._27PiC._3-21f+._27PiC:after,
._27PiC:active+._27PiC:after {
    border-top: 0
}

.RUO3N {
    color: #999;
    margin: 16px 0 0
}

@media(min-width:700px) {
    .RUO3N {
        margin: 0 0 48px;
        padding-top: 12px
    }
}

._2Pkxr {
    display: flex;
    flex-direction: column;
    margin-top: 18px
}

@media(min-width:700px) {
    ._2Pkxr {
        flex-direction: row
    }
}

._1pFWT {
    margin-top: 16px
}

@media(min-width:700px) {
    ._1pFWT {
        margin: 0 0 0 auto;
        width: 55%
    }
}

.xtPuL {
    transition: opacity
}

._18W4a {
    opacity: 1
}

._1figt {
    border-color: #0000;
    padding: 12px 16px
}

._1figt,
._1figt:after {
    border-width: 2px 2px 4px
}

._1figt:after {
    bottom: -4px;
    content: "";
    left: -2px;
    right: -2px;
    top: -2px
}

._1figt:disabled:not(._2mG9r) {
    border-width: 4px 2px 2px
}

._1figt:disabled:not(._2mG9r):after {
    border-bottom-width: 2px;
    bottom: -2px
}

._3lUbm {
    background: #fff;
    padding: 30px
}

._13Rl7 {
    position: fixed;
    z-index: 37776710
}

._1hEOp {
    border-radius: 16px;
    left: 50%;
    max-width: 95%;
    top: 50%;
    transform: translate(-50%, -50%)
}

@media(min-width:700px) {
    ._1hEOp {
        max-width: none
    }
}

.bASMH[dir=rtl] ._2N0PU {
    text-align: right
}

.bASMH[dir=ltr] ._2N0PU {
    text-align: left
}

.bASMH[dir=rtl] ._2Riex {
    text-align: right
}

.bASMH[dir=ltr] ._2Riex {
    text-align: left
}

.parent-elixir[dir=rtl] .dir-elixir {
    direction: ltr
}

.parent-elixir[dir=ltr] .dir-elixir {
    direction: rtl
}

._2N0PU {
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 4px
}

._2T_HI {
    font-size: 12px !important;
    margin-left: 10px;
    margin-right: 10px
}

._2O0xs {
    color: #5e5e5e;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 33px;
    margin-left: auto;
    margin-right: auto
}

._1A6EB {
    font-size: 16px
}

@media(min-width:700px) {
    ._2T_HI {
        font-size: 15px !important;
        margin-left: 15px
    }

    ._2O0xs {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 33px;
        margin-left: auto;
        margin-right: auto
    }

    ._1A6EB {
        font-size: 18px
    }
}

._3nU_m {
    border: 0;
    color: #4b4b4b;
    flex: 1;
    line-height: 24px;
    min-width: 0;
    text-overflow: ellipsis
}

._3CNP- {
    align-items: center;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: inline-flex;
    min-height: 48px;
    overflow: hidden;
    padding: 5px 10px;
    width: 100%
}

._3XLxv {
    display: block;
    height: 100px;
    margin: 0 auto 25px
}

._1A6EB,
._2JqdE,
._2O0xs {
    text-align: center
}

._2JqdE {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 400px;
    padding: 24px 0;
    width: 90%
}

._3oiIo {
    height: 225px;
    margin-bottom: 24px;
    margin-top: 48px
}

._1Jybg {
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 8px
}

._3xpGd {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 30px
}

.streaksale {
    cursor: pointer;
    width: 140px
}

.modal-content {
    padding: 0 !important
}

.wrapper {
    margin: 50px auto 0;
    width: 900px
}

.header {
    color: #2574a9;
    display: inline-block;
    font-size: 60px;
    font-weight: 400;
    margin-left: 30%;
    margin-top: 45px
}

.select {
    color: #2574a9;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px
}

.price {
    font-size: 30px
}

.cents {
    font-size: 35px
}

.list {
    margin: 0 auto;
    width: 80%
}

.bold {
    font-weight: 700;
    letter-spacing: 0
}

._1szh4 {
    max-height: 100%;
    overflow: auto;
    z-index: 320
}

._3gK3K {
    background: rgb(var(--color-snow));
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
}

._2At32 {
    transform: translateY(0)
}

._1yodw {
    margin: 0 auto;
    padding: 32px 16px
}

._15PXk {
    color: rgb(var(--color-wolf));
    margin-bottom: 40px
}

._2Riex {
    color: #e5e5e5;
    font-size: 15px
}

@media(min-width:700px) {
    ._1yodw {
        max-width: 1140px;
        padding: 40px 24px
    }

    ._15PXk {
        font-size: 17px;
        line-height: 1.5
    }
}

._13UXt,
._2ouIQ {
    align-items: center;
    display: flex
}

._2ouIQ {
    flex-direction: column;
    width: 100%
}

._1foYr {
    gap: 8px;
    position: absolute;
    right: 24px;
    top: 24px
}

._3LcAf {
    color: rgb(var(--color-cardinal))
}

._13UXt {
    font-weight: 700
}

.IHlgT {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    max-width: 360px;
    text-align: center
}

._3NeIT {
    color: #000;
    font-weight: 700;
    margin-bottom: 16px
}

._3y95f {
    display: flex;
    font-weight: 700;
    gap: 8px;
    justify-content: space-evenly;
    margin-bottom: 24px
}

.Qc0pn {
    aspect-ratio: 1;
    margin-top: 5px;
    width: 105px
}

.ofJng {
    color: rgb(var(--color-black-text));
    display: block;
    font-size: 15px;
    margin-top: 15px
}

._3SfdB {
    max-width: 16px;
    min-width: 15px
}

._1-wXA {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjIiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAxNjIgMjgiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9Ii41MTkiIHgyPSIuNTE5IiB5MT0iLS4zMDQiIHkyPSIxIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmRmMmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZTM0ZWZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZGF0YS1uYW1lPSJHcm91cCA0MTU4Ij48ZyBmaWxsPSJ1cmwoI2EpIiBkYXRhLW5hbWU9IlBhdGggNTU5MCI+PHBhdGggZD0iTTE2MS4zNzUgMjcuMzc1SC42MjVWMTBDLjYyNSA0LjgzIDQuODMxLjYyNSAxMCAuNjI1aDE0MmM1LjE3IDAgOS4zNzUgNC4yMDYgOS4zNzUgOS4zNzV6Ii8+PHBhdGggZmlsbD0iI2JiMDBkZiIgZD0iTTEwIDEuMjVjLTQuODI1IDAtOC43NSAzLjkyNS04Ljc1IDguNzV2MTYuNzVoMTU5LjVWMTBjMC00LjgyNS0zLjkyNS04Ljc1LTguNzUtOC43NXpNMTAgMGgxNDJjNS41MjMgMCAxMCA0LjQ3NyAxMCAxMHYxOEgwVjEwQzAgNC40NzcgNC40NzcgMCAxMCAwIi8+PC9nPjx0ZXh0IGZpbGw9IiNmZmYiIGZvbnQtZmFtaWx5PSJDYWxpYnJpIiBmb250LXNpemU9IjIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OSAyMSkiPjx0c3BhbiB4PSIwIiB5PSIwIj7ZvtuM2LTZhtmH2KfYr9uMPC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==) no-repeat;
    background-size: contain;
    height: 100%;
    top: -8px
}

._2n5zE {
    left: -2px;
    padding: 8px;
    position: absolute;
    right: -2px
}

._1-ds3 {
    align-self: flex-end;
    min-width: 200px
}

._27k1n {
    margin-bottom: 24px;
    position: relative
}

.MhicB {
    height: 250px;
    width: 250px
}

.RzSmv,
._2z6PO {
    font-weight: 700
}

.RzSmv {
    color: gold;
    font-size: 34px;
    left: 169px;
    top: 13px
}

._2x6en {
    height: 82px;
    justify-content: center;
    position: absolute;
    width: 82px
}

.AmK2j,
._2x6en,
._3KWna {
    align-items: center;
    display: flex
}

._3KWna {
    flex-direction: column;
    width: 100%
}

.R8fWF {
    color: rgb(var(--color-cardinal))
}

.AmK2j {
    font-weight: 700
}

._3bHsf {
    gap: 8px;
    position: absolute;
    right: 24px;
    top: 24px
}

._2nUJH {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    max-width: 360px;
    text-align: center
}

._1JK5S {
    max-width: 100%
}

.up6nA {
    margin-bottom: 16px
}

._2V06R {
    margin-bottom: 40px
}

._2V06R,
._2V06Rlegmarg {
    color: rgb(var(--color-wolf));
    font-size: 12px
}

._2V06Rlegmarg {
    margin-bottom: 10px
}

._2V06Rleg {
    color: #920db9;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 40px
}

._1fREW {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 8px
}

@media(min-width:700px) {
    ._2V06R {
        font-size: 17px;
        line-height: 1.5
    }
}

._3k3BI {
    display: flex;
    font-weight: 700;
    justify-content: space-evenly;
    margin-bottom: 24px
}

._43AG6 {
    max-width: 208px
}

._3WvnE {
    color: rgb(var(--color-black-text));
    display: block;
    font-size: 15px
}

.ygCzR {
    max-width: 16px;
    min-width: 8px
}

._3qAx8 {
    border-radius: 12px 12px 0 0;
    height: 30px;
    padding: 8px;
    position: absolute;
    top: -20px
}

._8Ouaj {
    aspect-ratio: 1;
    margin-top: 5px;
    width: 105px
}

._1_jZC {
    --web-ui_button-height: 32px;
    align-self: center;
    margin-top: 16px
}

.timer-num {
    color: #9857bd;
    font-size: 18px;
    left: 0;
    position: absolute;
    text-shadow: -1px 1px 1px #bd99d6;
    top: 47px;
    width: 100%
}

.active-report {
    border: 2px solid #51b605 !important
}

.original-price {
    color: #868484;
    font-size: 12px;
    margin-right: 20px;
    position: relative
}

.original-price:after {
    border-top: 3px solid rgba(255, 0, 0, .659);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-20deg)
}

._35RLD {
    left: -2px;
    top: -2px
}

.YCWM_ {
    border-radius: 10px 0;
    color: rgb(var(--color-snow-always-light));
    font-size: 14px;
    margin-bottom: -10px;
    overflow: hidden;
    padding: 6px 10px;
    position: relative;
    transition-duration: .2s;
    transition-property: border-radius, top, left;
    transition-timing-function: ease-in
}

.YCWM_:before {
    background: radial-gradient(ellipse 230% 120% at -6% -4%, #3c4dff 0, #ff69b2 50%, #0e6fe0 100%), radial-gradient(ellipse 230% 120% at -6% -4%, #5b0ec3 0, #717dfb 50%, #3c4dff 100%);
    content: "";
    height: 128px;
    left: 0;
    max-width: 458px;
    position: absolute;
    top: 0;
    width: calc(100vw - 4px);
    z-index: 0
}

.ywDRy {
    font-size: 12px;
    position: relative;
    z-index: 1
}

@media(min-width:700px) {

    .original-price,
    .ywDRy {
        font-size: 14px
    }
}

.hs-toast-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    top: 60px;
    z-index: 1000
}

.hs-toast-absolute-top {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hs-toast-wrapper {
    margin: 0 auto;
    max-width: 44rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.hs-toast {
    background: #5b7e96;
    border-radius: .25rem;
    box-shadow: 0 .2rem .5rem #0003;
    height: 19rem;
    margin: 0 auto;
    max-width: 18rem;
    padding: .5rem .75rem;
    position: relative;
    text-align: center
}

.hs-toast,
.hs-toast-inner {
    align-items: center;
    display: flex;
    justify-content: center
}

.hs-toast-inner {
    flex-direction: column;
    gap: 1rem
}

.hs-toast-msg ul {
    margin: 0;
    padding-left: .75rem
}

.hs-toast-action,
.hs-toast-icons {
    color: #fff;
    flex: none;
    text-align: center
}

.hs-toast-action {
    cursor: pointer
}

.hs-close {
    background: none;
    border: none;
    color: #fff;
    outline: none;
    padding: 0
}

.hs-toast+.hs-toast {
    margin-top: .5rem
}

.hs-theme-error {
    background: #fe4a5d
}

.hs-theme-success {
    background: #4caf50
}

.position-relative-toast {
    align-items: center;
    display: flex;
    height: 22rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
    z-index: 1050
}

.hs-toast-msg {
    color: #fff;
    flex: 1 1 0%;
    line-height: 1.5rem;
    min-width: 0;
    overflow-wrap: break-word;
    padding-left: .5rem;
    padding-right: .75rem;
    padding-top: .2rem;
    word-wrap: break-word;
    direction: rtl;
    font-size: 20px;
    font-weight: 700;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: center
}

.blur-background {
    filter: blur(1.5px);
    transition: filter .3s ease-in-out
}

.hs-toast-icons svg {
    height: 180px;
    width: 180px
}

.owlmarginbb {
    align-items: center;
    display: flex;
    flex-direction: column
}

.first-place {
    display: flex;
    justify-content: center
}

.second-third-place {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    width: 100%
}

.lightning-active,
.lightning-active:before {
    border: 2px solid #8242ab !important
}

.lightning-active:before {
    box-shadow: 0 .125rem 0 #8242ab !important
}

.rXoiv {
    align-items: center;
    background: rgb(var(--color-snow));
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 35px;
    z-index: 10
}

@media(min-width:700px) {
    .rXoiv {
        backface-visibility: hidden;
        border: 2px solid #e5e5e5;
        border-radius: 98px;
        right: 0;
        top: 0;
        transform: translateX(50%) translateY(-50%)
    }
}

.outofhearts-header .btn-close {
    margin: -.25rem -.25rem -.25rem auto
}

.modal-header {
    border-bottom: 0 !important
}

._1IhP7 {
    left: 50%
}

._1IhP7,
._1IhP740 {
    height: 27px;
    min-width: 15px;
    position: absolute;
    transform: translate(-50%, -80%);
    width: 27px
}

._1IhP740 {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 5%
}

.item3 {
    right: 82%
}

.item2 {
    right: 50%
}

.item1 {
    right: 16%
}

.progress-bar-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 29px;
    justify-content: center;
    line-height: 32px;
    min-width: 15px;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -80%);
    width: 29px
}

._1JLda {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font: 700 15px/25px din-round, sans-serif;
    padding: 0 5px;
    z-index: 2
}

@media(min-width:700px) {
    ._1IhP7 {
        height: 32px;
        left: 50%;
        min-width: 15px;
        position: absolute;
        transform: translate(-50%, -80%);
        width: 32px
    }

    ._1JLda {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        font: 700 17px/25px din-round, sans-serif;
        padding: 0 5px;
        z-index: 2
    }

    ._1IhP740 {
        align-items: center;
        display: flex;
        height: 32px;
        justify-content: center;
        left: 1%;
        min-width: 15px;
        position: absolute;
        transform: translate(-50%, -80%);
        width: 32px
    }

    .item3 {
        right: 95%
    }

    .item2 {
        right: 53%
    }

    .item1 {
        right: 21%
    }

    .progress-bar-item {
        align-items: center;
        color: #fff;
        display: flex;
        font-weight: 700;
        height: 32px;
        justify-content: center;
        line-height: 32px;
        min-width: 15px;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -80%);
        width: 32px
    }
}

._2WYau {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

._2vSui,
._4rplQ {
    border-radius: 15px;
    height: 100%;
    width: 100%
}

._4rplQ {
    background-color: #e5e5e5
}

._1IhP7,
._1JLda {
    align-items: center;
    display: flex;
    justify-content: center
}

.progress--bar {
    background-color: #e5e5e5;
    border-radius: 50px;
    height: 16px;
    position: relative;
    width: 100%
}

.range {
    border-radius: inherit;
    height: 100%;
    transition: width .3s ease-in
}

.green1 {
    background: #95e659
}

.green2 {
    background: #63d50e
}

.green3 {
    background: #50ba00
}

.warn {
    background: gold
}

.blue {
    background: #2c6fc6
}

.legendrypurple {
    background: #5c6cfd
}

.lightningpink {
    background: #ce82ff
}

.progress--bar--unit {
    background-color: rgba(71, 51, 51, .302);
    border-radius: 50px;
    height: 18px;
    margin-right: 55px !important
}

.unit-crown {
    filter: drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white);
    position: absolute;
    right: 31px;
    top: 42px;
    width: 29px
}

.range-unit {
    border-radius: inherit;
    height: 16px;
    margin-top: 1px;
    transition: width .3s ease-in
}

.legengxp {
    background-color: #5c6cfd
}

.boostBackground,
.legengxp {
    border-radius: 15px;
    height: 100%;
    width: 100%
}

.boostBackground {
    background-color: #ce82ff
}

.dotted-custom-spinner {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center
}

.dot {
    animation: dot-bounce 1.5s infinite;
    background-color: #ff4b2b;
    border-radius: 50%;
    height: 15px;
    width: 15px
}

.dot:nth-child(2) {
    animation-delay: .3s
}

.dot:nth-child(3) {
    animation-delay: .6s
}

@keyframes dot-bounce {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.languages-list .dotted-custom-spinner {
    margin-top: 70px
}

.pro-body {
    margin-top: 90px
}

.chartmob .recharts-surface,
.chartmob .recharts-wrapper {
    width: 360px !important
}

._3rhkK2 {
    margin-bottom: 15px;
    margin-top: 15px
}

@media(min-width:700px) {
    ._91Tq4 {
        margin: 24px;
        padding: 0 0 24px
    }

    .chartmob .recharts-surface,
    .chartmob .recharts-wrapper {
        width: 500px !important
    }
}

._1cHvI {
    font-size: 28px
}

._1cHvI,
._1cHvIchallenge {
    line-height: 34px;
    margin: 0 0 16px;
    word-break: break-word
}

._1cHvIchallenge {
    font-size: 24px
}

._60ErO {
    margin-bottom: 12px
}

._3ehkF,
._60ErO {
    align-items: center;
    display: flex
}

._3ehkF {
    align-self: start;
    margin-left: -4px;
    padding: 10px 0
}

.qJhBr {
    width: 40px
}

._13mC4 {
    background-color: #1cb0f6;
    border: 2px solid #fff;
    border-radius: 98px;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    right: 13.8604px;
    top: 13.8604px
}

._1WwT3 {
    display: inline-block
}

.jMzvB {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

.app[dir=rtl] ._2-BXB {
    margin-left: 12px
}

.app[dir=ltr] ._2-BXB {
    margin-right: 12px
}

._2-BXB {
    flex: 0 0 15px;
    margin-top: 1px
}

@media(max-width:699px) {
    .app[dir=rtl] ._2-BXB {
        margin-left: 8px
    }

    .app[dir=ltr] ._2-BXB {
        margin-right: 8px
    }

    ._2-BXB {
        flex: 0 0 15px;
        margin-right: 0;
        margin-top: 1px
    }

    ._13mC4 {
        height: 20px;
        padding: 3px;
        width: 20px
    }
}

._1YfQ8 {
    width: 368px
}

._26Evc {
    height: 100%;
    width: 100%
}

._3PbOd,
._3g5Wc {
    position: relative
}

._3PbOd {
    display: inline-block;
    line-height: 0
}

@media(min-width:700px) {
    ._3PbOd {
        margin-top: 0
    }
}

._1-O8t {
    flex: 1 1 auto
}

._3BEMN {
    margin-top: 1px
}

._2hN48 {
    border-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

._1aS6c1 {
    border: 0
}

@media(min-width:700px) {
    ._1aS6c {
        border: 2px solid #e5e5e5;
        border-radius: 16px
    }

    ._2hN48 {
        border-bottom: 2px solid #e5e5e5;
        padding-left: 20px;
        padding-right: 20px
    }

    ._25dpq {
        gap: 48px;
        padding: 0
    }

    ._1aS6c1 {
        border: 2px solid #e5e5e5;
        border-radius: 16px
    }
}

.HBGOS {
    color: #3c3c3c;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px
}

._1jKLW {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr)
}

._1Ar3M,
._1Ar3M h4 {
    color: #afafaf
}

._3Pm6e {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    overflow: hidden;
    padding: 10px 24px
}

.knrEM {
    margin-right: 15px;
    width: 21px
}

@media(max-width:699px) {
    .knrEM {
        margin-right: 7.5px;
        width: 15px
    }
}

.app[dir=rtl] .knrEM1 {
    margin-left: 5px
}

.app[dir=ltr] .knrEM1 {
    margin-right: 5px
}

.knrEM1 {
    width: 21px
}

._2ZckS {
    flex-shrink: 0;
    width: 20px
}

.KR9Bs {
    color: #777;
    font-size: 16px;
    line-height: 26px;
    text-align: center
}

@media(max-width:699px) {
    .app[dir=rtl] .knrEM1 {
        margin-left: 7.5px
    }

    .app[dir=ltr] .knrEM1 {
        margin-right: 7.5px
    }

    .knrEM1 {
        width: 15px
    }

    .KR9Bs {
        font-size: 15px
    }
}

._2ZI34 {
    align-self: start
}

._2nvdt {
    color: #afafaf;
    font-size: 16px
}

.buVEH {
    margin-right: 15px;
    width: 21px
}

.app[dir=rtl] .buVEH1 {
    margin-left: 5px
}

.app[dir=ltr] .buVEH1 {
    margin-right: 5px
}

.buVEH1 {
    width: 18px
}

._3Boy6 {
    width: 30px
}

._38_0B {
    margin-right: 14px;
    width: 24px
}

._3Boy6,
.app[dir=rtl] ._38_0B1 {
    margin-left: 5px
}

._3Boy6,
.app[dir=ltr] ._38_0B1 {
    margin-right: 5px
}

._38_0B1 {
    width: 30px
}

.PEvQz {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

._1mMnk {
    display: flex;
    justify-content: space-between
}

._3iwbr {
    color: #afafaf;
    font-size: 15px;
    justify-content: flex-end;
    text-align: right
}

._2C2Pk {
    display: block;
    width: 100%
}

._1VA3z {
    font-size: 19px;
    font-weight: 700;
    padding: 16px
}

._1VA3z,
._1VA3z1 {
    align-items: center;
    color: #4b4b4b;
    display: flex;
    justify-content: space-between
}

._1VA3z1 {
    font-size: 18px
}

._3s9Ha {
    cursor: pointer;
    margin-right: 6px;
    margin-top: 2px
}

._3oNvD {
    display: flex;
    justify-content: space-between
}

._27avI {
    display: flex;
    width: 100%
}

._1G0um {
    border-bottom: 2px solid #dadada;
    position: relative
}

._10T9U {
    display: block;
    flex: 1 1 0;
    padding-top: 16px
}

._2f08V {
    color: #999;
    cursor: pointer;
    position: relative;
    vertical-align: middle
}

.hWQ2W1 {
    display: block;
    margin-bottom: -2px;
    padding-bottom: 12px;
    padding-left: 10px;
    text-align: center
}

._10sly {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 25px
}

._2oM65,
._323fb {
    width: 100%
}

._2gk65 {
    align-items: center;
    cursor: pointer;
    display: flex
}

._2gk65,
._2gk657 {
    border-bottom: 2px solid #e5e5e5;
    padding: 16px
}

.app[dir=rtl] ._2-FNM {
    margin-left: 10px
}

.app[dir=ltr] ._2-FNM {
    margin-right: 10px
}

._2-FNM {
    width: 50px
}

.hOVdl {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

.FRf9s {
    color: #afafaf;
    font-size: 14px
}

.app[dir=rtl] ._1ReBg {
    transform: rotate(180deg)
}

.app[dir=ltr] ._1ReBg {
    transform: rotate(0deg)
}

._1ReBg {
    cursor: pointer;
    flex: 0 0 auto;
    margin-left: 6px;
    margin-top: 2px
}

._10NA5 {
    --web-ui_progress-bar-color: #ffc800
}

._1qHrn {
    margin-left: 0;
    min-width: 77px
}

._1y1XQ {
    display: flex;
    flex-direction: column;
    flex-grow: 10;
    justify-content: center;
    overflow: hidden
}

.app[dir=rtl] .sidebar-margin-dynamic {
    margin-right: 13px
}

.app[dir=ltr] .sidebar-margin-dynamic {
    margin-left: 13px
}

._315yA {
    color: #777;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    width: 100%
}

.app[dir=rtl] .float-lang {
    float: left
}

.app[dir=ltr] .float-lang {
    float: right
}

@media(min-width:700px) {
    ._315yA {
        font-size: 17px;
        margin-top: 0
    }
}

._3avfw {
    align-items: center;
    display: flex;
    flex-direction: row
}

._2gqnn {
    flex: 1 1 auto;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis
}

._1MEAw {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 0
}

._2lira {
    font-size: .9rem
}

@media(min-width:700px) {
    ._2lira {
        font-size: 16px
    }

    ._3iwbr {
        font-size: 17px
    }

    ._1MEAw {
        padding-top: 20px
    }
}

._2hN48:last-child {
    border-bottom: none
}

._33gib,
._33gib1 {
    width: 100%
}

._1n7x5 {
    padding: 18px 13px
}

._2GEam {
    border-bottom: 2px solid #e5e5e5
}

._2GEam,
._2GEam:last-child {
    align-items: center;
    display: flex
}

._2GEam:last-child {
    border-bottom: 0
}

.IVDKh {
    align-items: center;
    color: #4b4b4b;
    display: flex;
    flex: 1 1 auto
}

._2vdhJ {
    margin: 0 16px
}

.sygtN {
    text-overflow: ellipsis;
    white-space: nowrap
}

.wWY_2 {
    font-size: 20px;
    margin-bottom: 1px;
    text-align: start
}

._1soKk {
    color: #afafaf
}

._-7YNG {
    background-color: #1899d6;
    color: #fff
}

._2sDNt,
._2t_V7 {
    align-items: center;
    padding: 6px 18px !important
}

._3f-Cd,
._3f-Cd:after {
    border-radius: 12px !important
}

._3INZr {
    color: #fff;
    margin-left: 8px
}

Cd:after {
    border-radius: 8px !important
}

._-7YNG:after {
    background-color: #1cb0f6
}

._3GeW0:after {
    border-color: #0000;
    border-width: 0 0 4px;
    bottom: -4px;
    content: "";
    left: 0;
    right: 0;
    top: 0
}

._3GeW0 {
    border-color: #0000;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-width: 0 0 4px;
    padding: 6px 8px
}

._1DC8p {
    background-position: -373px -154px;
    height: 18px;
    width: 18px
}

._2fOC9 {
    border-style: solid;
    transform: translateZ(0);
    transition: filter .2s
}

._2fOC9:after {
    background-clip: padding-box;
    border-style: solid;
    position: absolute;
    z-index: -1
}

.t5wFJ {
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.t5wFJ:disabled {
    cursor: auto
}

._2kfEr {
    background-color: #0000;
    border: 0;
    border-radius: 0;
    line-height: 0;
    padding: 7px
}

.hOdmy {
    border-top: 2px solid #e5e5e5;
    color: #4b4b4b;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 16px
}

.whatss-btn {
    background-color: #25d366 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 0 #25d366 !important;
    color: #fff !important
}

.more-btn,
.whatss-btn {
    font-weight: 700 !important
}

.more-btn {
    border: 2px solid #e5e5e5 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 0 #e5e5e5 !important;
    color: #1bb0f6 !important
}

btn:hover {
    box-shadow: 0 2px 0
}

btn:focus {
    border-color: #0000
}

._3-9p5,
.k6hKX {
    align-items: center;
    display: flex
}

._3-9p5 {
    font-size: 18px
}

.k6hKX {
    color: #4b4b4b;
    font-size: 20px;
    justify-content: space-between;
    padding: 20px 22px
}

._2KaFZ {
    height: 42px;
    padding-right: 14px
}

.ruQ9B {
    color: #afafaf;
    font-size: 13px;
    margin-top: 2px
}

@media(min-width:700px) {
    .ruQ9B {
        font-size: 15px
    }

    ._3YkaQ {
        margin: 0 52px
    }
}

._33LFcreaction {
    border-radius: 50%;
    height: 65px !important;
    width: 65px !important
}

._5ajSj {
    height: 1.8rem;
    max-width: 36px
}

.rPqLh {
    font-size: 1.5rem;
    margin-bottom: 9px
}

@media(max-width:700px) {
    .rPqLh {
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 0
    }

    ._33LFcreaction {
        border-radius: 50%;
        height: 50px !important;
        width: 50px !important
    }

    ._5ajSj {
        height: 1.4rem;
        max-width: 36px
    }

    ._33LFc {
        border-radius: 50%;
        height: 109px !important;
        width: 90px !important
    }

    ._33LFcmob {
        height: 48px !important;
        width: 48px !important
    }
}

._1WpfO,
._1q1U8 {
    display: flex
}

.Q1R5v {
    flex-grow: 1
}

.Sv48r {
    display: flex;
    margin-top: 16px
}

.app[dir=rtl] ._1oTEt {
    margin-right: 10px
}

.app[dir=ltr] ._1oTEt {
    margin-left: 10px
}

._1MTUU {
    color: #4b4b4b;
    font-weight: 700;
    line-height: 26px
}

._2WURb {
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 16px
}

._2U0Zu {
    justify-content: flex-end
}

._2U0Zu,
._2iwLK {
    align-items: center;
    display: flex
}

._19UAQ {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    height: 33px;
    margin-left: -10px;
    padding: 4px;
    width: 33px
}

._1NwsS {
    height: 100%;
    width: 100%
}

._2P_8x {
    color: #afafaf;
    font-size: 15px;
    margin-right: 20px
}

.F7s-7,
.oUi9v {
    color: #4b4b4b;
    font-weight: 700
}

._2chFf {
    margin: 24px 16px
}

.F7s-7 {
    font-size: 24px
}

@media(min-width:700px) {
    ._2chFf {
        margin: 0 24px 24px
    }

    .F7s-7 {
        font-size: 32px;
        line-height: 48px;
        margin: 32px 24px
    }
}

._3bLFm {
    padding-left: 28px
}

._1MvVA {
    display: inline-flex;
    position: relative
}

._3R_6Y {
    transform: scale(1);
    transition: transform .5s
}

._3Criy {
    bottom: -6px;
    position: absolute
}

._2b0T8 {
    border-width: 5px;
    margin-left: -28px
}

._2VmmU {
    background-color: #fff;
    border: 4px solid #fff
}

._33Ev3 {
    border-radius: 98px;
    display: inline-flex;
    justify-content: center;
    overflow-x: visible
}

.suggest-parent .lZue0 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1px
}

.suggest-parent ._1soKk {
    font-size: 16px
}

.suggest-parent ._2sDNt {
    padding: 6px 8px !important
}

.invite-parent ._33LFc {
    border-radius: 0;
    height: 48px !important;
    transform: scale(1.2);
    width: 48px !important
}

.invite-parent .lZue0 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1px
}

.invite-parent ._2lira {
    font-size: 14px
}

.rotate {
    transform: rotate(0deg)
}

._2veQ2:after {
    background-color: #fff;
    border-width: 0 0 2px;
    bottom: -2px
}

._2t_V7 {
    align-items: center;
    color: #58cc02;
    padding: 6px 22px !important
}

._2veQ2 {
    background-color: #e5e5e5;
    border-width: 2px;
    color: #777
}

.b8EPD {
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5
}

.Hki-a {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 32px
}

.aEnZV {
    align-items: center;
    background-color: #f7f7f7;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    color: #4c4c4c;
    display: flex;
    font-size: 22px;
    margin-bottom: 48px;
    padding: 20px
}

._2_8c_ {
    cursor: pointer;
    margin-right: 17px;
    transform: scale(1.4);
    transform-origin: 50% 50%
}

._3KAlg {
    background-position: -132px -69px;
    height: 15px;
    width: 14px
}

._2q1-e {
    background-color: #0000;
    border: 0;
    flex: 1 1 auto
}

:focus-visible {
    outline: none !important
}

.RWUjN {
    display: flex;
    padding-top: 64px
}

._3rspb {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.FrpXM,
._3OZGK {
    color: #4b4b4b;
    font-size: 19px;
    text-align: center
}

._2FFPU {
    flex: 1 1 auto;
    margin-right: -24px;
    max-width: 410px
}

._2gk65:last-child {
    border-bottom: none
}

._33LFc {
    border-radius: 50%
}

._1ZefG:not(:disabled):not(.LhRk3) {
    cursor: pointer
}

._275sd {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    font: 700 var(--web-ui_button-font-size, 15px)/var(--web-ui_button-line-height, 1.2) din-round, sans-serif;
    justify-content: center;
    letter-spacing: .8px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.WOZnx {
    color: var(--web-ui_button-color, #afafaf);
    height: var(--web-ui_button-height, 3.125rem);
    padding: var(--web-ui_button-padding, 0 1rem)
}

.WOZnx:before {
    border: .125rem solid var(--__internal__border-color);
    border-radius: var(--web-ui_button-border-radius, .75rem);
    bottom: -.125rem;
    box-shadow: 0 .125rem 0 var(--__internal__border-color);
    content: "";
    left: -.125rem;
    position: absolute;
    right: -.125rem;
    top: -.125rem;
    z-index: -1
}

.WOZnx:active:not(:disabled):not(.LhRk3),
.WOZnx:disabled:not(._1rl91) {
    transform: translateY(.125rem) translateZ(0)
}

.WOZnx:active:not(:disabled):not(.LhRk3):before,
.WOZnx:disabled:not(._1rl91):before {
    box-shadow: none
}

@media(hover:hover) {
    .WOZnx:hover:not(:disabled):not(.LhRk3):not(._1V-dy) {
        filter: var(--web-ui_button-filter-hover, brightness(.9))
    }
}

._13HXc {
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    user-select: inherit
}

.app[dir=rtl] ._3LsFl {
    transform: rotate(180deg)
}

.app[dir=ltr] ._3LsFl {
    transform: rotate(0deg)
}

._3LsFl {
    background-position: -678px -70px;
    height: 20px;
    width: 10px
}

._3_QUJ {
    align-items: center;
    position: relative;
    width: 100%
}

._2rYrl,
._3_QUJ {
    display: flex;
    flex-direction: column
}

._2rYrl {
    grid-gap: 48px
}

@media(min-width:700px) {
    ._2rYrl {
        flex-direction: row-reverse;
        padding: 0 24px 24px
    }

    ._5oDZ3 {
        margin: 0 auto;
        max-width: 1056px;
        padding-top: 32px;
        width: 100%
    }
}

._33Mo9 {
    border-radius: 16px;
    flex: 1
}

._2pENU {
    z-index: 0
}

._1FaGz:before {
    content: "";
    height: calc(var(--sidebar-offset) - var(--app-offset) - 24px)
}

._2P12E {
    display: flex;
    gap: 24px
}

._2TgTS {
    width: 368px;
    z-index: 1
}

._2TgTS:before {
    content: "";
    height: calc(var(--sidebar-offset) - var(--app-offset) - 32px)
}

._1QiqV {
    border: 2px solid #e5e5e5;
    border-radius: 16px
}

._3pIKS {
    display: flex;
    flex-wrap: wrap;
    padding: 8px
}

._2uwCZ {
    cursor: pointer;
    flex: 1 0 auto;
    margin-bottom: 10px;
    max-width: 111px;
    padding: 8px
}

._2uwCZ:hover {
    opacity: .8
}

._2tUeO {
    cursor: auto
}

.lZue0 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 1px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width:699px) {
    .lZue0 {
        font-size: 1.1rem;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 1px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .HBGOS {
        font-size: 20px;
        margin-bottom: 16px
    }

    ._2tUeO {
        cursor: auto;
        margin-bottom: 120px
    }

    ._5oDZ3 {
        margin-bottom: 100px
    }
}

.BMuTY {
    border: 2px solid #e5e5e5;
    border-radius: 16px
}

._1HOwy {
    padding: 16px
}

.IVDKh,
.sygtN {
    overflow: hidden
}

._3ml0f,
.sygtN {
    margin: 0 12px
}

._3G-VF {
    flex: 0 0 auto
}

._2f08V:hover>.hWQ2W {
    border-bottom-color: #1caff6;
    color: #1caff6
}

._2f08V:first-child>.hWQ2W {
    padding-left: 10px
}

._2f08V:last-child>.hWQ2W {
    padding-right: 10px
}

._1mYNy {
    border-bottom: 0
}

._1mYNy:first-child {
    margin-top: 8px
}

._1c25o>.hWQ2W {
    border-bottom-color: #1caff6;
    color: #1caff6
}

.hWQ2W {
    display: block;
    margin-bottom: -2px;
    padding-bottom: 12px;
    text-align: center
}

._196g_ {
    border-bottom: 2px solid #0000
}

._3mABf {
    border-top: 2px solid rgb(var(--color-swan));
    color: rgb(var(--color-eel));
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 16px
}

._1Fbch {
    display: flex;
    justify-content: center
}

.QZq6Z,
._2Hihu {
    display: initial
}

._2tZj_ {
    padding: 28px 20px
}

._2BaEI {
    display: flex;
    font-size: 19px;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 0 16px
}

@media(max-width:699px) {
    ._2BaEI {
        font-size: 19px;
        padding: 0 8px
    }
}

.MkxCP {
    color: #91cc75;
    font-weight: 700
}

._2NHXT {
    align-items: center;
    display: flex;
    overflow: hidden
}

._3EVvY {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._13C-f {
    color: #5470c6
}

._1Exxp {
    border-radius: 98px;
    flex: 0 0 auto;
    height: 10px;
    margin-right: 8px;
    width: 10px
}

._15jPt {
    background-color: #91cc75
}

._111Zg {
    background-color: #5470c6;
    border: 2px solid #5470c6
}

._2rhN8 {
    flex: 0 0 auto
}

@media(max-width:699px) {
    ._1cHvI {
        font-size: 25px;
        margin-bottom: 10px
    }
}

._29maR {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 1.25rem;
    vertical-align: middle;
    width: 1.25rem
}

@media(max-width:699px) {
    ._1h4f4-mobile {
        margin: 0 !important
    }

    .vRj2t {
        margin-bottom: 15px
    }

    .vRj2t ._1wtv4 {
        margin-right: 0
    }

    .vRj2t ._2VYb5 {
        display: none
    }
}

.qJhBr {
    margin: 0 2px
}

._91Tq4 {
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    margin: 24px 0
}

._2hN481:not(:last-child) {
    border-bottom: 2px solid rgb(var(--color-swan))
}

@media(min-width:700px) {
    ._2hN481 {
        padding-left: 20px;
        padding-right: 20px
    }

    ._91Tq4 {
        flex-direction: row;
        margin: 24px;
        padding: 0 0 24px
    }
}

._6yLXC {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row
}

@media(min-width:700px) {
    ._6yLXC {
        flex-direction: row-reverse
    }
}

._201LR {
    align-items: flex-start;
    display: flex;
    flex: 1 0 auto
}

._1h4f4 {
    margin: 87px auto 100px;
    max-width: 704px
}

._2JjVA {
    margin: 90px auto 100px
}

@media(min-width:700px) {

    ._1h4f4,
    ._2JjVA {
        margin: 60px auto 100px;
        max-width: 704px
    }

    ._201LR {
        flex: 0 1 auto
    }
}

._2mVDz {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

._2StlV {
    flex: 0 0 auto;
    margin-right: 16px
}

@media(min-width:1400px) {
    ._2StlV {
        margin-left: 0;
        margin-right: 48px
    }

    .right-space {
        margin-right: 90px !important
    }

    .left-space {
        margin-left: 89px !important
    }
}

.app[dir=rtl] ._15MkR {
    margin-left: 20px
}

.app[dir=ltr] ._15MkR {
    margin-right: 20px
}

._15MkR {
    color: #777
}

._1dQbQ {
    color: #afafaf;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    width: 100px
}

._3gX7q {
    font-size: 20px;
    margin-bottom: 4px
}

@media(max-width:699px) {
    ._1dQbQ {
        text-align: justify
    }

    .app[dir=rtl] ._15MkR {
        margin-left: 10px
    }

    .app[dir=ltr] ._15MkR {
        margin-right: 10px
    }

    ._15MkR {
        flex-direction: column
    }

    ._60ErO {
        margin-bottom: 4px
    }

    ._60ErO:last-child {
        margin-bottom: 0
    }

    ._2Ce44 {
        font-size: 15px
    }

    ._3rhkK {
        margin-bottom: 10px;
        margin-top: 5px
    }

    .yg-1n {
        display: none !important
    }

    ._3Pm6e {
        padding: 12px 14px 10px
    }

    .buVEH {
        margin-right: 7.5px;
        width: 15px
    }

    .app[dir=rtl] .buVEH1 {
        margin-left: 7.5px
    }

    .app[dir=ltr] .buVEH1 {
        margin-right: 7.5px
    }

    .buVEH1 {
        width: 15px
    }

    ._38_0B {
        margin-right: 7px;
        width: 16px
    }

    .ntEJx {
        margin-right: 7.5px;
        width: 15px
    }

    ._3gX7q {
        font-size: 18px;
        margin-bottom: 4px
    }

    ._2nvdt {
        font-size: 15px
    }
}

.app[dir=rtl] ._2fsJU {
    margin-left: 18px
}

.app[dir=ltr] ._2fsJU {
    margin-right: 18px
}

._2fsJU {
    height: 42px;
    width: 42px
}

._2Ce44 {
    margin-right: 5px
}

._3rhkK {
    display: flex;
    gap: 10px
}

._30I27 {
    align-self: center;
    flex: 1 0 auto
}

._25dpq {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 16px 106px
}

.C_02h {
    color: #4b4b4b;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    min-height: 52px;
    padding: 16px;
    position: relative
}

._1sEXB {
    flex: 1 1 auto
}

@media(max-width:699px) {
    .mobileul {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 10px !important
    }

    .qFznU {
        margin: 0
    }

    .b8EPD {
        position: sticky;
        top: 0;
        z-index: 210
    }

    .Hki-a {
        margin: 0;
        padding: 12px 0 8px;
        text-align: center
    }

    .Hki-a,
    .aEnZV {
        font-size: 19px
    }

    .aEnZV {
        margin: 0 16px 16px;
        padding: 16px
    }

    ._3rspb {
        display: none
    }

    .RWUjN {
        flex-direction: column;
        padding-top: 8px
    }

    ._2FFPU {
        margin-right: 0;
        max-width: none
    }

    ._3oNvD1 {
        display: none
    }

    .MVdHQ {
        margin-right: 0 !important
    }
}

.MVdHQ {
    flex: 1 1 auto;
    margin-right: -24px;
    overflow: hidden
}

._3GElo {
    border-bottom: 2px solid rgb(var(--color-swan));
    color: rgb(var(--color-hare));
    display: flex;
    font-size: 19px;
    font-weight: 700;
    justify-content: space-between;
    padding: 16px
}

._3ujPC {
    filter: brightness(.9)
}

._3hq0N {
    padding: 0 0 16px
}

._3fHGw {
    margin: 8px 0 0
}

._3qfRo {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row
}

.app[dir=rtl] ._2ayqK {
    margin-right: 16px
}

.app[dir=ltr] ._2ayqK {
    margin-left: 16px
}

._2ayqK {
    flex: 0 0 auto
}

.obFUo {
    align-items: center;
    margin-bottom: 12px
}

._2psiD,
.oA5Yh {
    position: relative
}

.M0f8W {
    flex: 1 1 0;
    padding-top: 16px
}

._1zHuX,
._2qzhm {
    align-items: center;
    display: flex
}

._1zHuX {
    flex-grow: 1;
    justify-content: center;
    position: relative
}

@media(max-width:360px) {
    ._1WpfO {
        flex-direction: column-reverse
    }

    .deGE9 {
        width: 100%
    }

    ._36Hqv {
        margin-bottom: 8px
    }
}

._2UxSK {
    --__internal__color: var(--web-ui_button-color, rgb(var(--color-eel)))
}

._1N-oo {
    --__internal__background-color: var(--web-ui_button-background-color, rgb(var(--color-snow)));
    --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled, rgb(var(--color-swan)));
    --__internal__border-color: var(--web-ui_button-border-color, rgb(var(--color-swan)));
    --__internal__border-color-disabled: var(--web-ui_button-border-color-disabled, var(--__internal__border-color));
    --__internal__border-radius: var(--web-ui_button-border-radius, 12px);
    --__internal__color: var(--web-ui_button-color, rgb(var(--color-hare)));
    --__internal__color-active: var(--web-ui_button-color-active, var(--__internal__color));
    --__internal__color-disabled: var(--web-ui_button-color-disabled, rgb(var(--color-hare)));
    --__internal__filter-hover: var(--web-ui_button-filter-hover, brightness(0.9));
    --__internal__height: var(--web-ui_button-height, 50px);
    --__internal__padding: var(--web-ui_button-padding, 0 16px);
    --__internal__switchable__border-color: var(--__internal__border-color);
    background: none;
    border: solid #0000;
    border-radius: var(--__internal__border-radius);
    border-width: 2px 2px 4px;
    color: var(--__internal__color);
    height: var(--__internal__height);
    padding: var(--__internal__padding);
    transition: filter .2s, transform var(--web-ui_button-transition-lip)
}

._36Vd3 {
    --__internal__font-size: var(--web-ui_button-font-size, 15px);
    --__internal__letter-spacing: var(--web-ui_button-letter-spacing, 0.8px);
    --__internal__line-height: var(--web-ui_button-line-height, 1.2);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    box-sizing: border-box;
    font: 700 var(--__internal__font-size)/var(--__internal__line-height) din-round, sans-serif;
    justify-content: center;
    letter-spacing: var(--__internal__letter-spacing);
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

._16r-S {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    touch-action: manipulation;
    transform: translateZ(0)
}

._1N-oo:before {
    background-color: var(--__internal__background-color);
    border: 2px solid var(--__internal__switchable__border-color);
    border-radius: var(--__internal__border-radius);
    bottom: -2px;
    box-shadow: 0 2px 0;
    color: var(--__internal__switchable__border-color);
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: box-shadow var(--web-ui_button-transition-lip);
    z-index: -1
}

.reaction-ul {
    transform: translate3d(0, -49px, 0) !important
}

.reacion-mob {
    margin-left: 0;
    margin-right: 0
}

.cheraa {
    display: none
}

.avatar-plus {
    position: absolute;
    right: -6px;
    top: -8px
}

.avatar-plus-league {
    position: absolute;
    right: -17px;
    top: -9px;
    z-index: 9
}

.avatar-friend-plus {
    position: absolute;
    right: -10px;
    top: 84px
}

.app[dir=rtl] .icon-margin {
    margin-left: 5px
}

.app[dir=ltr] .icon-margin {
    margin-right: 5px
}

.icon-margin {
    font-size: 17px
}

.icon-color {
    color: #565656
}

.flag-profile {
    display: flex;
    gap: 5px
}

.app[dir=rtl] .direction-m {
    margin-right: 10px
}

.app[dir=ltr] .direction-m {
    margin-left: 10px
}

._37qot {
    background-color: #56dbe2
}

._3qbFZ {
    border: 2px solid rgb(var(--color-snow));
    border-radius: 7px;
    color: rgb(var(--color-snow));
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding: 3px 5px 3px 6px;
    right: -6px;
    text-transform: uppercase;
    top: -8px
}

._2NolF {
    --__internal__border-radius: var(--web-ui_button-border-radius, 0.75rem);
    --__internal__lip-width: 0.25rem;
    background: none;
    border: 0 solid #0000;
    border-bottom: var(--__internal__lip-width) solid #0000;
    color: var(--web-ui_button-color, #fff);
    height: var(--web-ui_button-height, 3.125rem);
    padding: var(--web-ui_button-padding, 0 1rem);
    transition: filter .2s
}

._2NolF,
._2NolF:before {
    border-radius: var(--__internal__border-radius)
}

._2NolF:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

._2NolF:disabled:not(._1rl91) {
    transform: translateY(var(--__internal__lip-width)) translateZ(0)
}

._2NolF:disabled:not(._1rl91):before {
    box-shadow: none
}

._2NolF:disabled:not(._1rl91) {
    color: var(--web-ui_button-color-disabled, #afafaf)
}

._2NolF:disabled:not(._1rl91):before {
    background-color: var(--web-ui_button-background-color-disabled, #e5e5e5)
}

.WOZnx {
    --__internal__border-color: var(--web-ui_button-border-color, #e5e5e5);
    background: none;
    border: .125rem solid #0000;
    border-bottom-width: .25rem;
    border-radius: var(--web-ui_button-border-radius, .75rem);
    color: #afafaf;
    padding: 0 0 .063rem;
    transition: filter .2s
}

.WOZnx:disabled:not(._1rl91) {
    transform: translateY(.125rem) translateZ(0)
}

.WOZnx:disabled:not(._1rl91):before {
    box-shadow: none
}

.WOZnx:disabled:not(._1rl91) {
    --__internal__border-color: var(--web-ui_button-border-color-disabled, var(--web-ui_button-border-color, #e5e5e5));
    color: var(--web-ui_button-color-disabled, #afafaf)
}

.WOZnx:disabled:not(._1rl91):before {
    background-color: var(--web-ui_button-background-color-disabled, #e5e5e5)
}

._37iKA {
    padding: 6px 16px;
    --web-ui_button-background-color-disabled: ;
    height: -moz-fit-content;
    height: fit-content;
    letter-spacing: 0;
    width: 100%
}

._3_IB7 {
    --web-ui_button-background-color-disabled: duo-color("snow");
    --web-ui_button-border-radius: 12px;
    --web-ui_button-font-size: 17px;
    --web-ui_button-height: auto;
    --web-ui_button-padding: 14.5px 16px;
    flex-direction: column;
    flex-grow: 1;
    gap: 8px;
    max-width: 160px;
    padding: 16px;
    position: relative;
    text-transform: none !important;
    white-space: normal
}

._34v50 {
    background: none;
    border: none;
    color: var(--web-ui_button-color, #1cb0f6);
    height: var(--web-ui_button-height, 48px);
    padding: var(--web-ui_button-padding, 0 16px);
    transition: filter .2s
}

._34v50:disabled:not(._1rl91) {
    opacity: .4
}

._24dlP {
    --web-ui_button-background-color: #1cb0f6;
    --web-ui_button-border-color: #1cb0f6;
    --web-ui_button-color: #fff
}

._24dlP:before {
    background-color: var(--__internal__background-color);
    border-radius: var(--__internal__border-radius);
    bottom: 0;
    box-shadow: 0 var(--__internal__lip-width) 0 #2695ca;
    color: var(--__internal__border-color);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow var(--web-ui_button-transition-lip);
    z-index: -1
}

.hjw0S {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: inline-flex;
    font: 700 17px/25px din-round, sans-serif;
    font-size: 18.4px;
    height: 52px;
    justify-content: center;
    vertical-align: middle;
    width: 52px
}

input {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}

::-moz-placeholder {
    color: #969696;
    font-weight: 500;
    opacity: 1
}

::placeholder {
    color: #969696;
    font-weight: 500;
    opacity: 1
}

a {
    text-decoration: none !important
}

ul {
    list-style: none;
    margin: 0;
    padding: 0 !important
}

input {
    box-shadow: none
}

._2jNpf {
    background-image: url(assets/img/477ce652444032bff811.svg);
    display: inline-block;
    vertical-align: middle
}

._1Rcu8 {
    background-color: #fff;
    --web-ui_button-background-color-disabled: #ffffff4d;
    border-color: #ffffff80;
    color: #000437;
    --web-ui_button-color-disabled: #00043799
}

._3kyUU {
    color: #3b5998
}

._3C4Ri {
    color: #ff4b4b
}

._3jryt {
    color: #4b4b4b
}

._3Ljcx {
    color: #1da1f2
}

._33Opd {
    background-position: -346px -70px;
    height: 18px;
    width: 8px
}

._3pjzw {
    background-position: -688px -43px;
    height: 20px;
    width: 20px
}

._1BpWS {
    background-position: -355px -70px;
    height: 12px;
    width: 14px
}

._1woVy {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

._26pjD {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjMjVGNEVFIiBkPSJNNi40NTIgNi4yNTRWNS42MmE1IDUgMCAwIDAtLjY0OS0uMDQ3QTQuODEgNC44MSAwIDAgMCAxIDEwLjM4YTQuOCA0LjggMCAwIDAgMi4wNSAzLjkzMiA0Ljc3IDQuNzcgMCAwIDEtMS4yNzQtMy4yNzEgNC43OCA0Ljc4IDAgMCAxIDQuNjc2LTQuNzg3Ii8+PHBhdGggZmlsbD0iIzI1RjRFRSIgZD0iTTYuNTY1IDEzLjI1YTIuMjIgMi4yMiAwIDAgMCAyLjIwNS0yLjEyN0w4Ljc3NC42NzhsMS44OTQtLjAxNnEtLjA2LS4zMjgtLjA2LS42NjJoLTIuNjFsLS4wMDQgMTAuNDYxYTIuMTkgMi4xOSAwIDAgMS0zLjIwOCAxLjg2Yy4zOTkuNTUyIDEuMDQ3LjkzIDEuNzc5LjkzTTE0LjI0IDQuMjNWMy42M2EzLjYgMy42IDAgMCAxLTEuOTc4LS41ODhBMy42NiAzLjY2IDAgMCAwIDE0LjI0IDQuMjMiLz48cGF0aCBmaWxsPSIjRkUyQzU1IiBkPSJNMTIuMjYyIDMuMDQzYTMuNjIgMy42MiAwIDAgMS0uODkzLTIuMzhoLS43YTMuNjQgMy42NCAwIDAgMCAxLjU5MyAyLjM4TTUuODA0IDguMTg0YTIuMTkzIDIuMTkzIDAgMCAwLTEuMDE4IDQuMTM3IDIuMTg3IDIuMTg3IDAgMCAxIDIuNDI2LTMuMzc0VjYuMjgzYTUgNSAwIDAgMC0uNjQ3LS4wNDdxLS4wNTcgMC0uMTEzLjAwM3YyLjA0N3EtLjMxNi0uMS0uNjQ4LS4xMDIiLz48cGF0aCBmaWxsPSIjRkUyQzU1IiBkPSJNMTQuMjQgNC4yMTN2Mi4wMjlhNi4yIDYuMiAwIDAgMS0zLjYzMS0xLjE2OHY1LjMwNmE0LjgxIDQuODEgMCAwIDEtNC44MDUgNC44MDQgNC43OCA0Ljc4IDAgMCAxLTIuNzU0LS44NzIgNC44IDQuOCAwIDAgMCAzLjUxNCAxLjUzMyA0LjgxIDQuODEgMCAwIDAgNC44MDQtNC44MDRWNS43MzZBNi4yIDYuMiAwIDAgMCAxNSA2LjkwNHYtMi42MXEtLjM4NSAwLS43Ni0uMDgxIi8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTEwLjYwOSAxMC4zOFY1LjA3NGE2LjIgNi4yIDAgMCAwIDMuNjMxIDEuMTY4di0yLjAzYTMuNjMgMy42MyAwIDAgMS0xLjk3OC0xLjE2OUEzLjY0IDMuNjQgMCAwIDEgMTAuNjcuNjYzSDguNzU5bC0uMDA0IDEwLjQ2YTIuMTkgMi4xOSAwIDAgMS0zLjk3IDEuMTk3IDIuMTkzIDIuMTkzIDAgMCAxIDEuNjY3LTQuMDM0VjYuMjM5YTQuODEgNC44MSAwIDAgMC00LjY5MSA0LjgwMmMtLjAwMSAxLjIxNC40NiAyLjM4NCAxLjI4OSAzLjI3MWE0Ljc4IDQuNzggMCAwIDAgMi43NTMuODcgNC44MSA0LjgxIDAgMCAwIDQuODA2LTQuODAyIi8+PC9zdmc+);
    height: 16px;
    width: 16px
}

._2RTMn {
    cursor: pointer
}

._2__FI {
    color: #1cb0f6
}

._3SIlB {
    color: #fff;
    display: flex;
    font-weight: 700;
    position: absolute
}

._2gBEa {
    background: #f7f7f7;
    border: 2px solid #e5e5e5;
    color: #4b4b4b;
    min-height: 43px;
    text-align: left
}

._2deat {
    border-radius: 16px;
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px
}

.XI8aT {
    justify-content: center
}

.XI8aT,
._2suUz {
    display: flex;
    flex-direction: column
}

._2suUz {
    align-items: center;
    border-radius: 16px;
    color: #fff;
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    text-align: center
}

._1PYFj {
    background: #ff806e
}

._1PYFj1 {
    background: #080747
}

.oHn5F {
    font-size: 16px;
    line-height: 1.5;
    margin-top: -8px;
    opacity: .8
}

._3dVbn {
    color: #fff;
    line-height: 1.25;
    margin-bottom: 12px
}

._13kYE {
    bottom: 10%;
    font-size: 11px
}

._3ZuGY {
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 24px
}

._3bfsh {
    position: relative
}

._23dOD {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

._3HNwo,
._3HNwo1 {
    margin-bottom: 0
}

._3HNwo1 {
    color: rgb(var(--color-eel));
    font-size: 19px;
    font-weight: 700;
    line-height: 28px
}

._2lmS1 {
    color: #999;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px
}

._1LpFA {
    color: #777;
    font-weight: 500
}

._1LpFA,
._1LpFAstreak {
    font-size: 16px;
    line-height: 25px
}

._1LpFAstreak {
    color: #464545;
    font-weight: 600
}

._1hJcv {
    width: 100%
}

._3GAt- {
    margin-bottom: 30px
}

._19LPz {
    margin-bottom: 24px
}

.GNoB0,
.QZq6Z,
._2Hihu {
    display: initial
}

.dx6CP {
    align-items: center;
    flex-direction: row;
    height: 90px
}

._3XQNj,
.dx6CP {
    display: flex;
    width: 100%
}

.app[dir=rtl] ._3XQNj {
    margin-right: 13px
}

.app[dir=ltr] ._3XQNj {
    margin-left: 13px
}

._3XQNj {
    flex-direction: column
}

._2QnAf {
    margin-bottom: 12px
}

._1LdIi,
._3_yvL {
    background-size: 74px
}

.MEmKK {
    align-items: center;
    display: flex;
    flex-direction: row
}

._2YW-t {
    width: 100%
}

.app[dir=rtl] ._15-md {
    margin-right: 12px
}

.app[dir=ltr] ._15-md {
    margin-left: 12px
}

._15-md {
    color: #afafaf;
    font-size: 15px;
    justify-content: flex-end;
    text-align: right;
    white-space: nowrap;
    width: 95px
}

#title {
    font-size: 18px;
    font-weight: 700
}

@media(min-width:700px) {
    ._15-md {
        font-size: 17px
    }

    #title {
        font-size: 25px
    }
}

._2Inq2 {
    align-items: center;
    display: flex;
    padding: 12px 24px
}

._2Dy3y {
    display: flex;
    margin-right: 10px
}

._1uu30 {
    display: inline-flex;
    flex-direction: column;
    margin-right: auto
}

.YBCQI {
    color: #4b4b4b;
    font-size: 19px;
    font-weight: 700;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ZVIdq {
    margin-top: 24px
}

.xjWu9 {
    display: flex
}

._3jYFT {
    flex: 1 1 auto;
    min-width: 0
}

._3lKd4 {
    border-bottom: 2px solid #e5e5e5;
    margin: 0 -24px 24px;
    max-height: 376.2px
}

._861_w {
    color: #777;
    vertical-align: middle
}

._3Pt39 {
    border-bottom: 2px solid #e5e5e5;
    margin: 0 -24px;
    padding: 0 24px 15px
}

._2IwSs {
    font-size: 14px;
    text-overflow: ellipsis
}

._38qSA {
    display: flex;
    margin-top: 12px
}

._1EpUm {
    flex: 1 1 0;
    min-width: 0
}

._1EpUm:first-child {
    margin-right: 12px
}

._1fOng {
    text-align: center
}

._2_rf- {
    margin-top: 4px
}

.J7BVI {
    margin-top: 10px
}

._3Npq- {
    display: block;
    height: 169px;
    margin: auto;
    width: 267px
}

._3UaR4 {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 15px;
    width: 100%
}

._1ySMO,
._2VUO0,
._2btXn,
._2vyw3 {
    margin-left: 12px
}

._3gaHz {
    line-height: 24px
}

._3lKd22 {
    height: 64px;
    position: relative
}

.WOZnx.LhRk3:not(._1rl91),
.WOZnx:active:not(:disabled):not(.LhRk3),
.WOZnx:disabled:not(._1rl91) {
    transform: translateY(.125rem) translateZ(0)
}

._11zAS {
    margin-top: 24px
}

._4ZlyS {
    display: flex;
    margin: 12px 0
}

._1afOk {
    flex: 1
}

._2gBaq {
    color: #999;
    font-size: 13px;
    margin: 0
}

._3Zy4Q {
    margin-top: 24px;
    width: 100%
}

.employee {
    border: 1px solid #ddd;
    border-collapse: collapse;
    border-radius: 12px
}

.employee td {
    text-align: center !important;
    width: 25%
}

.progress {
    --bs-progress-bg: #cecece !important
}

._2LnN1 {
    height: 50px;
    width: 70px
}

._2YK0v {
    display: grid;
    grid-template-columns: 77px 1fr;
    margin-bottom: 8px;
    padding-right: 10px
}

._3H5f5 {
    height: -moz-min-content;
    height: min-content;
    position: relative
}

._10gXJ {
    height: 63px;
    width: 53px
}

._3kcqP {
    height: 100%;
    -o-object-fit: fit;
    object-fit: fit;
    width: 100%
}

._3Fznl {
    color: rgb(var(--color-eel));
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px
}

.words-table th {
    text-align: center
}

.table-pad td {
    padding: 22px 16px !important
}

._2HRY_ {
    --web-ui_button-background-color-disabled: #fff;
    --web-ui_button-border-color-disabled: #e5e5e5;
    --web-ui_button-color-disabled: #e5e5e5
}

._3Vliu {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 10px 10px 0;
    text-align: center
}

@media(min-width:530px) {
    ._3Vliu {
        flex-direction: row;
        padding: 0;
        text-align: left
    }
}

.app[dir=rtl] .dir-s {
    direction: ltr
}

.app[dir=ltr] .dir-s {
    direction: rtl
}

._2TlMB {
    padding: 9px 16px 106px;
    position: relative
}

.app[dir=rtl] ._8roiG {
    padding: 15px 110px 70px 0
}

.app[dir=ltr] ._8roiG {
    padding: 15px 0 70px 110px
}

._8roiG {
    border-top: 2px solid #e5e5e5;
    position: relative
}

@media(min-width:700px) {
    ._2TlMB {
        padding: 0
    }

    ._8roiG {
        min-height: 120px;
        padding: 20px 110px 20px 0
    }
}

.Lp_tU {
    background-size: 100px
}

.app[dir=rtl] .hVpTU {
    float: right;
    margin: 10px -110px -20px 0;
    text-align: end
}

.app[dir=ltr] .hVpTU {
    float: left;
    margin: 10px 0 -20px -110px;
    text-align: start
}

.hVpTU {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 100px;
    width: 100px
}

._1azKr {
    position: relative
}

.app[dir=rtl] ._1gB7x {
    text-align: right
}

.app[dir=ltr] ._1gB7x {
    text-align: left
}

._1gB7x {
    margin-top: 40px
}

._3g6lk {
    font-size: 19px;
    font-weight: 700;
    padding: 8px 0;
    text-align: end
}

.app[dir=rtl] ._2QQA_ {
    text-align: right
}

.app[dir=ltr] ._2QQA_ {
    text-align: left
}

._2QQA_ {
    color: #777;
    line-height: 1.75;
    width: auto
}

._1gw-f {
    bottom: 20px;
    position: absolute
}

._1gw-f1 {
    bottom: -10px !important
}

@media(min-width:700px) {
    ._2QQA_ {
        margin: 0
    }

    .app[dir=rtl] ._1gw-f {
        float: left;
        margin-right: 18px
    }

    .app[dir=ltr] ._1gw-f {
        float: right;
        margin-left: 18px
    }

    ._1gw-f {
        min-width: 150px;
        position: static
    }
}

._3s-QM {
    text-align: center;
    white-space: normal
}

._1m6Sq {
    display: inline-block
}

.app[dir=rtl] .hxDaC {
    margin-left: 3px
}

.app[dir=ltr] .hxDaC {
    margin-right: 3px
}

.hxDaC {
    height: 20px;
    width: 20px
}

._1SReZ {
    align-items: center;
    border-radius: 16px;
    border-width: 0;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    height: 25px;
    justify-content: center;
    padding: 8px;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

._3hso6 {
    background: #e5e5e5;
    color: #afafaf
}

._3_lqo {
    background: #d7ffb8;
    color: #58cc02
}

._3RWEg {
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 3px
}

._1T8FO {
    animation: galaxy 65s linear infinite forwards;
    animation-fill-mode: forwards;
    background-color: #000437;
    border-radius: 16px;
    color: #fff;
    overflow: hidden;
    padding: 20px 10px;
    position: relative;
    -webkit-transition: padding .8s;
    vertical-align: middle
}

@media(min-width:530px) {
    ._1T8FO {
        padding: 20px
    }
}

@media(min-width:700px) {
    ._1T8FO {
        margin-top: 0
    }
}

._1ardJ {
    font-size: 23px;
    font-weight: 700
}

@media(min-width:530px) {
    ._1ardJ {
        font-size: 25px;
        line-height: 34px
    }
}

._27dyZ {
    font-size: 16px;
    line-height: 25px
}

._1rr9- {
    margin-top: 24px;
    width: 100%
}

._35O5F {
    height: 20px;
    margin: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px
}

._2XoBw {
    flex-direction: column;
    justify-content: center
}

@media(min-width:530px) {
    ._2XoBw {
        flex-direction: row-reverse;
        justify-content: space-around
    }
}

._39dxR {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

._2QMrd {
    display: none
}

@media(max-width:700px) {
    .e9TL7 {
        margin: -97px 0 -20px -110px
    }
}

@media(min-width:530px) {
    ._39dxR {
        align-items: flex-start
    }

    ._1M61d {
        height: 120px
    }

    ._2QMrd {
        display: inline-block;
        max-height: 230px
    }
}

._27dyZ>span>span {
    color: #26f663;
    font-weight: 700
}

.time-text {
    color: #ff7c00;
    font-weight: 700
}

.divider {
    background: #e5e5e5;
    margin: 20px 0;
    width: 1px
}

.timerboost-text {
    color: gold;
    font-weight: 700
}

._8roiG1 {
    border-top: 2px solid #e5e5e5;
    padding: 15px 0 0 2px;
    position: relative
}

.sniper-overlay {
    background-color: #000c;
    left: 0;
    position: fixed;
    top: 0
}

.sniper-overlay,
.sniper-overlay1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 9999
}

.sniper-overlay1 {
    background-color: #ffffff80;
    position: absolute
}

.sniper-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.sniper-overlay p {
    color: #fff;
    font-size: 16px;
    margin-top: 20px
}

.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: #fdd
}

.lds-spinner div:after,
.sniper-overlay1 .lds-spinner div:after {
    border-radius: 20%;
    content: " ";
    display: block;
    height: 18px;
    left: 37px;
    position: absolute;
    top: 3px;
    width: 6px
}

.sniper-overlay1 .lds-spinner div:after {
    background: #1cb0f6
}

.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
    }
}

.wrapperAlert {
    border: thin solid #ddd;
    border-radius: 12px;
    height: 470px;
    overflow: hidden;
    width: 500px
}

.topHalf {
    background: #000;
    background: -webkit-linear-gradient(45deg, #019871, #a0ebcf);
    color: #fff;
    min-height: 250px;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    width: 100%
}

.topHalf p {
    margin-bottom: 30px
}

svg {
    fill: #fff
}

.topHalf h1 {
    display: block;
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: .15rem;
    text-shadow: 0 2px #80808099
}

.bg-bubbles {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.li-payment {
    -webkit-animation: square 20s infinite;
    animation: square 20s infinite;
    background-color: #ffffff26;
    bottom: -160px;
    display: block;
    height: 40px;
    list-style: none;
    position: absolute;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 40px
}

.li-payment:first-child {
    left: 10%
}

.li-payment:nth-child(2) {
    animation-delay: 2s;
    animation-duration: 17s;
    height: 80px;
    left: 20%;
    width: 80px
}

.li-payment:nth-child(3) {
    animation-delay: 4s;
    left: 25%
}

.li-payment:nth-child(4) {
    animation-duration: 22s;
    background-color: #ffffff4d;
    height: 60px;
    left: 40%;
    width: 60px
}

.li-payment:nth-child(5) {
    left: 70%
}

.li-payment:nth-child(6) {
    animation-delay: 3s;
    background-color: #fff3;
    height: 120px;
    left: 80%;
    width: 120px
}

.li-payment:nth-child(7) {
    animation-delay: 7s;
    height: 160px;
    left: 32%;
    width: 160px
}

.li-payment:nth-child(8) {
    animation-delay: 15s;
    animation-duration: 40s;
    height: 20px;
    left: 55%;
    width: 20px
}

.li-payment:nth-child(9) {
    animation-delay: 2s;
    animation-duration: 40s;
    background-color: #ffffff4d;
    height: 10px;
    left: 25%;
    width: 10px
}

.li-payment:nth-child(10) {
    animation-delay: 11s;
    height: 160px;
    left: 90%;
    width: 160px
}

@-webkit-keyframes square {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-500px) rotate(600deg)
    }
}

@keyframes square {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-500px) rotate(600deg)
    }
}

.bottomHalf {
    align-items: center;
    padding: 35px
}

.bottomHalf p {
    font-size: 1.05rem;
    font-weight: 500;
    margin-bottom: 20px
}

.payment-body {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 100vh;
    justify-content: center;
    text-align: center
}

.payment-button {
    background-color: #019871;
    border: none;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    padding: 10px 18px;
    text-shadow: 0 1px #808080bf
}

.payment-button:hover {
    background-color: #85ddbf
}

.topHalferror {
    background: -webkit-linear-gradient(45deg, #f47979, #ffb3b3)
}

.shop-element-width {
    height: 70px;
    width: 65px
}

@media(min-width:700px) {
    .shop-element-width {
        height: 80px;
        width: 80px
    }

    ._1f_K9 {
        display: block;
        margin: 26px 0 0 25px
    }
}

._1f_K9 {
    height: 31px;
    width: 31px
}

@media(max-width:550px) {
    .mobile-font {
        font-size: 18px !important
    }

    .wrapperAlert {
        width: 400px
    }
}

.mobile-height {
    height: 100px;
    width: 90px
}

@media(max-width:518px) {
    .mobile-font {
        font-size: 14px !important;
        font-weight: bolder
    }

    ._1LpFA {
        direction: rtl;
        font-size: 14px
    }

    .mobile-height {
        height: 25vw !important;
        width: 20vw
    }
}

@media(max-width:450px) {
    .wrapperAlert {
        width: 350px
    }
}

@media(max-width:360px) {
    .wrapperAlert {
        width: 300px
    }
}

@media(max-width:320px) {
    .wrapperAlert {
        height: 500px;
        width: 250px
    }

    .topHalf h1 {
        font-size: 1.5rem
    }
}

.shop-hearts {
    height: 90px;
    margin-right: -5px;
    width: 90px
}

._1iDMv {
    --__internal__color: var(--web-ui_button-color, rgb(var(--color-macaw)))
}

.dynamicgem-input {
    max-width: 30%
}

._2cAA0 {
    --left-cell-padding-top: 24px;
    color: #4b4b4b;
    position: relative
}

.g5_IQ {
    height: 32.1951px;
    margin-right: 10px;
    width: 40px
}

._3I-zC {
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

._3I-zC:last-child {
    border-bottom: 2px solid #e5e5e5
}

._3OR2W {
    align-items: center;
    display: flex
}

._25h67 {
    --web-ui_button-color: #ff4b4b
}

._2e4iD td:first-child {
    width: 93px
}

.flag-size {
    height: 42.1951px;
    width: 50px
}

@media(min-width:700px) {
    .flag-size {
        height: 42.1951px;
        width: 60px
    }

    ._2e4iD td:first-child {
        width: 180px
    }
}

.flag-svg {
    height: 3168px;
    width: 82px
}

._1PnhV {
    border-bottom: 2px solid #e5e5e5;
    justify-content: space-between;
    padding: 16px
}

._1PnhV,
._2ZsZb {
    align-items: center;
    display: flex
}

._2ZsZb {
    height: 60px
}

._3aKYi {
    color: #afafaf;
    font-size: 18px
}

@media(min-width:700px) {
    ._2amuD {
        display: none
    }
}

._2amuD {
    cursor: pointer;
    margin-left: 6px;
    margin-top: 2px
}

._3DIpd {
    bottom: 1px;
    position: absolute;
    right: -3px
}

._2Rjv- {
    position: relative
}

._2HEhk {
    flex: 1;
    min-width: 0;
    z-index: 0
}

._3V5QK {
    direction: rtl;
    display: grid;
    gap: 40px;
    padding: 24px 16px
}

._2J1Sk {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #4b4b4b;
    font: 700 2rem/2.25 din-round;
    margin: 0
}

.app[dir=rtl] ._3f-te {
    direction: rtl
}

.app[dir=ltr] ._3f-te {
    direction: ltr
}

._3f-te {
    display: grid;
    gap: 16px
}

._1GEp7 {
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    min-width: 0
}

.Ej0kW {
    align-items: center;
    box-sizing: initial;
    display: flex;
    gap: 16px;
    height: 64px;
    padding: 0 16px
}

._1pWku {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: rgb(var(--color-eel));
    flex: 1;
    font: 700 1.25rem/1.5 din-round;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3hY-r:not(:last-child) {
    border-bottom: 2px solid #e5e5e5
}

@media(min-width:700px) {
    ._3V5QK {
        gap: 48px;
        padding: 0
    }

    ._2J1Sk {
        display: initial
    }

    ._3f-te {
        gap: 24px
    }

    ._1GEp7 {
        border: 0
    }

    .Ej0kW {
        padding: 0
    }
}

._1H_R6 {
    background: none;
    padding: 0;
    transition: filter .2s
}

._16h82 {
    --web-ui_button-color: #1cb0f6
}

._26a7Y {
    border-style: dashed;
    border-width: 2px;
    color: #afafaf
}

.eP5n4 {
    align-items: center;
    background: #e5e5e5;
    border-radius: 12px;
    display: inline-flex;
    flex-shrink: 0;
    height: 24px;
    position: relative;
    transition: background .1s;
    width: 57px
}

.eP5n4.BLCtW {
    background: #1cb0f6
}

@media(min-width:700px) {
    ._1GxYJ:disabled {
        background: #f0f0f0
    }

    ._28D8T td:first-child {
        width: 180px
    }
}

.Fc0NK {
    min-height: calc(100vh - 94px);
    top: 94px
}

._3eI9W {
    align-self: flex-end;
    bottom: 24px;
    flex-direction: column-reverse;
    width: 368px
}

.Fc0NK,
._3eI9W {
    position: sticky
}

@media(min-width:700px) {
    ._1n58L {
        padding-bottom: 20px
    }
}

._3np8E {
    width: 100%
}

._3Ypya {
    display: none
}

._2wpOl {
    align-items: center;
    display: inline-flex;
    outline: 0
}

._2wpOl:not(._3TI-x) {
    cursor: pointer
}

._Bmuv {
    align-items: flex-start;
    display: flex
}

._37hbE {
    padding: 16px 16px 106px
}

@media(min-width:700px) {
    ._37hbE {
        padding: 0
    }
}

.i9Opi {
    display: block;
    margin-top: 6px;
    text-align: right
}

@media(min-width:700px) {
    .i9Opi {
        position: absolute;
        right: 16px
    }
}

.r3UwY {
    color: #dd381d
}

@media(min-width:700px) {
    ._1GxYJ:disabled {
        background: #f0f0f0
    }
}

._3bCNW {
    border-radius: 16px;
    display: block;
    padding: 5px 10px
}

._1Agu7 {
    max-width: 100%;
    vertical-align: middle
}

@media(min-width:700px) {
    ._19eU7 {
        margin-top: 10px
    }
}

@media(max-width:700px) {
    .hr-border {
        border-bottom: 1px solid #e5e5e5;
        padding: 0 0 33px
    }

    .daily-title-mob {
        margin-top: 41px
    }

    .RUO3N {
        font-size: 16px
    }
}

.eP5n4:before {
    background: #fff;
    border: solid #e5e5e5;
    border-radius: 10px;
    border-width: 2px 2px 4px;
    box-sizing: border-box;
    content: "";
    height: 34px;
    left: 0;
    position: absolute;
    transition: left .2s;
    width: 32px
}

.eP5n4.BLCtW:before {
    border-color: #1cb0f6;
    left: 25px
}

._2HzgP {
    display: none;
    margin-bottom: 25px;
    padding-left: 50px
}

@media(min-width:700px) {
    ._2HzgP {
        display: block
    }
}

._2krhM {
    float: left
}

._1X2WL {
    margin-bottom: 0
}

._1bYwN {
    color: #1cb0f6
}

.rmbzf {
    border-radius: 16px;
    cursor: pointer;
    margin-bottom: 2px
}

.rmbzf:last-child {
    margin-bottom: 0
}

@media(min-width:700px) {

    ._1eSrF,
    .rmbzf:hover {
        background: #dadada
    }
}

._1wy04 {
    border-radius: 16px;
    color: #3c3c3c;
    display: block;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 15px 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width:700px) {
    .uhvRS {
        display: block
    }
}

._2iCqb {
    margin-left: auto
}

.divider1 {
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative
}

.div-transparent:before {
    background-color: #e5e5e5;
    content: "";
    height: 1px;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 0;
    width: 200%
}

._2k8ad {
    color: #999
}

._1CsoA {
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    vertical-align: middle;
    word-break: break-word
}

@media(min-width:700px) {
    ._1CsoA {
        font-size: 15px;
        padding: var(--left-cell-padding-top) 24px 0 0;
        vertical-align: top
    }
}

._3RRk- {
    margin-top: 6px
}

._3jjBK {
    background: #fff;
    margin: 0;
    padding: 0 16px;
    position: relative;
    table-layout: fixed;
    width: 100%
}

@media(min-width:700px) {
    ._3jjBK {
        background: initial;
        margin: 0;
        position: static;
        width: 100%
    }
}

._1oj-F {
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 700
}

@media(min-width:700px) {
    ._1oj-F {
        margin-top: 12px
    }
}

._3hJ_G td:first-child {
    width: 53px
}

@media(min-width:700px) {
    ._3hJ_G td:first-child {
        width: 180px
    }
}

._2NolF22:disabled:not(._1rl91):before {
    background-color: var(--web-ui_button-background-color-disabled, #e5e5e5)
}

._2NolF22:disabled:not(._1rl91) {
    transform: translateY(var(--__internal__lip-width)) translateZ(0)
}

._2NolF22:disabled:not(._1rl91):before {
    box-shadow: none
}

._2NolF22:disabled:not(._1rl91) {
    color: var(--web-ui_button-color-disabled, #afafaf)
}

._2Abn5 {
    color: #ea2b2b
}

._3Wnid {
    border-color: #ffdfe0 !important
}

._4Wnid {
    border-color: #dfffe9 !important
}

.form-switch .form-check-input {
    height: 1.4em;
    width: 4em !important
}

.form-check-input:checked {
    background-color: #1cb0f6 !important;
    border-color: #1cb0f6 !important
}

.form-switch {
    margin-top: .5rem;
    width: fit-content
}

.list-image>img {
    cursor: pointer;
    display: inline-block;
    height: 54px;
    margin: 17px;
    width: 54px
}

.list-image>img.activeicon,
.list-image>img:hover {
    border: 3px solid #1e88e5;
    border-radius: 50%
}

.btn-confirm {
    background-color: #1cb0f6;
    border-color: #1cb0f6;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 25%
}

._3ug7_ {
    padding: 24px
}

._20Ytt {
    background: rgb(var(--color-snow));
    border: 2px solid rgb(var(--color-swan));
    border-radius: 16px
}

td,
th {
    line-height: 22px;
    padding: 12px 16px;
    text-align: left
}

._3ky4c {
    display: none;
    flex-direction: column
}

._3ky4c.V9dBP {
    margin-top: 48px
}

._7febj {
    flex-shrink: 0;
    position: relative
}

._3LqO8 {
    width: 44px
}

._36-JO {
    height: 100%;
    width: 100%
}

._3Ex3q {
    display: none
}

._1Y-pT {
    color: #4b4b4b;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px
}

._2JjvG {
    margin-bottom: 48px
}

.uY3pr {
    --min-col-width: max(280px, 45%);
    display: grid;
    gap: 12px;
    margin-top: 24px
}

._3WmPv {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    overflow: hidden;
    padding: 12px
}

.tkIr- {
    align-self: stretch;
    flex: 1 1 auto;
    margin-top: 2px
}

._1QhgU {
    font-size: 18px;
    margin-bottom: 4px
}

._1ISxD {
    color: #777;
    font-size: 16px;
    line-height: 1.4
}

._1xOxM {
    height: 45px;
    width: 45px
}

@media(min-width:700px) {
    ._1xOxM {
        height: 60px;
        width: 60px
    }

    ._3ky4c {
        display: flex
    }

    ._3Ex3q {
        display: block;
        margin: 0
    }

    ._1QhgU {
        font-size: 19px;
        margin-bottom: 6px
    }

    ._1ISxD {
        font-size: 17px
    }

    ._1B4tS {
        border-spacing: 0 25px
    }

    ._1B4tS td:first-child {
        width: 180px
    }
}

._3bIU->span>span {
    color: #fff !important
}

@media(min-width:530px) {
    ._1MDfa {
        display: none
    }
}

._2y2z3 {
    color: rgb(var(--color-wolf));
    font-size: 15px;
    padding: var(--left-cell-padding-top) 24px 0 0
}

.AQncA {
    color: rgb(var(--color-macaw));
    cursor: pointer;
    display: inline-block;
    padding-top: 10px
}

.rzanO {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: -8px
}

._203-l {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #777;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0
}

.Y6o36 {
    border: 2px solid #e5e5e5;
    border-radius: 16px
}

._17J_p {
    align-items: center;
    display: flex;
    gap: 16px;
    padding: 16px
}

._17J_p:not(:last-child) {
    border-bottom: 2px solid #e5e5e5
}

.thPiC {
    position: relative
}

._3jiBp {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._22aYT {
    flex-shrink: 0;
    height: auto;
    width: 90px
}

.unX5- {
    border-radius: 12px
}

.wl71D {
    grid-gap: 48px;
    direction: rtl;
    display: flex;
    flex-direction: column
}

._3Zt5A {
    align-items: center;
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    gap: 16px;
    height: 58px;
    padding: 0 16px;
    position: sticky;
    top: 0;
    z-index: 1
}

.k4lGG {
    display: flex;
    flex: 1;
    justify-content: end
}

._2-epa {
    color: #afafaf;
    font-size: 20px;
    margin: 0;
    text-align: center
}

._2-epa,
._2LJhI {
    -webkit-font-smoothing: antialiased;
    font-weight: 700
}

._2LJhI {
    color: #1cb0f6;
    cursor: pointer;
    letter-spacing: .04rem
}

._3aFP8 {
    display: grid;
    gap: 40px;
    padding: 24px 16px
}

._2JYsS {
    -webkit-font-smoothing: antialiased;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 8px
}

._3X-ak {
    border: 2px solid #e5e5e5;
    border-radius: 12px
}

.rsgw3:not(:last-child) {
    border-bottom: 2px solid #e5e5e5
}

._2ShRg {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    color: #4b4b4b;
    display: flex;
    font-weight: 700;
    gap: 16px;
    justify-content: space-between;
    padding: 16px
}

.E2qJp {
    height: 9px;
    transform: rotate(90deg);
    width: 15px
}

._2V6ug {
    background: none;
    border: 1px solid;
    border-radius: 12px;
    padding: 0 16px
}

._1ursp {
    align-items: center;
    box-sizing: border-box;
    font-weight: 700;
    justify-content: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

._7jW2t {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    touch-action: manipulation;
    transform: translateZ(0)
}

.rdtAy {
    border-width: 1px 1px 5px;
    color: #1cb0f6;
    font-size: 16px;
    height: 50px;
    letter-spacing: .04em;
    padding: 0 11px
}

._2V6ug:before {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    bottom: -2px;
    box-shadow: 0 2px 0;
    color: #e5e5e5;
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: -1
}

.rdtAy:before {
    border-width: 1px;
    bottom: -1px;
    box-shadow: 0 3px 0 1px;
    left: -1px;
    outline: 1px solid #e5e5e5;
    right: -1px;
    top: -1px
}

._1V_7V {
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    margin: 20px 0 6px
}

._2P5Up {
    display: flex;
    justify-content: center;
    position: relative
}

._1yM9n {
    border-radius: 50%
}

._3zSI5 {
    display: inline-flex;
    flex-direction: column;
    gap: 4px
}

._17QjI {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #4b4b4b
}

._1Um2j {
    background: #f7f7f7;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    display: flex;
    overflow: hidden
}

._1Um2j:focus-within:not(._2ogGd) {
    border-color: rgb(var(--color-macaw))
}

._298F2 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    caret-color: rgb(var(--color-macaw));
    color: rgb(var(--color-eel));
    min-width: 0;
    outline: none;
    padding: 8px 14px;
    width: 100%
}

:root {
    --offset: 3.8;
    --app-offset: 80px
}

._1ORYU {
    transform: translateZ(0)
}

._29Ox2 {
    font-weight: 700
}

.YSucH {
    color: #ffc800
}

.YSucH1 {
    color: #777
}

._1_p4S {
    padding-bottom: 0 !important
}

._2maxd {
    border: 0;
    border-top: 2px solid #e5e5e5;
    height: 0;
    opacity: .8 !important
}

.p74gw {
    margin-bottom: 24px
}

._16nyP {
    margin: 0
}

._19mio,
._2RBD6 {
    display: flex
}

._19mio,
._2RBD6 {
    justify-content: center
}

._2RBD6 {
    align-items: center;
    height: 26px;
    margin-left: 10px;
    white-space: nowrap
}

._2Rsru {
    border-radius: 0 0 14px 14px;
    overflow: hidden
}

._2ufrs {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    position: relative
}

._3YFg9 {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3YFg9,
._3imTB {
    margin-right: 10px
}

.app[dir=rtl] ._3cvJx {
    text-align: left
}

.app[dir=ltr] ._3cvJx,
.app[dir=rtl] ._1STpj {
    text-align: right
}

.app[dir=ltr] ._1STpj {
    text-align: left
}

._3cvJx {
    color: #777;
    flex-grow: 1;
    flex-shrink: 0
}

.QfsRf {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 15px 0
}

.QfsRf ._127Sz {
    margin: 0 15px
}

.jHo0Y {
    color: #ea2b2b
}

.sleep-dou {
    padding: 103px 103px 23px
}

._2TXAc {
    --web-ui_button-border-radius: 50%;
    --web-ui_button-height: 58px;
    --web-ui_button-padding: 0;
    width: 58px
}

._2X5BQ {
    height: 72px !important;
    width: 72px !important
}

._2KrdD {
    display: flex;
    height: 91px;
    margin-top: 24px;
    overflow: hidden;
    position: relative
}

.InGFc {
    align-items: center;
    color: inherit;
    display: flex;
    padding: 8px 16px
}

._2p1op {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10
}

@media(min-width:700px) {
    .topweb {
        margin-top: 95px
    }

    .marginweb {
        cursor: default;
        margin: 0 auto
    }

    ._2p1op {
        background: rgb(var(--color-snow));
        position: sticky;
        z-index: 10
    }

    ._2KrdD {
        margin-top: 0
    }

    .InGFc {
        border-radius: 16px
    }
}

@media(max-width:768px) {

    ._1_p4S,
    ._33Mo91 {
        border: 0 !important;
        padding: 0 !important
    }

    ._33Mo91 {
        border-radius: 0 !important
    }
}

._33Mo91 {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    flex: 1
}

._2nkdO {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding-bottom: 90px;
    text-align: center;
    width: 100%
}

._3IRtt {
    align-items: center;
    bottom: 0;
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(10, min-content);
    justify-content: space-between;
    position: absolute;
    top: 0
}

._14I3k {
    height: 68px;
    width: 52px
}

._3H1lo {
    height: 91px;
    width: 80px
}

.p9XXu {
    -o-object-fit: fit;
    object-fit: fit;
    width: 90%
}

.pATy6 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0;
    overflow: hidden;
    padding-bottom: 2px;
    position: relative
}

.IkLCT._1DcsO {
    background: rgb(var(--color-sea-sponge))
}

._1DcsO ._1PnzB {
    color: rgb(var(--color-tree-frog))
}

._1PnzB {
    flex-shrink: 0;
    font-weight: 700;
    text-align: center;
    width: 41px
}

.app[dir=rtl] ._1PWcG {
    margin: 0 12px 0 28px
}

.app[dir=ltr] ._1PWcG {
    margin: 0 28px 0 12px
}

._1PWcG {
    flex-shrink: 0;
    height: 48px;
    position: relative;
    width: 48px
}

._1urP9 {
    flex-shrink: 0;
    left: 0;
    position: absolute;
    top: 0
}

._1STpj,
.yy8dZ {
    overflow: hidden
}

._1STpj {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: 10px
}

.yy8dZ {
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.IkLCT._1DcsO,
.IkLCT._1DcsO ._2vd8L {
    color: rgb(var(--color-tree-frog))
}

._2vd8L {
    color: rgb(var(--color-wolf));
    flex-shrink: 0;
    margin-right: 10px;
    text-align: right
}

.IkLCT {
    background: rgb(var(--color-swan))
}

.IkLCTw {
    background: #ffc3c3
}

.IkLCTw ._1PnzB,
.IkLCTw ._3YFg9,
.IkLCTw ._3cvJx {
    color: #ff3939
}

._3lZbT {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 15px 0
}

._1wF8b {
    color: rgb(var(--color-tree-frog))
}

.uEH94 {
    margin: 0 15px
}

._3seVy {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    max-width: 592px;
    overflow: hidden;
    padding: 0 24px 0 28px;
    position: relative;
    width: 100%
}

._36Vnl {
    padding-top: 18px
}

._2Xv_D {
    color: rgb(var(--color-wolf));
    font-weight: 500;
    margin-bottom: 5px;
    padding: 0 12px
}

@media(max-width:768px) {
    .mt-mobile {
        margin-top: 100px
    }
}

.slick-slide {
    margin-right: 10px
}

.app[dir=rtl] .sticklightning {
    left: 7px
}

.app[dir=ltr] .sticklightning {
    right: 7px
}

.app[dir=rtl] ._2CUKu {
    margin-left: 24px
}

.app[dir=ltr] ._2CUKu {
    margin-right: 24px
}

.app[dir=rtl] ._1pGqy {
    transform: scaleX(-1)
}

.app[dir=ltr] ._1pGqy {
    transform: scale(1)
}

._2CUKu {
    padding-top: 16px
}

.sticklightning {
    bottom: 70px;
    cursor: pointer;
    position: fixed;
    text-align: center;
    transition: opacity .4s ease-in-out
}

.league-carousel {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 8px 14px 0;
    scrollbar-width: none
}

.league-carousel::-webkit-scrollbar {
    display: none
}

.league-item {
    border-radius: 8px;
    flex: 0 0 auto;
    padding: 4px;
    text-align: center;
    transition: transform .2s, box-shadow .2s
}

.league-item .league-icon {
    height: 62px;
    object-fit: contain;
    width: 52px
}

.league-item.active {
    transform: scale(1.4)
}

.desktop {
    display: inline-block;
    margin-right: 10px
}

.mobile {
    display: block;
    margin-top: 5px
}

@media(min-width:700px) {
    ._3XENR {
        border-radius: 0 0 16px 16px
    }

    ._2lrMh {
        border-radius: 16px 16px 0 0
    }

    ._2fqcw {
        padding: 0 24px
    }

    ._3WFLr {
        padding-left: 16px;
        padding-right: 16px
    }
}

._2fqcw {
    background-color: #ddf4ff
}

.ZBgAa,
._1Tz0m {
    grid-column: 2;
    grid-row: 1
}

._3WFLr {
    padding: 8px 12px 16px
}

._3ejne {
    display: flex
}

._1F4vM {
    grid-column: 2;
    grid-row: 2
}

._5vKSH {
    justify-content: flex-end;
    margin-top: -8px
}

._1Dr4X {
    background-color: #fff;
    border-radius: 16px;
    table-layout: fixed;
    width: 100%;
    word-break: break-word
}

._1eBPl:first-child ._1lcy6:first-child {
    border-top-left-radius: 16px
}

._1Tjr3 ._1lcy6,
._1Tjr3 ._1lcy6:first-of-type,
._1Tjr3:first-child ._1lcy6 {
    border-color: #84d8ff
}

._1eBPl:first-child ._1lcy6 {
    border-top: 2px solid #e5e5e5
}

._1eBPl ._1lcy6:first-of-type {
    border-left: 2px solid #e5e5e5
}

._1Tjr3 ._37c8P {
    background-color: #1cbaf64d
}

._1Tjr3 ._1lcy6 {
    padding-left: 16px;
    padding-right: 16px
}

._1eBPl ._1lcy6 {
    border-bottom: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    padding: 10px 12px;
    width: 50%
}

._37c8P {
    background: #f7f7f7
}

._1Tjr3 ._3sqRT {
    padding: 8px 0
}

._1EMzb {
    flex-direction: column;
    padding-bottom: 24px
}

._3Z-0s {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.o971Q._1EMzb ._3uZQC {
    border: 0
}

._1EMzb ._3uZQC {
    border: 2px solid rgb(var(--color-swan));
    border-radius: 16px;
    margin-bottom: 12px;
    width: 100%
}

._1Tz0m {
    justify-self: start
}

.Sm8qW,
._1Tz0m {
    text-align: center
}

.Sm8qW {
    grid-column: 1/3;
    grid-row: 2
}

.expandable-more {
    display: none
}

:root {
    --viewport-height: 100dvh;
    --web-ui_button-border-radius: 16px;
    --color-snow: 255, 255, 255;
    --color-snow-always-light: 255, 255, 255;
    --color-snow-always-dark: 19, 31, 36;
    --color-polar: 247, 247, 247;
    --color-swan: 229, 229, 229;
    --color-swan-always-light: 229, 229, 229;
    --color-swan-always-dark: 55, 70, 79;
    --color-hare: 175, 175, 175;
    --color-hare-always-light: 175, 175, 175;
    --color-wolf: 119, 119, 119;
    --color-eel: 75, 75, 75;
    --color-squid: 235, 227, 227;
    --color-walking-fish: 255, 223, 224;
    --color-flamingo: 255, 178, 178;
    --color-pig: 245, 164, 164;
    --color-crab: 255, 120, 120;
    --color-cardinal: 255, 75, 75;
    --color-fire-ant: 234, 43, 43;
    --color-canary: 255, 245, 211;
    --color-duck: 251, 229, 109;
    --color-bee: 255, 200, 0;
    --color-lion: 255, 177, 0;
    --color-fox: 255, 150, 0;
    --color-cheetah: 255, 206, 142;
    --color-monkey: 229, 162, 89;
    --color-camel: 231, 166, 1;
    --color-guinea-pig: 205, 121, 0;
    --color-grizzly: 187, 113, 73;
    --color-sea-sponge: 215, 255, 184;
    --color-turtle: 165, 237, 110;
    --color-owl: 88, 204, 2;
    --color-tree-frog: 88, 167, 0;
    --color-peacock: 0, 205, 156;
    --color-iguana: 221, 244, 255;
    --color-anchovy: 210, 228, 232;
    --color-beluga: 187, 242, 255;
    --color-moon-jelly: 122, 240, 242;
    --color-blue-jay: 132, 216, 255;
    --color-macaw: 28, 176, 246;
    --color-whale: 24, 153, 214;
    --color-humpback: 43, 112, 201;
    --color-narwhal: 20, 83, 163;
    --color-manta-ray: 4, 44, 96;
    --color-starfish: 255, 134, 208;
    --color-beetle: 206, 130, 255;
    --color-betta: 144, 105, 205;
    --color-butterfly: 111, 78, 161;
    --color-dragon: 204, 52, 141;
    --color-starling: 92, 108, 252;
    --color-martin: 71, 85, 223;
    --color-grackle: 167, 160, 255;
    --color-honeycreeper: 193, 187, 255;
    --color-deep-starling: 34, 33, 81;
    --color-deep-martin: 16, 15, 62;
    --color-stardust: 199, 255, 254;
    --color-cosmos: 60, 77, 255;
    --color-nebula: 63, 34, 236;
    --color-nova: 207, 23, 200;
    --color-gamma: 38, 246, 99;
    --color-starlight: 38, 138, 255;
    --color-quasar: 252, 85, 255;
    --color-celestia: 255, 255, 255;
    --color-eclipse: 0, 4, 55;
    --color-black: 0, 0, 0;
    --color-aqua: 56, 238, 255;
    --color-ocean: 0, 158, 182;
    --color-ice: 225, 253, 255;
    --color-max-outline: 56, 238, 255;
    --color-final-level-medium: 133, 123, 249;
    --color-final-level-super-dark: 189, 219, 255;
    --color-gold-shine: 255, 231, 0;
    --color-legendary-gradient: 119, 109, 225;
    --color-legendary-halo: 110, 107, 242;
    --color-legendary-stripe: 246, 246, 255;
    --color-super-background-secondary: 26, 30, 76;
    --color-black-text: 60, 60, 60;
    --color-blue: 28, 175, 246;
    --color-blue-space: 11, 62, 113;
    --color-juicy-blue-space: 10, 74, 130;
    --color-juicy-blue-space-light: 35, 83, 144;
    --color-gold: 250, 169, 25;
    --color-gray-bg: 233, 233, 233;
    --color-gray-border: 218, 218, 218;
    --color-gray-text: 153, 153, 153;
    --color-orange: 255, 157, 0;
    --color-story-non-highlighted: 170, 170, 170;
    --color-diamond-highlight: 231, 251, 251;
    --color-diamond: 56, 208, 208;
    --color-banana: 255, 176, 32;
    --color-cloud: 207, 207, 207;
    --color-cloud-light: 221, 221, 221;
    --color-cloud-lightest: 240, 240, 240;
    --color-kiwi: 122, 199, 12;
    --color-kiwi-dark: 93, 151, 9;
    --color-kiwi-light: 142, 224, 0;
    --color-licorice: 76, 76, 76;
    --color-facebook: 59, 89, 152;
    --color-facebook-dark: 45, 67, 115;
    --color-google: 66, 133, 244;
    --color-twitter: 29, 161, 242;
    --color-hv-light-peach: 241, 218, 179;
    --color-hv-peach: 219, 186, 131;
    --color-hv-light-orange: 255, 177, 64;
    --color-hv-orange: 204, 121, 0;
    --color-hv-brown: 140, 90, 17;
    --color-roseate: 223, 75, 162;
    --color-rosefinch: 180, 28, 117;
    --color-bluebird: 3, 144, 211;
    --color-cotinga: 121, 58, 227;
    --color-sabrewing: 165, 112, 255;
    --color-blueberry: 17, 82, 167;
    --color-ether: 60, 89, 141;
    --color-streak-society-dark-orange: 255, 151, 1;
    --color-streak-society-light-orange: 255, 179, 1;
    --color-black-text-always-light: 60, 60, 60;
    --color-beetle-always-light: 206, 130, 255;
    --color-cardinal-always-light: 255, 75, 75;
    --color-dragon-always-light: 204, 52, 141;
    --color-eel-always-light: 75, 75, 75;
    --color-fox-always-light: 255, 150, 0;
    --color-fire-ant-always-light: 234, 43, 43;
    --color-grizzly-always-light: 187, 113, 73;
    --color-guinea-pig-always-light: 205, 121, 0;
    --color-iguana-always-light: 221, 244, 255;
    --color-macaw-always-light: 28, 176, 246;
    --color-owl-always-light: 88, 204, 2;
    --color-peacock-always-light: 0, 205, 156;
    --color-polar-always-light: 247, 247, 247;
    --color-sea-sponge-always-light: 215, 255, 184;
    --color-starfish-always-light: 255, 134, 208;
    --color-tree-frog-always-light: 88, 167, 0;
    --color-turtle-always-light: 165, 237, 110;
    --color-walking-fish-always-light: 255, 223, 224;
    --color-wolf-always-light: 119, 119, 119;
    --color-eel-always-dark: 241, 247, 251;
    --color-macaw-always-dark: 73, 192, 248;
    --color-owl-always-dark: 147, 211, 51;
    --color-polar-always-dark: 32, 47, 54;
    --color-wolf-always-dark: 220, 230, 236;
    --color-unknown-001e2d: 0, 30, 45;
    --color-unknown-0047a4: 0, 71, 164;
    --color-unknown-0087d0: 0, 135, 208;
    --color-unknown-00aff9: 0, 175, 249;
    --color-unknown-013047: 1, 48, 71;
    --color-unknown-048fd1: 4, 143, 209;
    --color-unknown-0e0f10: 14, 15, 16;
    --color-unknown-0e3d79: 14, 61, 121;
    --color-unknown-172071: 23, 32, 113;
    --color-unknown-280378: 40, 3, 120;
    --color-unknown-3ebbf6: 62, 187, 246;
    --color-unknown-655ebb: 101, 94, 187;
    --color-unknown-696cee: 105, 108, 238;
    --color-unknown-7c0000: 124, 0, 0;
    --color-unknown-89e219: 137, 226, 25;
    --color-unknown-935051: 147, 80, 81;
    --color-unknown-959595: 149, 149, 149;
    --color-unknown-a2a2a2: 162, 162, 162;
    --color-unknown-a3dbeb: 163, 219, 235;
    --color-unknown-a4dffb: 164, 223, 251;
    --color-unknown-aaa: 170, 170, 170;
    --color-unknown-d087ff: 208, 135, 255;
    --color-unknown-d9d9d9: 217, 217, 217;
    --color-unknown-ddd: 221, 221, 221;
    --color-unknown-de8029: 222, 128, 41;
    --color-unknown-dedede: 222, 222, 222;
    --color-unknown-e3e3e3: 227, 227, 227;
    --color-unknown-e4ffff: 228, 255, 255;
    --color-unknown-ed8c01: 237, 140, 1;
    --color-unknown-f3484e: 243, 72, 78;
    --color-unknown-f4fafe: 244, 250, 254;
    --color-unknown-fbdec5: 251, 222, 197;
    --color-unknown-ffc700: 255, 199, 0;
    --color-unknown-fff2aa: 255, 242, 170;
    --color-unknown-fffbef: 255, 251, 239
}

._1KUxvzz {
    background-color: var(--web-ui_popover-background-color, rgb(var(--color-snow)));
    border: .125rem solid var(--web-ui_popover-border-color, rgb(var(--color-swan)));
    border-radius: var(--web-ui_popover-border-radius, .938rem);
    box-sizing: border-box;
    overflow: hidden;
    transform: translateZ(0)
}

.gMPzHzz {
    margin-right: .5rem
}

.gMPzHzz>.ite_Xzz {
    left: calc(100% - 7px);
    margin: var(--web-ui_popover-border-radius, .938rem) 0;
    transform: rotate(90deg)
}

._1UVl-zz {
    margin-left: .5rem
}

._1UVl-zz>.ite_Xzz {
    left: -.813rem;
    margin: var(--web-ui_popover-border-radius, .938rem) 0;
    transform: rotate(-90deg)
}

._3p5e9zz {
    background-color: var(--web-ui_popover-background-color, rgb(var(--color-snow)));
    border: 2px solid var(--web-ui_popover-border-color, rgb(var(--color-swan)));
    border-radius: 2px;
    content: "";
    height: .884rem;
    left: 50%;
    transform: translateZ(0) rotate(45deg);
    transform-origin: top left;
    width: .884rem
}

._3p5e9zz,
.ite_Xzz {
    box-sizing: border-box;
    position: absolute
}

.ite_Xzz {
    height: 10px;
    overflow: hidden;
    width: 20px
}

._2O14Bzz {
    box-sizing: border-box;
    position: relative
}

[dir=ltr] {
    text-align: initial
}

.t5wFJzz {
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.t5wFJzz:disabled {
    cursor: auto
}

._2kfErzz {
    background-color: #0000;
    border: 0;
    border-radius: 0;
    line-height: 0;
    padding: 0
}

._3a8EIzz {
    display: inline-block
}

.sgs9Xzz {
    align-items: center;
    display: inline-flex
}

._1I13xzz ._1ZuR6zz {
    height: 22px;
    width: 29px
}

._1ZuR6zz {
    display: inline-block
}

._371Cfzz {
    float: left;
    margin: 0 10px 0 0
}

._1LQ5Fzz {
    align-items: center;
    display: grid;
    justify-content: start
}

._2Yfwazz {
    align-self: start;
    grid-column: 1;
    grid-row: 1;
    justify-self: end
}

.ZBgAazz {
    grid-column: 2;
    grid-row: 1
}

._1F4vMzz {
    grid-column: 2;
    grid-row: 2
}

._3ejnezz {
    display: flex
}

._5vKSHzz {
    justify-content: flex-end;
    margin-top: -8px
}

._3WFLrzz {
    padding: 8px 12px 16px
}

@media(min-width:700px) {
    ._3WFLrzz {
        padding-left: 16px;
        padding-right: 16px
    }
}

._3pDqmzz {
    background-color: rgb(var(--color-polar))
}

._1Vx7Vzz {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

._2wVQyzz {
    flex-direction: column;
    margin-bottom: 24px;
    text-align: center
}

._2wVQyzz img {
    margin-bottom: 12px;
    max-height: 300px;
    max-width: 500px;
    width: 100%
}

._3CWEDzz {
    border: 2px solid rgb(var(--color-swan));
    border-radius: 16px
}

._2tT6Ezz._2wVQyzz {
    margin-bottom: 0
}

._2tT6Ezz._2wVQyzz ._3CWEDzz {
    border: 0;
    margin-bottom: 24px
}

._3yAjNzz {
    font-size: .938;
    font-weight: 700;
    letter-spacing: .8px
}

._2fOC9zz {
    border-style: solid;
    transform: translateZ(0);
    transition: filter .2s
}

._2fOC9zz:after {
    background-clip: padding-box;
    border-style: solid;
    position: absolute;
    z-index: -1
}

._1nlVczz,
._1nlVczz:after {
    border-radius: 16px
}

._3dtSuzz {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

._25Cnczz {
    font-size: 15px;
    line-height: 20px
}

@media(hover:hover) {
    .UCrz7zz:hover:not(:disabled):not(.k6MExzz):not(._3tP0wzz) {
        filter: brightness(1.1)
    }
}

.yTpGkzz {
    border-color: #0000;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    padding: 13px 16px
}

.yTpGkzz,
.yTpGkzz:after {
    border-width: 0 0 4px
}

.yTpGkzz:after {
    border-color: #0000;
    bottom: -4px;
    content: "";
    left: 0;
    right: 0;
    top: 0
}

.yTpGkzz:active:not(:disabled):not(.k6MExzz) {
    background: none;
    border-radius: 16px;
    border-width: 4px 0 0
}

.yTpGkzz:active:not(:disabled):not(.k6MExzz):after {
    border-width: 0;
    bottom: 0
}

.yTpGkzz:disabled:not(._2mG9rzz) {
    background: none;
    border-radius: 16px;
    border-width: 4px 0 0;
    color: rgb(var(--color-hare))
}

.yTpGkzz:disabled:not(._2mG9rzz):after {
    background: rgb(var(--color-swan));
    border-width: 0;
    bottom: 0
}

._17DXhzz {
    background-color: rgb(var(--color-whale));
    color: rgb(var(--color-snow))
}

._17DXhzz:after {
    background-color: rgb(var(--color-macaw))
}

.ImHegzz {
    bottom: 8px;
    height: 25px;
    position: absolute;
    right: 8px;
    width: 25px
}

.type-space {
    line-height: 2.1rem !important
}

.g1a4Hzz {
    align-items: center;
    display: flex;
    height: 125px;
    justify-content: center;
    margin-right: 24px;
    min-width: 125px;
    padding: 3rem;
    text-align: center;
    text-transform: none;
    width: unset
}

@media(min-width:700px) {
    .g1a4Hzz {
        align-items: center;
        display: flex;
        height: 125px;
        justify-content: center;
        margin-right: 24px;
        min-width: 125px;
        padding: 1rem;
        text-align: center;
        text-transform: none;
        width: unset
    }
}

.Aedtrzz {
    align-items: center;
    display: flex;
    flex-flow: row nowrap
}

._1Tz0mzz {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    text-align: center
}

.Sm8qWzz {
    direction: rtl;
    grid-column: 1/3;
    grid-row: 2;
    text-align: center
}

.mb-0zz {
    margin-bottom: 0 !important
}

._34k_qzz {
    cursor: pointer;
    position: relative
}

.ciX8qzz {
    cursor: default !important;
    display: inline-flex
}

._1eBPlzz {
    border-left: 2px solid rgb(var(--color-swan))
}

._1eBPlzz ._1lcy6zz {
    border-bottom: 2px solid rgb(var(--color-swan));
    border-right: 2px solid rgb(var(--color-swan));
    padding: 10px 12px;
    width: 50%
}

._1eBPlzz._1lcy6zz:first-of-type {
    border-left: 2px solid rgb(var(--color-swan)) !important
}

._1eBPlzz:first-child ._1lcy6zz {
    border-top: 2px solid rgb(var(--color-swan))
}

._1eBPlzz:first-child ._1lcy6zz:first-child {
    border-top-left-radius: 16px
}

._1eBPlzz:first-child ._1lcy6zz:last-child {
    border-top-right-radius: 16px
}

._1eBPlzz:last-child ._1lcy6zz:first-child {
    border-bottom-left-radius: 16px
}

._1eBPlzz:last-child ._1lcy6zz:last-child {
    border-bottom-right-radius: 16px
}

._37c8Pzz {
    background: rgb(var(--color-polar))
}

._1Dr4Xzz {
    background-color: rgb(var(--color-snow));
    border-radius: 16px;
    table-layout: fixed;
    width: 100%;
    word-break: break-word
}

._1Tjr3zz ._1lcy6zz {
    padding-left: 16px;
    padding-right: 16px
}

._1Tjr3zz ._1lcy6zz,
._1Tjr3zz ._1lcy6zz:first-of-type,
._1Tjr3zz:first-child ._1lcy6zz {
    border-color: rgb(var(--color-blue-jay))
}

._1Tjr3zz ._37c8Pzz {
    background-color: rgb(var(--color-macaw), .3)
}

._1Tjr3zz ._3sqRTzz {
    padding: 8px 0
}

.type-expandable {
    align-items: center;
    color: #1cb0f6;
    font-weight: 700;
    margin-top: 12px
}

._1eBPlzz ._1lcy6zz:first-child {
    border-left: 2px solid #84d8ff
}

.show_expand {
    border-bottom: 1px dashed;
    cursor: pointer;
    text-align: center;
    width: 27%
}

.Calendar__day:not(.-selectedStart):not(.-selectedEnd):no-hover:hoverhover {
    background: #fcb940 !important;
    border-color: #0000;
    border-radius: auto !important;
    color: var(--cl-color-black)
}

.freeze:not(.-selectedStart):not(.-selectedEnd):not(.-selected) {
    background: #ffe1a9bf url(assets/img/483bbd13aa918aca60ca.svg) no-repeat !important;
    background-position: 0;
    background-position-x: center !important;
    background-size: 36px !important;
    color: #fff !important;
    font-weight: 700
}

.-selectedBetween.-wow,
.-selectedEnd.-wow,
.-selectedStart.-wow {
    background-color: #ff784d !important;
    color: #fff
}

.activeday {
    border-radius: 50%
}

.Calendar__day.active_start,
.activeday {
    background-color: #ffe1a9bf;
    color: #ff5900;
    font-weight: 600
}

.Calendar__day.active_start {
    border-radius: 0;
    border-bottom-right-radius: 100em;
    border-top-right-radius: 100em
}

.Calendar__day.active_end {
    border-bottom-left-radius: 100em;
    border-top-left-radius: 100em
}

.Calendar__day.active_end,
.Calendar__day.active_streak {
    background-color: #ffe1a9bf;
    color: #ff5900;
    font-weight: 600
}

.Calendar__day.active_streak {
    border-radius: 0
}

.lds-dual-ring {
    display: inline-block;
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px
}

.lds-dual-ring:after {
    animation: lds-dual-ring 1.5s linear infinite;
    border-color: #ff5100 #0000;
    border-radius: 50%;
    border-style: solid;
    border-width: 6px;
    content: " ";
    display: block;
    height: 64px;
    left: 0;
    margin: 8px;
    position: absolute;
    top: 0;
    width: 64px
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.slider-container {
    overflow: hidden;
    width: 100%
}

.slider {
    display: flex;
    transition: transform .4s ease-in-out;
    width: 300%
}

.slide {
    flex: 1;
    margin-right: 20px;
    text-align: center
}

.slide img {
    height: auto;
    max-width: 100%
}

.horizontal-chart {
    display: flex;
    height: 20px;
    width: 70%
}

.horizontal-chart-bar {
    background-color: red;
    height: 100%
}

.horizontal-chart-bar:nth-child(2) {
    background-color: orange
}

.horizontal-chart-bar:nth-child(3) {
    background-color: #ff0
}

.visualizer-container {
    align-items: center;
    border-radius: 12px;
    direction: ltr;
    display: flex;
    gap: 4px;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    padding: 8px 12px;
    width: 100%
}

.visualizer-bar {
    background: #1cb0f6;
    border-radius: 3px;
    transition: height .1s ease-out;
    width: 5px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

._9C_ii {
    --web-ui_button-background-color: #58cc02;
    --web-ui_button-border-color: #58a700;
    --web-ui_button-color: #fff
}

._32AJE,
._3C_oC {
    transform: translateZ(0)
}

._3C_oC {
    --__internal__border-color: var(--web-ui_card-border-color, #e5e5e5);
    background-color: var(--web-ui_card-background-color, #fff);
    border: solid #0000;
    border-radius: var(--web-ui_card-border-radius, 12px);
    border-width: 2px 2px 4px;
    border: 2px solid var(--__internal__border-color);
    bottom: -2px;
    box-shadow: 0 2px 0 var(--__internal__border-color);
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._2YmyD,
._3C_oC {
    position: relative
}

._2YmyD {
    background: #e5e5e5;
    border-radius: 50px
}

._2-OmZ {
    align-items: center;
    color: #4b4b4b;
    display: flex;
    font-size: 19px;
    line-height: 1.4;
    padding: 12px 16px
}

._2-OmZ:active:not(._1p2g7) ._28sjs {
    border-color: #84d8ff;
    color: inherit
}

._28sjs {
    flex-shrink: 0
}

.C6wiC {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: normal
}

.C6wiC,
._2S0Zh {
    align-items: center;
    justify-content: center
}

._2S0Zh {
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    color: #afafaf;
    display: none;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    width: 30px
}

._2Gskp {
    border-top: 2px solid #e5e5e5;
    padding: 5px;
    text-align: center
}

@media(min-width:700px) {
    ._2Gskp {
        border-top: 2px solid #e5e5e5;
        padding: 15px 10px;
        text-align: center
    }

    ._2S0Zh {
        display: inline-flex
    }
}

._9qT-e {
    grid-gap: 12px;
    display: grid
}

._1WbXO {
    grid-template-columns: 1fr
}

._2Nv1I {
    align-self: center
}

._2LMXW {
    transition: max-height .3s ease-in-out;
    width: 100%
}

@media(min-width:700px) {
    ._2LMXW {
        min-height: 140px;
        overflow: hidden
    }
}

@media(max-width:530px) {
    ._399cc {
        overflow: visible
    }
}

@media(min-width:700px) {
    ._399cc {
        background: #fff;
        border-top: 2px solid #e5e5e5;
        max-height: 140px
    }
}

._6g-MV {
    grid-template-rows: min-content 1fr
}

@media(min-width:700px) {
    ._2XF-t {
        grid-column: auto/2;
        justify-self: start
    }

    ._6g-MV {
        align-content: center;
        grid-template-rows: none
    }

    ._10vOG {
        grid-column: 5/auto;
        justify-self: end
    }
}

._10vOG {
    position: relative
}

@media(min-width:700px) {
    .U1P3s {
        --web-ui_button-font-size: 17px
    }
}

.app[dir=rtl] ._3x0ok {
    direction: ltr
}

.app[dir=ltr] ._3x0ok {
    direction: rtl
}

._3x0ok {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.BwAry,
.mQ0GW {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.mQ0GW {
    grid-gap: 1.5rem;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: min-content 1fr min-content;
    min-height: 28.75rem;
    overflow: hidden;
    position: absolute
}

@media(min-width:700px) {
    .mQ0GW {
        grid-gap: 0;
        grid-template-rows: 100px 1fr 140px;
        min-height: 690px
    }
}

.Yf5zL {
    padding: 1.5rem 1rem
}

@media(min-width:700px) {
    .Yf5zL {
        padding: 0
    }
}

._3FiYg {
    grid-column: 1;
    grid-row: 1;
    z-index: 100
}

._3VXxf {
    display: flex;
    flex-direction: column;
    width: 100%
}

._2Fc1K {
    grid-column: 1;
    grid-row: 3;
    position: relative;
    z-index: 110
}

@media(min-width:700px) {
    ._3iFZd {
        bottom: 0;
        position: absolute
    }
}

._2nDUm {
    grid-gap: 10px;
    align-items: center;
    display: flex
}

@media(min-width:700px) {
    ._2nDUm {
        grid-gap: 14px
    }
}

.nP82K {
    margin: 0 auto;
    max-width: 1080px
}

@media(min-width:700px) {
    .nP82K {
        padding: 50px 40px 0
    }
}

.app[dir=rtl] ._2LZl6 {
    text-align: right
}

.app[dir=ltr] ._2LZl6 {
    text-align: left
}

._2LZl6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    width: 100%
}

@media(min-width:700px) {
    ._2LZl6 {
        font-size: 1.3rem
    }
}

.FZpIH {
    grid-gap: .5rem;
    display: grid
}

.LI3ZR {
    grid-gap: 1rem;
    display: grid
}

.uH5m4 {
    grid-template-rows: min-content minmax(0, 1fr);
    overflow-x: hidden;
    overflow-y: auto
}

@media(min-width:600px) {
    .LI3ZR {
        grid-gap: 1.5rem
    }
}

@media(max-height:500px) {
    .LI3ZR {
        grid-gap: .5rem
    }
}

.FQpeZ {
    align-content: center;
    display: grid;
    font-size: 1.188rem;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr);
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

@media(min-width:700px) {
    .uH5m4 {
        min-height: 450px;
        overflow: visible;
        width: 600px
    }

    .e4VJZ {
        grid-template-columns: min-content;
        grid-template-rows: min-content
    }
}

.jWza5 {
    position: relative
}

._863KE,
.jWza5 {
    height: 100%;
    width: 100%
}

._863KE {
    position: absolute
}

._35v0y ._1bemu {
    opacity: 1;
    transform: translateX(0)
}

._3DbUj {
    min-width: 150px;
    width: 100%
}

@media(max-width:500px) {
    .tooltip1 {
        font-size: 1rem
    }

    ._2orIw {
        --web-ui_button-font-size: 1.063rem !important;
        width: 100%
    }
}

._2R_o5.active,
._3C_oC.active {
    background: #ddf4ff;
    border-color: #84d8ff !important;
    color: #1899d6 !important
}

._3C_oC.active:before {
    border-color: #84d8ff !important;
    box-shadow: 0 2px 0 #84d8ff
}

._2NolF.active {
    background-color: #58cc02;
    border-color: #58a700;
    color: #fff
}

._2NolF.warning {
    background-color: #ffc800;
    border-color: #e7a601;
    color: #fff
}

.kVhsm {
    grid-gap: 16px;
    display: grid;
    grid-auto-flow: column
}

@media(min-width:700px) {
    .kVhsm {
        grid-template-columns: min-content 1fr
    }
}

._3pn9e {
    color: #4b4b4b;
    flex-direction: column;
    font-size: 19px;
    padding: 12px
}

._1RL1c {
    width: 100%
}

._3oxW8 {
    margin-top: -1rem;
    padding-right: .625rem
}

.beside-friends {
    content-visibility: visible;
    height: 100%;
    transform: translateZ(0);
    width: 100%
}

._11rtD {
    font-size: 18px;
    overflow: visible;
    padding: .375rem .75rem
}

._3JMPJ {
    grid-template-rows: min-content 1fr
}

._1lDmW {
    align-content: start;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content
}

@media(min-width:500px) {
    ._3EXrQ {
        align-self: center
    }

    ._12ZWa {
        display: block;
        margin: 15px 15px 0 21px
    }

    ._1x6Dk {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.875rem
    }

    ._2AOD4 {
        justify-self: start
    }

    ._2RC-4 {
        grid-gap: 1.5rem
    }

    ._1dBSx {
        margin-bottom: 1.5rem
    }

    ._3pn9e {
        padding: 1.5rem
    }

    ._1Ykml {
        height: 10rem
    }

    ._3pyWY {
        align-items: center
    }

    ._2ktpv {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important
    }

    .speaker-mobile {
        display: none
    }

    ._3oxW8 {
        margin-top: -24px
    }

    ._1lDmW {
        grid-template-rows: min-content 1fr
    }

    ._11rtD {
        padding: .75rem 1.5rem
    }

    ._2Uf-O {
        grid-template-columns: -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr;
        grid-template-rows: none
    }

    ._1KSs_ {
        width: 180px
    }

    ._2jUcI {
        align-self: center
    }

    ._3JMPJ {
        align-items: center;
        grid-template-columns: -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr;
        grid-template-rows: none
    }

    .V5wTd {
        cursor: pointer;
        padding: 20.5px 24px
    }

    .fvNJ1 {
        display: table-row
    }

    ._38esZ {
        height: 80px
    }

    .V3M4U {
        padding: 10px 12px
    }

    ._398AS {
        padding: 0
    }

    ._3fly_ {
        line-height: 64px
    }

    .xGDib {
        align-items: center;
        grid-template-columns: min-content 1fr;
        grid-template-rows: none
    }

    ._2k70e {
        order: 1
    }

    ._3CmzM {
        margin: 0 15px 0 0
    }

    .FKD2y {
        --web-ui_button-height: 100px;
        width: 100px
    }

    .mLXW5 {
        margin: -5px
    }

    ._3xyKe {
        margin: 5px
    }

    ._2lzAc {
        height: 75%;
        max-height: 600px;
        top: 50%;
        transform: translateY(-50%)
    }

    ._1UqAr {
        font-size: 17px
    }
}

._2RC-4 {
    grid-gap: 1rem
}

._2ktpv {
    grid-template-columns: repeat(2, 1fr)
}

._3e9O1 {
    background-color: rgb(var(--color-sea-sponge));
    color: rgb(var(--color-tree-frog))
}

._3Hb2o {
    height: 45px;
    width: 45px
}

._3BY4x {
    grid-gap: 1rem;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

._3IQqi {
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content
}

@media(min-width:700px) {
    ._3BY4x {
        align-items: center;
        grid-auto-flow: row
    }

    ._3IQqi {
        align-content: start;
        grid-template-rows: -webkit-min-content 1fr;
        grid-template-rows: min-content 1fr
    }

    ._2T5D2 {
        min-height: 8.75rem;
        padding: 0 2.5rem;
        width: 100%
    }
}

.GnyZd {
    grid-gap: 8px;
    display: grid
}

@media(min-width:700px) {
    .GnyZd {
        grid-gap: 16px;
        max-width: 400px;
        min-width: 320px
    }
}

._2ez4I {
    grid-gap: 5px;
    display: grid;
    grid-auto-flow: row;
    line-height: 22px
}

@media(min-width:700px) {
    ._2ez4I {
        grid-gap: 0;
        line-height: 26px
    }

    ._2CuNz {
        padding-left: 12px;
        padding-right: 30px
    }
}

._1x6Dk {
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

._2AOD4 {
    align-self: center
}

._3MD8I {
    grid-gap: 24px;
    display: grid;
    grid-auto-flow: column
}

._3HsTU {
    opacity: .7
}

._1-Ukw {
    grid-gap: .313rem;
    display: grid;
    grid-auto-flow: column;
    line-height: normal !important
}

.RnDo_ {
    color: #ea2b2b
}

.NAidc {
    background-color: #ff4b4b;
    border-color: #ea2b2b;
    color: #fff
}

.idlebtn {
    background-color: #e5e5e5;
    color: #afafaf
}

._3Lg1h {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCA2IDIiPjxwYXRoIGZpbGw9IiNhZmFmYWYiIGQ9Ik0wIDBoM3YySDB6Ii8+PC9zdmc+) 0 100% repeat-x
}

._13doy {
    cursor: default;
    display: inline;
    padding: 0 0 .25rem
}

._167HH,
._2Iqyl {
    display: inline-flex
}

._2Iqyl {
    border-bottom: 2px solid #afafaf;
    margin: 0 3px -2px;
    vertical-align: bottom
}

._167HH {
    width: 70px
}

._1y-0G {
    align-items: center;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr
}

.mb-space {
    margin-bottom: 80px
}

._3slGi {
    font-weight: 700
}

._1dBSx {
    margin-bottom: 16px
}

._1xFkr {
    display: flex;
    flex-direction: column
}

._1Ykml,
._1xFkr,
._3U3ZC {
    flex-grow: 1;
    width: 100%
}

._3U3ZC {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

._1Ykml {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 0 10px
}

._1bl79 {
    align-items: center;
    display: flex;
    justify-content: center
}

@media(max-width:699px) {
    ._2ktpv>:nth-child(3):last-child {
        grid-column: 1/span 2;
        margin: 0 auto;
        width: calc(50% - 4px)
    }
}

.HaQTI {
    text-align: center
}

@media(min-width:700px) {
    ._1bl79 {
        justify-content: flex-end
    }
}

._2_c8s {
    background: #f7f7f7;
    border: 2px solid #e5e5e5
}

._2rZQ5 {
    white-space: nowrap;
    width: 100%
}

._1ihC0 {
    min-width: 3.125rem
}

._37i3K {
    border-bottom: 2px solid #e5e5e5
}

.tooltip1 .tooltiptext1 {
    visibility: hidden
}

.tooltip1:hover .tooltiptext1 {
    visibility: visible
}

._1KUxv {
    background-color: #fff;
    border: .125rem solid #e5e5e5;
    border-radius: var(--web-ui_popover-border-radius, .938rem);
    box-sizing: border-box;
    transform: translateZ(0)
}

._1UVl- {
    margin-right: .5rem
}

._1UVl->.ite_X {
    left: -.813rem;
    transform: rotate(-90deg)
}

._1UVl->.ite_X,
._1UVl->.ite_Xright {
    margin: var(--web-ui_popover-border-radius, .938rem) 0
}

._1UVl->.ite_Xright {
    right: 6.7rem;
    top: 5.2rem;
    transform: rotate(90deg)
}

.ite_Xright {
    box-sizing: border-box;
    height: 10px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 20px
}

@media(min-width:360px)and (max-width:390px) {
    ._1UVl->.ite_Xright {
        right: 6.1rem
    }
}

@media(max-width:430px) {
    ._3GhCe {
        margin-top: 1.125rem
    }
}

@media(max-width:368px) {
    ._3GhCe {
        margin-top: 2.375rem
    }

    ._1UVl->.ite_Xright {
        right: 5.6rem
    }
}

@media(max-width:515px) {
    ._6Nozy {
        font-size: 1rem !important;
        padding: .5rem !important
    }
}

.ite_Xleft {
    height: .625rem;
    left: -.89rem;
    margin: var(--web-ui_popover-border-radius, .938rem) 0;
    overflow: hidden;
    position: absolute;
    top: 1.6rem;
    transform: rotate(269deg);
    width: 1.25rem
}

.d84Fd {
    display: grid;
    overflow: visible;
    text-align: initial
}

@media(min-width:700px) {
    .ite_Xleft {
        left: 119px;
        top: 102px
    }

    ._1UVl->.ite_Xright {
        margin: var(--web-ui_popover-border-radius, .938rem) 0;
        right: 7.4rem;
        top: 6.6rem;
        transform: rotate(90deg)
    }
}

._3ZPOL {
    height: 39px;
    margin-bottom: -2px
}

._1I13x ._1ZuR6 {
    height: 22px;
    width: 29px
}

._1ZuR6 {
    display: inline-block
}

._371Cf {
    float: left;
    margin: 0 10px 0 0
}

._1zSeg {
    align-self: start
}

._2Hg6H {
    line-height: 2.438rem
}

._qg8x {
    display: flex;
    flex-direction: column;
    min-height: 10.438rem
}

._2ti2i {
    background: #fff;
    border: .125rem solid #e5e5e5;
    color: #929292;
    text-align: initial
}

.st_Fn {
    line-height: 1.5rem
}

._1QDX9 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f7f7;
    border-color: #e5e5e5;
    border-radius: .625rem;
    padding: .625rem .75rem;
    width: 100%
}

.F2B9m {
    align-self: flex-end;
    aspect-ratio: 118/175;
    display: flex;
    flex-shrink: 0;
    line-height: 0;
    max-width: 7.125rem;
    width: 30%
}

._2zkz3 {
    margin-bottom: .75rem;
    margin-top: 1.5rem
}

._3mO3g {
    align-items: center;
    display: flex
}

.gcfYU {
    display: none;
    margin: 15px 0 0
}

._1OCDB {
    display: inline-block;
    padding: 0
}

._3f9XI {
    --web-ui_button-border-radius: 12px;
    --web-ui_button-height: 32px;
    --web-ui_button-padding: 0;
    margin: 0 4px 4px 0;
    text-transform: none !important;
    width: 32px
}

.FA030 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

._2EMUT {
    flex-grow: 1;
    resize: none
}

._1DQuH {
    height: 0
}

._3f_Q3 {
    display: block;
    flex-grow: 1
}

._2FKqf {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f7f7;
    border-color: #e5e5e5;
    border-radius: 10px;
    color: #262626;
    padding: 10px 12px;
    resize: none;
    width: 100%
}

._33vo_ {
    display: inline-block
}

.caPDQ {
    border-bottom: 0;
    border-top: 0;
    height: 0;
    padding-bottom: 0;
    padding-top: 0;
    visibility: hidden
}

._17nEt {
    background-color: #0000;
    border: 0;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0;
    caret-color: #1caff6;
    color: #3c3c3c;
    display: inline;
    padding: 0;
    text-align: center;
    text-overflow: ellipsis;
    width: 100px
}

._17nEt:focus {
    border-bottom-color: #1caff6
}

._17nEt1 {
    background-color: #0000;
    border: 0
}

.I9ZuQ,
._3D1I4 {
    display: flex;
    flex-direction: column
}

._3D1I4 {
    justify-content: center
}

._2Uf-O {
    align-items: center;
    grid-template-rows: 1fr -webkit-min-content;
    grid-template-rows: 1fr min-content
}

._1L8bD {
    display: flex;
    justify-content: space-evenly;
    min-width: 0
}

._1KSs_ {
    flex: 1;
    max-height: 180px;
    max-width: 180px;
    -o-object-fit: contain;
    object-fit: contain
}

._1KSs_,
._3dsyn {
    min-width: 0
}

._2CYoD {
    grid-gap: 8px;
    display: grid
}

._3qOhs {
    margin-right: 20%
}

._1eXoV {
    justify-content: flex-start
}

._3ZoSe {
    display: flex;
    flex-direction: row
}

._2t35G {
    flex: 0 0 22px;
    position: relative
}

._2t35G1 {
    transform: rotate(180deg)
}

._2t35G:after,
._2t35G:before {
    content: "";
    left: auto;
    position: absolute
}

._2t35G:before {
    border-right: 22px solid #e5e5e5;
    border-top: 22px solid #0000;
    right: -1px;
    top: 16px
}

._2t35G:after {
    border-right: 18px solid #f7f7f7;
    border-top: 18px solid #0000;
    right: -2px;
    top: 18px
}

._29e-M {
    background-color: #f7f7f7;
    border: 2px solid #e5e5e5;
    text-align: left
}

.CFyoZ {
    margin: 0 auto
}

._39MJv {
    border-radius: 16px;
    padding: 6px 12px
}

._2XgEJ {
    --web-ui_button-font-size: 17px;
    --web-ui_button-padding: 8px
}

._3zmEQ {
    display: none
}

._3EGtV {
    margin-left: 20%
}

._2sOtN {
    justify-content: flex-end
}

._21IEC {
    background-color: #ddf4ff;
    border: 2px solid #84d8ff;
    text-align: left
}

.bjjp9:before {
    border-right-color: #84d8ff
}

.bjjp9:after {
    border-right-color: #ddf4ff
}

._17DXh {
    background-color: #1899d6;
    color: #fff
}

._1x6bc {
    align-items: center;
    display: flex !important;
    justify-content: center;
    line-height: 0 !important;
    padding: 0 !important
}

._0Wim,
._0Wim:after {
    border-radius: 25% !important
}

.Ii_9b ._1ZuR6 {
    width: 50%
}

.Ii_9b {
    height: 100px;
    width: 100px
}

._3R7Gt {
    font-size: 9vw;
    font-weight: 700
}

@media(min-width:700px) {
    ._qg8x {
        min-height: 211px
    }

    .Ii_9b {
        height: 140px;
        width: 140px
    }

    ._3R7Gt {
        font-size: inherit;
        font-weight: inherit
    }
}

._17DXh:after {
    background-color: #1cb0f6
}

._3ry9w {
    grid-template-columns: repeat(2, 1fr)
}

._3C_oC:before {
    border-radius: var(--web-ui_card-border-radius, 12px);
    bottom: -2px;
    box-shadow: 0 2px 0 var(--__internal__border-color);
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: -1
}

._1Vrvu ._1ZuR6 {
    height: 22px;
    width: 40px
}

._3ANq3>:not(:last-child) {
    border-right: 2px solid #e5e5e5
}

._3ANq3>* {
    display: inline-flex
}

._3Ixn- {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    overflow: hidden;
    table-layout: fixed;
    width: 100%;
    word-break: break-word
}

.fvNJ1 {
    background: #f7f7f7;
    font-weight: 500
}

.V3M4U {
    outline: 1px solid #e5e5e5;
    padding: 12px;
    width: 50%
}

._1Nr7C {
    line-height: 32px
}

._1O_I2 {
    background: #f7f7f7;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: inline-flex;
    flex-direction: row
}

._1FEiz {
    margin: 8px 0 8px 12px
}

._3bKcr {
    margin: 8px 12px
}

table {
    border-collapse: unset !important;
    border-spacing: 0 !important
}

._1KUxvhint {
    background-color: #fff;
    border: .125rem solid #e5e5e5;
    border-radius: var(--web-ui_popover-border-radius, .938rem);
    box-sizing: border-box;
    overflow: hidden;
    transform: translateZ(0)
}

._2XlFZhint {
    margin-top: .5rem
}

._2XlFZhint>.ite_Xhint {
    margin: 0 var(--web-ui_popover-border-radius, .938rem);
    top: -.5rem
}

._3p5e9hint {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 2px;
    content: "";
    height: .884rem;
    left: 50%;
    transform: translateZ(0) rotate(45deg);
    transform-origin: top left;
    width: .884rem
}

._3p5e9hint,
.ite_Xhint {
    box-sizing: border-box;
    position: absolute
}

.ite_Xhint {
    height: 10px;
    overflow: hidden;
    width: 20px
}

._2O14Bhint {
    box-sizing: border-box;
    position: relative
}

._2_c8s,
._3JVfl {
    background: #f7f7f7
}

._37i3K:first-child ._2Gskp {
    border-top: 0
}

._3xnDt {
    border-left: 2px solid #e5e5e5
}

._3xnDt:first-child {
    border-left: 0
}

._1rooe {
    border-bottom: 2px solid #e5e5e5;
    font-size: 16px
}

._12fxT {
    font-size: 15px
}

.VfmZ1 {
    border-bottom: 0;
    border-top: 0;
    height: 0;
    line-height: 0;
    padding-bottom: 0;
    padding-top: 0;
    visibility: hidden
}

._3-6tM {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

._34k_q {
    cursor: pointer;
    position: relative
}

.ciX8q {
    cursor: default !important
}

.ciX8q,
.sgs9X {
    display: inline-flex
}

._1LQ5F,
.sgs9X {
    align-items: center
}

._1LQ5F {
    display: grid;
    justify-content: start
}

._2Yfwa {
    align-self: start;
    grid-column: 1;
    grid-row: 1;
    justify-self: end
}

.ZBgAa {
    grid-column: 2;
    grid-row: 1
}

._3yOsW {
    grid-column: 1;
    grid-row: 2
}

._1HxVp {
    border-top: 2px solid #e5e5e5
}

._1OQnu {
    row-gap: 32px
}

._2PLYW {
    position: relative
}

.Qwwbl {
    position: absolute
}

.Qwwbl,
._1uasP,
._349xo {
    height: 100%;
    width: 100%
}

._1uasP {
    position: relative
}

._1gBvQ {
    height: calc(60px + var(--token-extra-height))
}

._15J0U {
    --token-extra-height: 0px;
    border-bottom: 2px solid #e5e5e5;
    width: 100%
}

._349xo {
    overflow: hidden
}

.PcKtj,
._1_wIY {
    display: flex;
    flex-wrap: wrap
}

.PcKtj {
    position: absolute;
    top: 0
}

._3Lqi- {
    display: flex;
    flex-wrap: wrap
}

._1_wIY,
._3Lqi- {
    justify-content: center
}

._1_wIY {
    width: 100%
}

._1yW4j {
    height: calc(3.75rem + var(--token-extra-height));
    margin-left: .25rem;
    margin-right: .25rem
}

._2LmyT {
    --token-extra-height: 0px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center
}

._1O290 {
    color: #4b4b4b;
    --web-ui_button-filter-hover: none;
    --web-ui_button-height: auto;
    --web-ui_button-line-height: 1.15;
    flex-shrink: 0;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    text-transform: none !important
}

._1cnOk {
    margin: 0 auto
}

._3L7Fu {
    align-items: flex-end;
    display: flex
}

._3nOBS {
    height: 100px;
    width: 100px
}

._3nOBS ._1ZuR6 {
    width: 50%
}

._1Uoqa ._1ZuR6 {
    width: 60%
}

.app[dir=rtl] ._227Cd {
    margin-left: 16px
}

.app[dir=ltr] ._227Cd {
    margin-right: 16px
}

.tVzIv {
    display: block
}

._3IcNx {
    grid-row-gap: 24px
}

.JSl9i,
._1DaLk {
    margin-left: 2px;
    margin-right: 2px
}

._1Uoqa {
    height: 70px;
    width: 70px
}

._1nlVc,
._1nlVc:after {
    border-radius: 1rem
}

._3Z2cE {
    background: none
}

._3Z2cE:after {
    background-color: #fff;
    border-color: #e5e5e5
}

.sJl8N {
    --web-ui_button-background-color: #0000
}

.sJl8N:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxtYXNrIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLjI1IDBIMXYzSC4yNXoiLz48cGF0aCBkPSJNLjI1IDBILjJsLjYuNS0uNi41LjYuNS0uNi41LjYuNS0uNi41Ii8+PC9tYXNrPjwvZGVmcz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDF2M0gweiIgbWFzaz0idXJsKCNhKSIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2U1ZTVlNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIuMiIgZD0iTS4yNSAwSC4ybC42LjUtLjYuNS42LjUtLjYuNS42LjUtLjYuNWgwIi8+PC9zdmc+);
    background-size: 100% 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px
}

.sJl8N,
.sJl8N:before {
    border-bottom-left-radius: 0 !important;
    border-left: none !important;
    border-top-left-radius: 0 !important
}

.sJl8N:before {
    background: linear-gradient(90deg, #0000, #0000 8px, #fff 0);
    left: 0 !important
}

._6Nozy {
    font-size: 1.188rem;
    padding: .75rem 1rem
}

._6Nozy.sJl8N {
    --web-ui_button-padding: 12px 16px 12px 12px
}

._1_ZMU {
    display: grid;
    line-height: 24px;
    margin-bottom: 2px
}

._1LQx7 {
    display: flex;
    grid-column: 1;
    grid-row: 1
}

._3dRoN {
    border-right-width: 0 !important;
    color: #4b4b4b;
    flex-shrink: 0;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    line-height: 1.15 !important;
    margin-right: -3px;
    position: relative;
    text-transform: none !important;
    z-index: 1
}

._3dRoN:after {
    border-bottom-right-radius: 0 !important;
    border-right-width: 0 !important;
    border-top-right-radius: 0 !important;
    right: 0 !important
}

._3dRoN:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2U1ZTVlNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLXdpZHRoPSIuMiIgZD0iTS4yNSAwSC4ybC42LjUtLjYuNS42LjUtLjYuNS42LjUtLjYuNWgwIi8+PC9zdmc+);
    background-size: 100% 100%;
    content: "";
    height: 100%;
    position: absolute;
    right: -5px;
    top: 0;
    width: 8px
}

._2CJgg {
    font-size: 19px !important;
    padding-right: 8px !important
}

._3fly_ {
    line-height: 48px
}

._37Ydt {
    padding: 0 12px 0 10px
}

._2UpLr {
    height: 39px;
    width: 39px
}

._2UpLr ._1ZuR6 {
    height: 16px;
    width: 20px
}

._1lOuO {
    display: flex
}

._3XvZO,
.lxo31 {
    --web-ui_button-background-color: #1cb0f6;
    --web-ui_button-border-color: #1899d6;
    --web-ui_button-color: #fff
}

._2NolF22:before {
    background-color: var(--web-ui_button-background-color, #1cb0f6);
    border-radius: var(--__internal__border-radius);
    bottom: 0;
    box-shadow: 0 var(--__internal__lip-width) 0 var(--web-ui_button-border-color, #0f8eca);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

._2NolF22 {
    --__internal__border-radius: var(--web-ui_button-border-radius, 0.75rem);
    --__internal__lip-width: 0.25rem;
    background: none;
    border: 0 solid #0000;
    border-bottom: var(--__internal__lip-width) solid #0000;
    color: var(--web-ui_button-color, #fff);
    height: var(--web-ui_button-height, 3.125rem);
    padding: var(--web-ui_button-padding, 0 1rem);
    transition: filter .2s
}

._2NolF22,
._2NolF23:before {
    border-radius: var(--__internal__border-radius)
}

._2NolF23:before {
    background-color: #2c6fc6;
    bottom: 0;
    box-shadow: 0 var(--__internal__lip-width) 0 #1c4b88;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

._2NolF23 {
    --__internal__border-radius: var(--web-ui_button-border-radius, 0.75rem);
    --__internal__lip-width: 0.25rem;
    background: none;
    border: 0 solid #0000;
    border-bottom: var(--__internal__lip-width) solid #0000;
    border-radius: var(--__internal__border-radius);
    color: var(--web-ui_button-color, #fff);
    height: var(--web-ui_button-height, 3.125rem);
    padding: var(--web-ui_button-padding, 0 1rem);
    transition: filter .2s
}

._1Ij3C {
    flex: 0 1 550px
}

.mLXW5 {
    -moz-column-gap: 20px;
    column-gap: 20px;
    flex: 0 1 500px;
    flex-wrap: nowrap;
    margin: -2px
}

._3_8qR,
.mLXW5 {
    display: flex;
    justify-content: center
}

._2eHne {
    display: flex;
    flex-direction: column;
    width: 100%
}

._3xyKe {
    display: inline-grid;
    height: 58px;
    margin: 2px
}

._6Nozy.edf-m {
    --web-ui_button-padding: 12px 30px 12px 58px
}

._6Nozy.edf-m ._2TrnF {
    left: 16px
}

._3f1Bj {
    height: 19px;
    width: 24px
}

._1yRIl {
    margin-left: 12px
}

._1yRIl,
.deactive {
    pointer-events: none
}

.deactive {
    background-color: #e5e5e5;
    color: #e5e5e5
}

.active,
.active1 {
    color: #000
}

.active1 {
    visibility: initial !important
}

.btnwidth {
    width: -webkit-fill-available
}

.topborder {
    border-top: 2px solid #e5e5e5
}

._1bkpY {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCA2IDIiPjxwYXRoIGZpbGw9IiNmZjlkMDAiIGQ9Ik0wIDBoM3YySDB6Ii8+PC9zdmc+) 0 100% repeat-x;
    color: #ff9d00
}

._1gad7 {
    display: inline-flex;
    margin-bottom: 5px;
    margin-top: 5px;
    vertical-align: middle
}

._1Bh_M {
    display: grid;
    margin-bottom: 2px
}

._2Hlc9 {
    visibility: hidden
}

._2Z2xv {
    grid-column: 1;
    grid-row: 1;
    justify-self: center
}

.wm1bO {
    text-align: center
}

._1HA7Y,
.wm1bO {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._1HA7Y {
    align-items: center;
    height: 100%;
    position: relative
}

._3PeuJ {
    margin-bottom: 2;
    width: 100%
}

.GMVb4 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 24px auto 0;
    max-width: 300px
}

._1hddL {
    margin-top: -33px
}

._2lzAc {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 26.688rem;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

._2IFQ2,
.nohr8 {
    height: 552px;
    width: 400px
}

.nohr8 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

._1Gexl {
    left: 60%;
    transform: translateX(-50%)
}

._1cjHm {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%
}

._1nIKu {
    font-weight: 700;
    padding: 16px;
    text-overflow: ellipsis
}

._2zguy>.ite_X {
    margin: 0 15px;
    top: calc(100% - 2px);
    transform: rotate(180deg)
}

.app[dir=rtl] ._1UqAr {
    text-align: end
}

.app[dir=ltr] ._1UqAr {
    text-align: start
}

._1UqAr {
    direction: ltr;
    font-size: 16px;
    font-weight: 500 !important
}

._1u49Q {
    background: #ffc800;
    border-color: #e7a601;
    color: #fff
}

@media(orientation:portrait) {
    .board {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(6, 1fr);
        margin: 0 auto;
        max-width: 1200px;
        grid-gap: 1vw
    }
}

.rightactive {
    background: #e3ffdd;
    color: rgba(94, 144, 89, .769)
}

.rightactive:before {
    border: 2px solid rgba(111, 176, 100, .549) !important;
    box-shadow: 0 2px 0 rgba(111, 176, 100, .549) !important
}

.wrongactive {
    background: #fdd;
    color: #d61818
}

.wrongactive:before {
    border: 2px solid #ff8484 !important;
    box-shadow: 0 2px 0 #ff8484 !important
}

.idleactive {
    background: #fff;
    color: #4b4b4b
}

.disableactive {
    background-color: #fff !important;
    color: #e5e5e5 !important
}

.disableactive:before {
    border: 2px solid #e5e5e5 !important;
    box-shadow: none
}

.selected {
    background-color: #ddf4ff !important;
    color: #1899d6 !important
}

.selected:before {
    border: 2px solid #84d8ff !important;
    box-shadow: 0 2px 0 #84d8ff !important
}

._21yiM {
    bottom: 0;
    left: 50%;
    max-width: 600px;
    transform: translateX(-50%)
}

._1giII {
    display: flex;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.I9WJl {
    background-position: center 5px
}

._2Pb9t {
    max-width: 400px
}

._1CzST {
    font-size: 19px;
    line-height: 1.4;
    padding: 12px 24px
}

.ite_Xleg {
    height: 10px;
    margin: var(--web-ui_popover-border-radius, 15px) 0;
    overflow: hidden;
    position: absolute;
    right: 234px;
    top: 33px;
    transform: rotate(87deg);
    width: 20px
}

._3FAc4 {
    grid-gap: .5rem 1rem;
    align-items: center;
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 100%;
    justify-items: stretch
}

.mt-end {
    margin-top: 360px
}

@media(min-width:700px) {
    ._3FAc4 {
        align-items: center;
        grid-auto-rows: auto;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 100%;
        justify-content: space-between
    }

    .mt-end {
        margin-top: 400px
    }
}

@media(min-width:1000px) {
    .app[dir=rtl] ._2T5D2 {
        margin-right: calc(50% - 500px)
    }

    .app[dir=ltr] ._2T5D2 {
        margin-left: calc(50% - 500px)
    }
}

@media(max-width:600px) {
    .V5wTd {
        cursor: pointer;
        padding: 20.5px 24px
    }

    ._2VrUB {
        display: none
    }
}

._2T5D2 {
    -webkit-touch-callout: none;
    max-width: 62.5rem;
    position: relative;
    touch-action: none
}

._3DKa- {
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-name: OjBqO;
    animation-timing-function: cubic-bezier(.35, 1.8, .35, .83)
}

._1jLeA {
    align-items: center;
    grid-template-rows: min-content 1fr
}

._2kgY1 {
    grid-template-rows: repeat(2, min-content) 1fr
}

.v230V {
    margin: 0 auto
}

._1KcR7 {
    max-height: 180px;
    max-width: 180px;
    -o-object-fit: contain;
    object-fit: contain
}

._2n18_ {
    grid-column: 1/-1
}

._1tuLI {
    bottom: 0;
    margin: 0 -16px;
    padding: 24px 16px 72px
}

._1tuLI,
._1tuLI:after {
    left: 0;
    position: absolute;
    right: 0
}

._1tuLI:after {
    background-color: inherit;
    color: inherit;
    content: "";
    height: 100vh;
    top: 100%;
    width: 100%
}

@media(min-width:700px) {
    ._1tuLI {
        animation-name: none !important;
        display: flex;
        flex-direction: column;
        grid-column: 1/5;
        justify-content: center;
        margin: 0;
        min-height: 140px;
        padding: 16px 0;
        position: relative
    }
}

.cantListen {
    grid-column: 5/auto;
    justify-self: end
}

@media(min-width:700px) {
    ._3EXrQ {
        align-self: center
    }

    ._2VrUB {
        background: rgb(var(--color-snow));
        border-radius: 98px;
        display: block;
        float: left;
        height: 80px;
        width: 80px
    }
}

._3UpNo {
    opacity: 1
}

.hintresponsive {
    inset: 0 auto auto 0;
    z-index: 150
}

._2PZ8z {
    border-bottom: 2px solid rgb(var(--color-swan))
}

._2h7SO {
    margin-bottom: -4px;
    margin-top: -16px
}

@media(min-width:700px) {
    ._2h7SO {
        margin-top: -24px
    }

    .bigmarg {
        margin-top: 300px
    }
}

._1_qWm {
    margin-top: 40px
}

._1pEmg {
    align-items: center;
    display: flex
}

.hA1_6 {
    height: 22px;
    width: 23px
}

.app[dir=rtl] ._1O2Z6 {
    margin-left: 8px
}

.app[dir=ltr] ._1O2Z6 {
    margin-right: 8px
}

._2SU00 {
    color: #ff4b4b
}

._3yAjN {
    font-size: .938rem;
    font-weight: 700;
    letter-spacing: .05rem
}

@media(max-width:768px) {
    .mobile-hint-table {
        max-width: 90%
    }
}

._2XlFZhi {
    font-size: .938rem;
    margin-right: 1.563rem;
    width: 5rem
}

.expanding-input {
    box-sizing: border-box;
    max-width: 31.25rem
}

.eGCMg {
    grid-row: 1/3
}

@media(min-width:700px) {
    ._2NOkh {
        margin-bottom: 0
    }
}

._2NOkh {
    margin-bottom: 12px
}

._1Zwon {
    display: flex;
    flex: 1 1 0;
    overflow-x: hidden;
    overflow-y: auto
}

.SOEyJ ._1jZrU {
    width: 100%
}

@media(max-width:1020px) {
    ._1jZrU {
        width: 100%
    }
}

@media(min-width:700px) {
    ._1jZrU {
        min-width: 640px;
        overflow: hidden;
        width: 50%
    }
}

._1jZrU {
    overflow-x: hidden
}

._2TPy4 {
    color: #3c3c3c;
    font-size: 20px;
    font-weight: 700
}

@media(min-width:700px) {
    ._2TPy4 {
        color: #3c3c3c;
        font-size: 24px;
        font-weight: 700
    }
}

._2TPy4 {
    line-height: 1.2
}

._1m19J {
    width: 260px
}

._CDfV {
    grid-template-rows: min-content 1fr
}

._1C_S3 {
    display: grid;
    grid-auto-rows: 120px
}

@media(min-width:700px) {
    ._1C_S3 {
        display: grid;
        grid-auto-rows: 1fr
    }

    ._1m19J {
        width: 412px
    }

    ._CDfV {
        align-content: center;
        grid-template-rows: none
    }
}

.r37iz {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

._13TEM {
    --web-ui_button-height: 70px;
    align-self: flex-start;
    width: 100%
}

.app[dir=rtl] ._2VMOp {
    margin-left: 12px
}

.app[dir=ltr] ._2VMOp {
    margin-right: 12px
}

._2VMOp {
    height: 25px
}

._2N_A5 {
    --__internal__background-color: var(--web-ui_button-background-color, rgb(var(--color-macaw)));
    --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled, rgb(var(--color-swan)));
    --__internal__border-color: var(--web-ui_button-border-color, rgb(var(--color-whale)));
    --__internal__border-radius: var(--web-ui_button-border-radius, 12px);
    --__internal__color: var(--web-ui_button-color, rgb(var(--color-snow)));
    --__internal__color-active: var(--web-ui_button-color-active, var(--__internal__color));
    --__internal__color-disabled: var(--web-ui_button-color-disabled, rgb(var(--color-hare)));
    --__internal__filter-hover: var(--web-ui_button-filter-hover, brightness(1.1));
    --__internal__height: var(--web-ui_button-height, 50px);
    --__internal__lip-width: 4px;
    --__internal__padding: var(--web-ui_button-padding, 0 16px);
    background: none;
    border-color: #0000;
    border-radius: var(--__internal__border-radius);
    border-style: solid;
    border-width: 0 0 var(--__internal__lip-width);
    color: var(--__internal__color);
    height: var(--__internal__height);
    padding: var(--__internal__padding);
    transition: filter .2s, transform var(--web-ui_button-transition-lip)
}

._2N_A5:before {
    background-color: var(--__internal__background-color);
    border-radius: var(--__internal__border-radius);
    bottom: 0;
    box-shadow: 0 var(--__internal__lip-width) 0;
    color: var(--__internal__border-color);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow var(--web-ui_button-transition-lip);
    z-index: -1
}

.pinkClass {
    color: #ec88ff
}

.anim-but button:disabled {
    pointer-events: all
}

.anim-but button:disabled:active {
    animation: shake .5s ease-in-out
}

@keyframes shake {

    0%,
    to {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-5px)
    }

    50% {
        transform: translateX(5px)
    }

    75% {
        transform: translateX(-5px)
    }
}

.gas {
    align-items: center;
    background-color: #fff;
    border: 2px solid #c9c8c6;
    border-radius: 12px;
    display: flex;
    padding: .3rem
}

.symbol {
    height: 30px;
    width: 35px
}

.plus-color-speak {
    background: #3c4dff;
    border-color: #2032e2;
    color: #fff
}

@media(max-width:460px) {
    .eye-pass {
        left: 41px !important;
        top: 260px !important
    }
}

.input {
    background-color: inherit;
    border: none;
    font-size: 1rem;
    font-weight: 300;
    padding: 7px 0;
    width: 100%
}

i {
    color: #0000004d;
    width: 10%
}

.forgotpass {
    cursor: pointer
}

.text-countdown {
    color: #000;
    font-size: .8rem;
    margin-left: 4px
}

.eye-pass {
    cursor: pointer;
    font-size: 16px;
    left: 59px;
    position: absolute;
    top: 289px
}

.eye-pass i {
    color: #282828
}

._3lxh2 {
    flex-grow: 1;
    max-width: 800px;
    padding: 0 10px;
    width: 100%
}

._4g7CC,
.jnHDq {
    font-weight: 700
}

.jnHDq {
    grid-gap: 13px;
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media(min-height:740px) {
    ._3FavH {
        margin-right: 16px
    }

    .XH783 {
        padding: 18px 16px
    }
}

@media(min-height:481px) {
    .XH783 {
        padding: 10px 12px
    }
}

.XH783 {
    align-items: center;
    color: rgb(var(--color-eel));
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 12px
}

._3FavH {
    display: block;
    height: 80px;
    margin: 0 auto 10px;
    width: 80%
}

._1ntOW {
    flex-grow: 1;
    max-width: 600px;
    padding: 0 10px;
    width: 100%
}

._1niBE {
    display: flex
}

._3wdmr {
    flex-grow: 1;
    font-weight: 700;
    text-align: right
}

._2QjSA {
    flex-grow: 1;
    text-align: left
}

@media(min-width:700px) {
    .vSmYc {
        min-height: 70px
    }

    .zjpsS {
        padding: 24px 0
    }

    .VJQfL {
        padding: 0 10px
    }
}

.zjpsS {
    background: rgb(var(--color-snow));
    top: 0
}

.vSmYc {
    height: auto;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 210
}

._1F_pn {
    padding: 0 12px 0 0
}

.VJQfL {
    display: flex;
    margin: 0 auto;
    max-width: 1140px;
    position: relative
}

._1PPqZ {
    margin: 18px 0 18px 42px;
    width: 100%
}

@media(max-width:640px) {
    .jnHDq {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: 10px
    }

    .DYCFd {
        font-size: 24px !important
    }

    ._3lxh2 {
        padding: 0 40px !important
    }

    ._1PPqZ {
        margin: 18px 10px 26px 20px
    }
}

@media(max-width:520px) {
    .jnHDq {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 10px
    }

    .DYCFd {
        font-size: 20px !important
    }

    ._3lxh2 {
        padding: 0 40px !important
    }

    ._1PPqZ {
        margin: 18px 10px 26px 20px
    }
}

@media(max-width:421px) {
    .DYCFd {
        font-size: 16px !important;
        margin: 43px -14px 24px -7px !important
    }

    ._18aNm {
        font-size: 14px !important
    }
}

@media(max-width:362px) {
    .DYCFd {
        font-size: 16px !important
    }
}

* {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:root {
    --hue: 223;
    --bg: hsl(var(--hue), 90%, 10%);
    --fg: hsl(var(--hue), 90%, 90%);
    --trans-dur: 0.3s
}

.body-intro {
    background-color: var(--bg);
    color: var(--fg);
    display: grid;
    font-size: calc(14.66667px + .41667vw);
    font: 1em/1.5 sans-serif;
    height: 100vh;
    place-items: center;
    transition: background-color var(--trans-dur), color var(--trans-dur)
}

.smiley {
    height: 8em;
    width: 8em
}

.smiley__eye1,
.smiley__eye2,
.smiley__mouth1,
.smiley__mouth2 {
    animation: eye1 3s ease-in-out infinite
}

.smiley__eye1,
.smiley__eye2 {
    transform-origin: 64px 64px
}

.smiley__eye2 {
    animation-name: eye2
}

.smiley__mouth1 {
    animation-name: mouth1
}

.smiley__mouth2 {
    animation-name: mouth2;
    visibility: hidden
}

@keyframes eye1 {
    0% {
        transform: rotate(-260deg) translateY(-56px)
    }

    50%,
    60% {
        animation-timing-function: cubic-bezier(.17, 0, .58, 1);
        transform: rotate(-40deg) translateY(-56px) scale(1)
    }

    to {
        transform: rotate(225deg) translateY(-56px) scale(.35)
    }
}

@keyframes eye2 {
    0% {
        transform: rotate(-260deg) translateY(-56px)
    }

    50% {
        transform: rotate(40deg) translateY(-56px) rotate(-40deg) scale(1)
    }

    52.5% {
        transform: rotate(40deg) translateY(-56px) rotate(-40deg) scaleY(0)
    }

    55%,
    70% {
        animation-timing-function: cubic-bezier(0, 0, .28, 1);
        transform: rotate(40deg) translateY(-56px) rotate(-40deg) scale(1)
    }

    to {
        transform: rotate(150deg) translateY(-56px) scale(.4)
    }
}

@keyframes eyeBlink {

    0%,
    25%,
    75%,
    to {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(0)
    }
}

@keyframes mouth1 {
    0% {
        animation-timing-function: ease-in;
        stroke-dasharray: 0 351.86;
        stroke-dashoffset: 0
    }

    25% {
        animation-timing-function: ease-out;
        stroke-dasharray: 175.93 351.86;
        stroke-dashoffset: 0
    }

    50% {
        animation-timing-function: step-start;
        stroke-dasharray: 175.93 351.86;
        stroke-dashoffset: -175.93;
        visibility: visible
    }

    75%,
    to {
        visibility: hidden
    }
}

@keyframes mouth2 {
    0% {
        animation-timing-function: step-end;
        visibility: hidden
    }

    50% {
        animation-timing-function: ease-in-out;
        visibility: visible;
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: -351.86
    }
}

.back-button {
    align-items: center;
    display: flex;
    gap: 5px;
    left: 15px;
    position: absolute;
    top: 15px
}

.sub-btn {
    display: flex;
    flex-direction: column
}

.spinner-border {
    --bs-spinner-width: 1.2rem !important;
    --bs-spinner-height: 1.2rem !important
}

.form-container h1 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.overlay-register p {
    font-size: 14px;
    font-weight: 100;
    letter-spacing: .5px;
    line-height: 20px;
    margin: 20px 0 30px
}

.container-register span {
    font-size: 12px
}

.container-register a {
    color: #333;
    font-size: 14px;
    margin: 15px 0;
    text-decoration: none
}

.container-register button {
    background-color: #ff4b2b;
    border: 1px solid #ff4b2b;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 20px;
    padding: 12px 45px;
    transition: transform 80ms ease-in
}

.container-register button:active {
    transform: scale(.95)
}

.container-register button:focus {
    outline: none
}

.container-register button.ghost {
    background-color: #0000;
    border-color: #fff
}

._1M9iF:before {
    background-color: #ff4b2b;
    border-radius: var(--__internal__border-radius);
    bottom: 0;
    box-shadow: 0 4px 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow var(--web-ui_button-transition-lip);
    z-index: -1
}

.container-register form {
    align-items: center;
    background-color: #fff;
    direction: rtl;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 50px;
    text-align: center
}

.container-register input {
    background-color: #eee;
    background: none;
    border: none;
    box-sizing: border-box;
    caret-color: rgb(var(--color-macaw));
    color: var(--web-ui_input-color, rgb(var(--color-eel)));
    font: var(--text-body-weight) var(--text-body-size)/var(--text-body-line-height) din-round, sans-serif;
    font-size: var(--web-ui_input-font-size, var(--text-body-size));
    height: 35px;
    letter-spacing: var(--text-body-letter-spacing);
    line-height: var(--web-ui_input-line-height, 28px);
    margin: 8px 0;
    min-width: 0;
    outline: none;
    padding: var(--web-ui_input-padding, 8px 6px 8px 14px);
    text-transform: var(--text-body-casing);
    width: 100%
}

.container-register {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 14px 28px #00000040, 0 10px 10px #00000038;
    inset: 0;
    margin: auto;
    max-height: 570px;
    max-width: 100%;
    max-width: 100vw;
    min-height: 480px;
    overflow: hidden;
    position: relative;
    position: fixed;
    width: 700px
}

@media(min-width:768px) {
    .container-register {
        width: 768px
    }
}

@media(max-width:520px) {
    .overlay-container-register {
        display: none
    }

    .sign-in-container {
        width: 100% !important
    }

    .container-register {
        box-shadow: none
    }

    .container-register form {
        padding: 0 30px
    }

    .form-container h1 {
        font-size: 25px
    }

    ._1M9iF span {
        font-size: 15px
    }

    .sigin-btn {
        font-size: 16px !important
    }
}

.form-container {
    height: 100%;
    position: absolute;
    top: 0
}

.sign-in-container {
    left: 0;
    width: 50%;
    z-index: 2
}

@media(min-width:768px) {
    .container-register.right-panel-active .sign-in-container {
        transform: translateX(100%)
    }

    .sign-up-container {
        left: 0;
        opacity: 0;
        width: 50%;
        z-index: 1
    }

    .container-register.right-panel-active .sign-up-container {
        animation: show .6s;
        opacity: 1;
        transform: translateX(100%);
        z-index: 5
    }
}

@keyframes show {

    0%,
    49.99% {
        opacity: 0;
        z-index: 1
    }

    50%,
    to {
        opacity: 1;
        z-index: 5
    }
}

.overlay-container-register {
    height: 100%;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: transform .6s ease-in-out;
    width: 50%;
    z-index: 100
}

.container-register.right-panel-active .overlay-container-register {
    transform: translateX(-100%)
}

.overlay-register {
    background: #ff416c;
    background: -webkit-linear-gradient(90deg, #ff4b2b, #ff416c);
    background: linear-gradient(90deg, #ff4b2b, #ff416c);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 100%;
    left: -100%;
    position: relative;
    transform: translateX(0);
    transition: transform .6s ease-in-out;
    width: 200%
}

.container-register.right-panel-active .overlay-register {
    transform: translateX(50%)
}

.overlay-panel-register {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0 40px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translateX(0);
    transition: transform .6s ease-in-out;
    width: 50%
}

.overlay-left-register {
    direction: rtl;
    transform: translateX(-20%)
}

.container-register.right-panel-active .overlay-left-register {
    transform: translateX(0)
}

.overlay-right-register {
    direction: rtl;
    right: 0;
    transform: translateX(0)
}

.container-register.right-panel-active .overlay-right-register {
    transform: translateX(20%)
}

::placeholder {
    font-size: 14px
}

.error-msg {
    font-size: 12px;
    text-align: start;
    width: 100%
}

.font-size-sms {
    font-size: 18px !important
}

._-_ei {
    margin-top: 18px;
    width: 100%
}

._3nbuA {
    background: rgb(var(--color-polar));
    border: 2px solid rgb(var(--color-swan));
    border-radius: 12px;
    display: flex;
    overflow: hidden
}

._3nbuA:focus-within:not(._3F8wa),
input[type=email],
input[type=password],
input[type=radio],
input[type=search],
input[type=tel] {
    border-color: #ff4b2b
}

._1QN-w {
    margin-top: 20px;
    width: 100%
}

._2t5Dr {
    color: rgb(var(--color-eel));
    font-size: 15px;
    margin-top: 36px
}

._2t5Dr,
._8Lfek a,
._8Lfek b {
    font-weight: 700
}

._319hG {
    color: #ff4b2b;
    cursor: pointer;
    font-size: 15px !important;
    margin-right: 5px
}

._2ez3E {
    direction: rtl;
    display: flex;
    flex-direction: column
}

._3L2FE {
    background: #fff;
    border-bottom: 2px solid #0000;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

.lZqWH {
    align-items: center;
    display: flex;
    height: 70px;
    justify-content: center;
    padding: 0 15px
}

._1KFhV {
    height: 38px;
    width: 161px
}

@media(min-width:768px) {
    ._1KFhV {
        height: 42px;
        width: 179px
    }

    .lZqWH {
        padding: 0 40px
    }
}

._6FUIZ {
    background: #fff
}

._3txgr {
    min-height: calc(100vh - var(--onetrust-banner-height, 0px));
    padding: 48px 0;
    position: relative;
    z-index: 1
}

._3lUx6,
._3txgr {
    align-items: center;
    display: flex
}

._3lUx6 {
    margin: 12px auto;
    padding: 40px;
    text-align: center
}

._3txgr>._3lUx6 {
    margin: 0 auto
}

._1x7fC {
    color: rgb(var(--color-black));
    margin-top: 50px;
    max-width: 932px;
    padding: 0 40px;
    width: 100vw
}

._3P7Od {
    color: #4b4b4b;
    font-size: 25px;
    font-weight: 600
}

@media(max-width:530px) {
    ._1x7fC {
        padding: 0;
        width: 100%
    }

    ._3P7Od {
        font-size: 22px
    }
}

@media(max-width:1065px) {
    ._3lUx6 {
        flex-direction: column;
        padding: 24px 12px;
        width: 100%
    }

    ._3txgr {
        overflow: hidden;
        padding: 40px 10px !important
    }

    ._1x7fC {
        padding: 0 24px;
        width: 100%
    }
}

.container-register.no-transition *,
.container-register.no-transition :after,
.container-register.no-transition :before {
    animation: none !important;
    transition: none !important
}

.screen-darken {
    background-color: #00000080;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    visibility: visible;
    z-index: 10
}

.navbar {
    position: relative;
    z-index: 15
}

.rate-limit-modal {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    padding: 0
}

.rlm-wrap {
    padding: 22px 20px 18px;
    text-align: center
}

.rlm-icon {
    align-items: center;
    background: #fee2e2e6;
    border-radius: 999px;
    display: flex;
    font-size: 30px;
    height: 62px;
    justify-content: center;
    margin: 0 auto 10px;
    width: 62px
}

.rlm-title {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 6px
}

.rlm-text {
    color: #4b5563;
    direction: rtl;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 14px
}

.rlm-btn {
    background: #22c55e;
    border: none;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    padding: 10px 0;
    transition: transform .05s ease-out;
    width: 100%
}

.rlm-btn:active {
    transform: translateY(1px)
}

.skill-2 {
    margin: 0 auto
}

.skill-1 {
    position: relative;
    width: 6.625rem
}

.skill-frame {
    cursor: pointer
}

.skill-divider {
    align-items: center;
    color: #3c3c3c;
    display: flex;
    flex-direction: column;
    text-align: center;
    vertical-align: top
}

.skill-circle {
    width: 100%
}

.skill-circle-inner {
    position: relative
}

.skill-progress {
    transform: rotate(135deg)
}

.dCCic {
    height: 100%;
    left: 0;
    padding: 12px;
    top: 0;
    width: 100%
}

._3Sv-w,
.dCCic {
    position: absolute
}

._3Sv-w {
    border-radius: 50%;
    height: 68%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68%
}

._3a8EI {
    display: inline-block
}

._17z4M {
    backface-visibility: hidden;
    border-radius: 50%;
    overflow: hidden;
    transform: translateZ(0)
}

._50MDd {
    background-color: #e5e5e5
}

.svg {
    height: 100%;
    transform: translateZ(0);
    width: 100%
}

._17NNA,
.eU0Q4 {
    pointer-events: none
}

._17NNA {
    bottom: 0;
    display: flex;
    height: 38%;
    justify-content: center;
    position: absolute;
    right: -3%;
    width: 38%
}

._1swBH {
    font-size: 14.84px;
    width: 80%
}

._2-dXY {
    align-items: center;
    display: flex;
    margin-right: 4px;
    position: relative
}

.Mr3if {
    color: #3c3c3c
}

._2OhdT {
    font-weight: 700;
    margin-top: 8px;
    text-align: center
}

.back-to-top {
    border-radius: 50%;
    bottom: 100px;
    cursor: pointer;
    font-size: 20px;
    line-height: 40px;
    position: fixed;
    right: 20px;
    text-align: center;
    transition: opacity .4s ease-in-out
}

.back-to-top,
.back-to-top:before {
    background-color: #fff
}

._15jmy {
    --web-ui_button-height: 52px;
    --web-ui_button-padding: 0;
    width: 52px
}

.fs2FI {
    height: 20px;
    width: 18px
}

.back-to-top.hidden {
    opacity: 0;
    visibility: hidden
}

.lomo-maintaince-font {
    font-size: 20px
}

@media(max-width:780px) {
    .lomo-maintaince-font {
        font-size: 16px
    }

    .skill-1 {
        position: relative;
        width: 26vw
    }

    .alignLeft {
        left: 132% !important
    }

    .arrowLeft {
        left: calc(22% - var(--web-ui_popover-border-radius, 15px)) !important
    }

    .arrowRight {
        left: calc(79% - var(--web-ui_popover-border-radius, 15px)) !important
    }

    .alignRight {
        left: -31% !important
    }
}

svg .recharts-layer {
    direction: ltr
}

svg g text[orientation=left].recharts-text {
    transform: translateX(-5px)
}

.popup-image-wrapper {
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25%
}

.popup-image {
    height: auto;
    vertical-align: middle;
    width: 95%
}

.popup-body-wrapper {
    border-right: 1px solid #eaeaea;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-right: 25% !important;
    padding: 10px
}

.clearfix:after,
.clearfix:before {
    content: " " !important;
    display: table !important
}

.clearfix {
    zoom: 1 !important;
    width: auto !important
}

.popup-text {
    font-size: 1em;
    margin: 0;
    text-align: right
}

.popup-description {
    color: gray;
    font-size: .8em;
    line-height: 1.5em;
    margin: 0;
    text-align: justify
}

.float-left {
    float: left !important;
    margin-top: 7px
}

#najva-popup-reject-button {
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
    color: #212529 !important
}

.clearfix:after {
    clear: both !important
}

.denied-message {
    color: #000;
    direction: ltr;
    font-size: 16px;
    margin-bottom: 0;
    text-align: initial
}

.viewOrigin {
    display: block;
    position: absolute;
    top: calc(0px - var(--app-offset))
}

.viewOriginviewOriginCheckpoint {
    display: block;
    position: absolute;
    top: -280px
}

.halfscreen-popup {
    background-color: #c567ea;
    border-radius: 15px;
    box-shadow: 0 4px 6px #0003;
    color: #fff;
    left: 50%;
    max-width: 600px;
    padding: 20px;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 1000
}

.popup-image-xp {
    animation: rewardPulse 2s ease-in-out infinite;
    height: auto;
    margin-bottom: 20px;
    width: 70px
}

@keyframes rewardPulse {
    0% {
        transform: scale(1) rotate(0deg)
    }

    25% {
        transform: scale(1.1) rotate(10deg)
    }

    50% {
        transform: scale(1.2) rotate(-10deg)
    }

    75% {
        transform: scale(1.1) rotate(10deg)
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

.halfscreen-popup-button {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    color: #c567ea;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px 20px;
    transition: background-color .3s, color .3s
}

.halfscreen-popup-button:hover {
    background-color: #fffc;
    color: #a553c2
}

.dbxp-description {
    font-size: 18px
}

.lomo-fixed {
    padding-top: 130px
}

._3zRHo {
    --web-ui_button-color: #fff;
    --web-ui_button-background-color: #0000;
    --web-ui_button-background-color-disabled: #0000;
    --web-ui_button-border-color: #0003;
    --web-ui_button-border-color-disabled: #00000014;
    --web-ui_button-color-disabled: #fff6;
    --web-ui_button-filter-hover: opacity(0.8)
}

._2O14Blevel {
    box-sizing: border-box;
    position: relative
}

._2O14Blevel._1v2Gj {
    position: absolute
}

._18sNN {
    color: #0000;
    width: 100%
}

.GkDDe {
    color: #bc6d00;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-42%)
}

._3dtSu {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

._25Cnc {
    font-size: 15px;
    line-height: 20px
}

.yTpGk {
    border-color: #0000;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    padding: 13px 16px
}

.yTpGk,
.yTpGk:after {
    border-width: 0 0 4px
}

.yTpGk:after {
    border-color: #0000;
    bottom: -4px;
    content: "";
    left: 0;
    right: 0;
    top: 0
}

.yTpGk:disabled:not(._2mG9r) {
    background: none;
    border-radius: 16px;
    border-width: 4px 0 0;
    color: #afafaf
}

.yTpGk:disabled:not(._2mG9r):after {
    background: #e5e5e5;
    border-width: 0;
    bottom: 0
}

._25Mqa {
    background-color: #ffffff80
}

._25Mqa:after {
    background-color: #fff
}

.WCcVn {
    margin-top: var(--margin)
}

._34eBb {
    grid-gap: 5px;
    display: grid;
    grid-auto-flow: column;
    justify-content: center
}

._1GJUD {
    color: #fff;
    padding: 16px;
    text-align: center;
    width: 300px
}

._3lagd {
    border: 0
}

._1kWrO {
    margin-bottom: 12px
}

.app[dir=rtl] ._1m77f {
    text-align: right
}

.app[dir=ltr] ._1m77f {
    text-align: left
}

._1m77f {
    font-weight: 700;
    margin-bottom: 4px
}

.app[dir=rtl] .RXDIm {
    text-align: right
}

.app[dir=ltr] .RXDIm {
    text-align: left
}

._2I_Id {
    clear: right;
    display: flex;
    flex-direction: column;
    justify-content: center
}

._1eyFy {
    flex-grow: 1;
    margin-top: 12px
}

.twkSI {
    background-color: #ffffff80
}

._3nfx7 {
    --web-ui_button-height: 48px;
    --web-ui_button-padding: 0;
    flex-grow: 0;
    width: 48px
}

._20ZkV {
    height: 26px;
    width: 21px
}

._2zaxB {
    background-color: #ce82ff
}

._2zaxB .twkSI {
    color: #ce82ff
}

.app[dir=rtl] ._1cv-y {
    float: left
}

.app[dir=ltr] ._1cv-y {
    float: right
}

._2XlFZ._1v2Gj>.ite_X33 {
    left: calc(50% - var(--web-ui_popover-border-radius, 15px));
    transform: translateX(-50%)
}

._2XlFZ>.ite_X33 {
    margin: 0 var(--web-ui_popover-border-radius, 15px);
    top: -10px
}

._3p5e9level,
.ite_X33 {
    box-sizing: border-box;
    position: absolute
}

.ite_mistake {
    height: 10px;
    overflow: hidden;
    width: 20px
}

.app[dir=rtl] ._2XlFZ._1v2Gj>.ite_mistake {
    left: calc(12% - var(--web-ui_popover-border-radius, 15px));
    transform: translateX(200%)
}

.app[dir=ltr] ._2XlFZ._1v2Gj>.ite_mistake {
    left: calc(35% - var(--web-ui_popover-border-radius, 15px));
    transform: translateX(-130%)
}

._2XlFZ>.ite_mistake {
    margin: 0 var(--web-ui_popover-border-radius, 15px);
    top: -10px
}

._3p5e9level,
.ite_mistake {
    box-sizing: border-box;
    position: absolute
}

._3p5e9level {
    height: .884rem;
    left: 50%;
    transform: translateZ(0) rotate(45deg);
    transform-origin: top left;
    width: .884rem
}

.crown-bordered {
    filter: drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white)
}

.legendsize {
    height: 29px;
    margin-top: -4px
}

._26QYy {
    --web-ui_button-background-color: #fff;
    --web-ui_button-background-color-disabled: #fff6;
    --web-ui_button-border-color: #ffffff80;
    --web-ui_button-color: #5c6cfc;
    --web-ui_button-color-disabled: #5c6cfc;
    --web-ui_button-filter-hover: none
}

._26QYy:before {
    background: linear-gradient(135deg, #fff 15%, #f6f6ff 0, #f6f6ff 35%, #fff 0, #fff 65%, #f6f6ff 0, #f6f6ff 85%, #fff 0);
    background-size: 100%
}

.sEaLm {
    background-color: #222151
}

._2EtwM {
    justify-content: center;
    overflow: hidden
}

._2EtwM,
._2s-Ri {
    align-items: center;
    display: flex;
    flex-direction: column
}

._2rpgF {
    aspect-ratio: 400/400;
    max-height: 50vh;
    max-width: 100vw;
    position: relative;
    width: 400px;
    z-index: 0
}

._30lZE {
    height: 100%;
    width: 100%
}

.ccZTP {
    color: #777;
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
    margin: 16px 0
}

@media(min-width:700px) {
    .ccZTP {
        color: #777;
        display: inline-block;
        font-size: 19px;
        line-height: 1.4;
        margin: 16px 0
    }
}

._332s_ {
    position: relative;
    z-index: 1
}

._2j280 {
    color: #fff
}

._10eD3,
._2j280,
._3UjXx {
    margin-bottom: 24px
}

._1h-yR {
    --segment-separator-half-width: 1px;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    overflow: hidden
}

._1h-yRa {
    background-color: #100f3e;
    border-radius: 4px
}

._1h-yRa,
._1h-yRaa {
    height: 35px;
    margin-right: 10px;
    width: 70px
}

._1h-yRaa {
    background-color: #6676ff;
    border: 3px solid #dedcdc;
    border-radius: 6px;
    color: #fff;
    font-weight: 700;
    padding: 3px;
    text-align: center
}

.Udk8y {
    width: 70%
}

._-7Ahb {
    --web-ui_button-color: $juicy-snow;
    margin: 8px
}

@keyframes _3pjLJ {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes _3zFrw {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._1uhkX {
    color: #5c6cfc;
    min-width: 240px
}

._1888P {
    margin: 0 auto
}

._9O-0s {
    display: inline-block;
    position: relative
}

._2eeKH {
    cursor: pointer
}

._3TK8W {
    align-items: center;
    color: #3c3c3c;
    display: flex;
    flex-direction: column;
    text-align: center;
    vertical-align: top
}

._1mTgR1,
.qU_Uq {
    height: 100%;
    position: relative;
    width: 100%
}

._1mTgR1 span {
    font-size: 22px
}

._2JyFG,
._2ZTRk1 {
    color: #d8d0d0
}

._2ZTRk1 {
    bottom: 10px;
    position: absolute
}

._2ZTRk1 span {
    font-size: 19px;
    font-weight: 700
}

._2I_Id [dir=rtl] .crown-dir {
    direction: rtl;
    margin-right: 6px
}

._2I_Id [dir=ltr] .crown-dir {
    direction: ltr;
    margin-left: 6px
}

@media(min-width:700px) {

    ._2tZPV,
    ._3uC-w {
        padding: 0
    }
}

._2tZPV {
    max-width: 440px;
    padding: 0 16px;
    width: 100%
}

._1dj9x {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column
}

.Dsx7N {
    position: relative
}

._2siHl {
    cursor: pointer;
    height: 90px;
    width: 90px
}

._1_R1q {
    display: inline-flex;
    filter: brightness(.8) contrast(1.7);
    width: auto
}

._2JyFG,
._2ZTRk {
    color: #cd7900
}

._2ZTRk {
    bottom: 8px;
    position: absolute
}

._2ZTRk span {
    font-size: 19px;
    font-weight: 700
}

.qU_Uq {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

._17vI2:after {
    background-color: #ce82ff;
    border-radius: 98px
}

.Dsx7N:after {
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.check {
    margin-bottom: 20px;
    margin-left: 9px;
    margin-top: 50px
}

.icons li {
    background: none repeat scroll 0 0 #e5e5e5;
    height: 13px;
    line-height: 0;
    list-style: none outside none;
    margin-right: 15px;
    margin-top: 10px;
    vertical-align: top;
    width: 13px
}

._1I5l2,
.icons li {
    border-radius: 50%;
    pointer-events: none
}

._1I5l2 {
    height: 15vw;
    width: 15vw
}

@media(min-width:700px) {
    ._1I5l2 {
        border-radius: 50%;
        height: 58px;
        pointer-events: none;
        width: 58px
    }
}

._3yAjNs {
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .8px;
    padding: 3px 4px 3px 2px !important
}

._1I5l23 {
    border: 5px solid #2c6fc6;
    border-radius: 50%;
    height: 58px;
    pointer-events: none;
    width: 58px
}

._3xJOd {
    margin-top: -27px;
    width: 62px
}

._2qIaj {
    align-items: center;
    display: flex;
    flex-direction: column
}

._1Hxe4>*,
._1Jo-t {
    pointer-events: auto
}

._20MSV {
    flex-direction: column
}

._20MSV,
._3shLX {
    align-items: center;
    display: flex
}

._3shLX {
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    box-shadow: 0 2px #e5e5e5;
    height: 58px;
    justify-content: center;
    position: relative;
    width: 58px
}

._3UnyJ,
._3shLX {
    pointer-events: none
}

._3UnyJ {
    border-radius: 18px;
    margin-bottom: -2px;
    margin-top: -15px;
    z-index: 1
}

._3MZwB {
    min-width: 44px
}

._1LYta {
    background-color: #ea2b2b;
    color: #fff
}

._1LYta2 {
    color: #fff
}

._1LYta2,
._1LYta2:after {
    background-color: #2c6fc6
}

._1U6jB {
    font-size: 14px;
    line-height: 1
}

.A6kvk {
    border-color: #0000;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    padding: 3px 2px 0
}

._1LYta:after {
    background-color: #ff4b4b
}

.A6kvk:after {
    border-color: #0000;
    bottom: -2px;
    content: "";
    left: 0;
    right: 0;
    top: 0
}

.A6kvk,
.A6kvk:after {
    border-width: 0 0 2px
}

._21scgQ {
    border: 2px solid #fff
}

.endmistake {
    align-items: center;
    display: grid;
    height: 30px;
    width: 100px
}

._3K0I6 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    width: 100%
}

._3217B {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 175px;
    max-width: 330px;
    width: 100%
}

.btn-add-course {
    align-items: center;
    background: linear-gradient(135deg, #ff8a3c, #ff4b6a);
    border: none;
    border-radius: 999px;
    box-shadow: 0 8px 18px #ff4b6a59;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .95rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    padding: .75rem 1.5rem;
    transition: transform .15s ease-out, box-shadow .15s ease-out, filter .15s ease-out
}

.btn-add-course__icon {
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.btn-add-course__text {
    white-space: nowrap
}

.btn-add-course:hover {
    box-shadow: 0 10px 22px #ff4b6a73;
    filter: brightness(1.05);
    transform: translateY(-1px)
}

.btn-add-course:active {
    box-shadow: 0 4px 10px #ff4b6a4d;
    transform: translateY(1px) scale(.98)
}

.btn-add-course:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px
}

._3hl8U {
    align-items: center;
    color: #fff;
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: center;
    margin: auto;
    max-width: 100%;
    text-align: center;
    z-index: 1
}

@media(min-height:481px) {
    .DYCFd {
        font-size: 26px;
        line-height: 40px;
        margin: 0 24px 15px
    }
}

.DYCFd {
    color: #4b4b4b;
    font-size: 29px;
    line-height: 1.2;
    margin: 0 0 34px 5px
}

.lqlF7 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

._1lHHm {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    color: #777;
    cursor: pointer;
    font-size: 17px;
    letter-spacing: normal;
    margin: 10px;
    padding: 24px;
    text-align: center;
    text-transform: none;
    width: 250px
}

.zOays {
    display: block;
    height: 140px;
    margin: 18px auto 10px;
    width: 131px
}

._2cltK {
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    white-space: normal
}

._1fa9i {
    display: block;
    height: 175px;
    margin: -10px auto 3px;
    width: 130px
}

._3q8F1 {
    min-height: 100vh
}

@media(min-width:700px) {
    .LbDYs {
        align-items: center
    }
}

.LbDYs {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

._1lHHm:active {
    filter: brightness(.8)
}

._1lHHm:hover {
    filter: brightness(.9)
}

._2cltKdetermine {
    font-size: 14px;
    line-height: 3
}

._2feJW {
    border: 0;
    border-radius: 16px;
    margin-bottom: 90px;
    padding: 0 20px
}

._1-4Qk {
    align-items: center;
    display: flex;
    gap: 16px;
    padding: 20px 0
}

hr {
    margin: 4px 0
}

@media(min-width:700px) {
    ._2feJW {
        border: 2px solid rgb(var(--color-swan));
        border-radius: 16px;
        padding: 0 20px
    }

    hr {
        border: 0;
        border-top: 2px solid rgb(var(--color-swan));
        height: 0;
        margin: 30px 0
    }
}

.fvyEZ {
    height: 50px;
    width: 50px
}

._39Kkf {
    color: rgb(var(--color-eel));
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px
}

.JpncV {
    color: rgb(var(--color-hare));
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 8px
}

.jkqrS {
    color: #e5e5e5;
    margin: 0 -20px;
    opacity: .5
}

.notif-span {
    color: #9d9a9a;
    display: block;
    margin-bottom: 40px;
    margin-top: 30px
}

.centered-content {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%)
}

.notfound-h1 {
    font-size: 70px;
    font-weight: 700
}

.centered-content p {
    font-size: 20px;
    font-weight: 700;
    margin-top: 60px
}

.row-border {
    background: #f7b3aa;
    border: 2px solid #d19187;
    border-radius: 16px;
    box-shadow: 0 0 .4rem 0;
    height: 50px;
    margin: 20px;
    padding: 10px
}

.circle-score {
    background-color: #e1e1e1;
    border-radius: 50%;
    height: 30px;
    margin-right: 6px;
    width: 30px
}

.image-quiz-first {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 44px;
    width: 44px
}

.li-border {
    background: #f08373;
    border: 2px solid #ce6556;
    border-radius: 8px;
    box-shadow: 0 0 .4rem 0 gray;
    margin: 8px 0 0;
    padding: 10px
}

.font-first {
    font-size: 16px
}

.image-quiz {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 60px;
    width: 60px
}

.red-circle {
    background-color: #ff0000d1
}

.correct-circle,
.red-circle {
    border-radius: 50%;
    height: 25px;
    margin-right: 6px;
    width: 25px
}

.correct-circle {
    background-color: #58cc02
}

@media(min-width:700px) {
    .correct-circle {
        background-color: #58cc02
    }

    .correct-circle,
    .red-circle {
        border-radius: 50%;
        height: 30px;
        margin-right: 6px;
        width: 30px
    }

    .red-circle {
        background-color: #ff0000d1
    }

    .image-quiz {
        height: 80px;
        width: 80px
    }

    .image-quiz,
    .image-quiz-first {
        border: 3px solid #fff;
        border-radius: 50%
    }

    .image-quiz-first {
        height: 50px;
        width: 50px
    }

    .li-border {
        background: #f08373;
        border: 2px solid #ce6556;
        border-radius: 8px;
        box-shadow: 0 0 .4rem 0 gray;
        margin: 8px 15px 0;
        padding: 10px
    }

    .font-first {
        font-size: 18px
    }
}

.theirTurn {
    background-color: #929191;
    border-color: #6f706d;
    color: #fff;
    cursor: default !important
}

.jumping-dots-loader span {
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    margin: 35px 5px;
    width: 15px
}

.jumping-dots-loader span:first-child {
    animation: bounce 1s ease-in-out infinite
}

.jumping-dots-loader span:nth-child(2) {
    animation: bounce 1s ease-in-out .33s infinite
}

.jumping-dots-loader span:nth-child(3) {
    animation: bounce 1s ease-in-out .66s infinite
}

@keyframes bounce {

    0%,
    75%,
    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.newgame {
    background-color: #25b7d3;
    border-color: #30a5bb;
    color: #fff
}

#pwa-install-element .install-dialog.chrome.available {
    opacity: 1;
    top: 28px;
    visibility: visible
}

@media(max-height:495px), (min-width:768px) {
    #pwa-install-element .install-dialog.chrome {
        display: inline-block
    }
}

#pwa-install-element .install-dialog.chrome {
    background-color: #fff;
    border-radius: 8px;
    color: var(--text-color-normal);
    filter: drop-shadow(rgba(0, 0, 0, .3) 0 5px 15px);
    font-size: 15px;
    left: auto;
    margin: 0 auto;
    min-height: 90px;
    right: 150px;
    top: -100px;
    transition: top .5s ease-in-out 0s, opacity .8s ease-in-out 0s, max-height .35s ease-in-out 0s
}

#pwa-install-element .install-dialog {
    --text-color-normal: #212121;
    background-color: #fff;
    border-bottom-color: #dbdcde;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    z-index: 2147483001
}

#pwa-install-element {
    user-select: none
}

#pwa-install-element .install-dialog.chrome .dialog-body .icon .icon-image {
    border-radius: 6px;
    height: 48px;
    margin: 10px auto 0;
    width: 48px
}

#pwa-install-element .install-dialog.chrome .dialog-body .about .name {
    align-items: flex-start;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 17px
}

#pwa-install-element .install-dialog.chrome .dialog-body .app-description {
    font-size: 13px;
    margin-bottom: 10px
}

#pwa-install-element .install-dialog.chrome .dialog-body .description {
    color: #3f3f3f;
    font-weight: 400;
    font-weight: 700;
    grid-column: 1/3;
    line-height: 20px;
    margin: 10px 5px 5px;
    max-height: 135px;
    padding: 17px 6px;
    text-align: center
}

#pwa-install-element .install-dialog.chrome .dialog-body hr {
    background-color: #dbdcde;
    border: none;
    color: #212121;
    grid-column: 1/3;
    height: 1px;
    margin: 0;
    width: 100%
}

#pwa-install-element .install-dialog.chrome .dialog-body .action-buttons {
    display: flex;
    gap: 10px;
    grid-column: 1/3;
    justify-content: center;
    padding: 10px
}

#pwa-install-element .material-button.secondary {
    background-color: #0000;
    box-shadow: none;
    color: #ff6b01;
    width: 40%
}

#pwa-install-element .material-button {
    border: none;
    border-radius: 6px;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 37px;
    min-width: 64px;
    outline: 0;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    transition: box-shadow .2s ease 0s;
    vertical-align: middle
}

#pwa-install-element .material-button:before {
    background-color: var(--background-color-ripple);
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .2s ease 0s
}

#pwa-install-element .material-button.secondary:after,
#pwa-install-element .material-button.secondary:before {
    background-color: var(--background-color-primary)
}

#pwa-install-element .material-button:after {
    background-color: var(--background-color-ripple);
    border-radius: 50%;
    content: "";
    height: 32px;
    left: 50%;
    opacity: 0;
    padding: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s ease 0s, transform .5s ease 0s;
    width: 32px
}

#pwa-install-element .install-dialog.chrome .dialog-body .action-buttons .primary {
    width: 40%
}

#pwa-install-element .material-button.primary {
    background-color: #ff6b01;
    color: #fff
}

.inastall-div {
    align-items: baseline;
    justify-content: center;
    padding: 14px 0 15px
}

.hostname {
    font-size: 14px
}

.name {
    color: #212121;
    font-size: 18px;
    font-weight: 700
}

.kXn08 {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    z-index: 210
}

._30MSw {
    --background-color: #fff
}

._2rTJT {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    z-index: 1
}

._3L0tv {
    height: 36px;
    margin-top: 6px;
    width: 154px
}

._3ozLe {
    background: #fff;
    display: grid;
    grid: "duo" "content";
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    z-index: 0
}

._2XEsU {
    --background-color: #fff
}

@media(min-width:700px)and (min-width:700px) {
    ._1gQHs {
        margin-left: calc(16.66667vw - 86.66667px);
        margin-right: calc(26.66667vw - 266.66667px)
    }
}

@media(min-width:700px) {
    ._1gQHs {
        max-width: 35vw;
        padding-top: 24px;
        width: 300px
    }
}

._1gQHs {
    grid-area: duo;
    margin: 0 auto;
    max-width: 60vw;
    padding-bottom: 24px
}

._3RcMT {
    max-height: 50vw;
    max-width: 50vw;
    width: 424px
}

._2LFk1 {
    color: #ff4b2b;
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 24px
}

._2BqT5 {
    letter-spacing: -.03em;
    line-height: 1
}

._2vGCS {
    font-size: 18px
}

._2aP5->span>span,
._2vGCS {
    font-weight: 700
}

._2CDW_ {
    color: #777;
    line-height: 1.5;
    margin-bottom: 24px;
    text-align: center
}

._3vOAZ {
    display: flex;
    flex-direction: column;
    margin: -8px -8px 16px
}

._3eF83 {
    border-color: #e5e5e5 !important
}

._3xeK5 {
    background: #fff;
    border: 2px solid;
    border-radius: 16px;
    flex-grow: 10;
    margin: 8px;
    min-width: 200px;
    padding: 12px 16px
}

._2YF0P._1NM1Q {
    cursor: default
}

._1O2F5 {
    flex-grow: 1;
    margin: 8px;
    min-width: 150px
}

._2vdwz {
    color: #717171;
    font-size: 15px;
    line-height: 24px;
    text-align: justify
}

._2vdwz>span>a {
    color: inherit;
    font-weight: 700
}

@media(max-width:530px) {
    ._2rTJT {
        flex-direction: column
    }
}

._3zNge {
    color: #afafaf;
    grid-area: content;
    margin-top: 21px
}

@media(min-width:700px) {
    .kXn08 {
        padding: 16px 112px
    }

    ._3ozLe {
        grid: "content duo" /1fr auto;
        padding: 112px
    }

    ._3RcMT {
        max-height: 30vw;
        max-width: 30vw
    }

    ._3zNge {
        margin: 150px auto auto;
        max-width: 600px
    }

    ._2LFk1 {
        font-size: 40px;
        line-height: 48px
    }

    ._2CDW_ {
        text-align: right
    }

    ._3vOAZ {
        align-items: baseline;
        flex-flow: row wrap
    }
}

._3vOAZ button {
    background-color: #ff4b2b;
    border: 1px solid #ff4b2b;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 8px;
    padding: 12px 45px;
    transition: transform 80ms ease-in
}

._3vOAZ button:active {
    transform: scale(.95)
}

._3vOAZ button:focus {
    outline: none
}

._3vOAZ button.ghost {
    background-color: #0000;
    border-color: #fff
}

.site-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.page-body {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column
}

.page {
    padding: 0 20px
}

@media(min-width:768px) {
    .page {
        padding: 0 32px
    }
}

.home-content {
    margin: 0 auto;
    max-width: 1200px;
    padding: 4.8rem 0;
    width: 100%
}

@media(min-width:768px) {
    .home-content {
        padding: 11.2rem 0
    }
}

.site-header {
    font-size: 1.6rem;
    left: 0;
    line-height: 1.3em;
    overflow: auto;
    padding: 16px 18px;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 10
}

@media(min-width:768px) {
    .site-header {
        height: auto;
        overflow: visible;
        padding: 30px 32px
    }
}

.site-header:before {
    background: #fff;
    content: "";
    display: block;
    height: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: -1
}

.site-header .wrapper1 {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .site-header .wrapper1 {
        flex-direction: row;
        justify-content: space-between
    }
}

.site-header a {
    color: inherit;
    text-decoration: none
}

.site-header .branding {
    align-items: center;
    display: flex;
    max-width: 160px;
    text-align: center;
    word-break: break-all
}

@media(min-width:768px) {
    .site-header .branding {
        max-width: 200px
    }
}

.site-header .branding .logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2px 0 0
}

.site-header .branding .logo svg {
    fill: #fff;
    height: 24px;
    width: auto
}

@media(min-width:768px) {
    .site-header .branding .logo svg {
        height: 28px
    }
}

.site-header .menu .nav {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-top: 4rem
}

@media(min-width:768px) {
    .site-header .menu .nav {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 0
    }
}

.site-header .menu .nav li {
    list-style: none;
    padding: 10px 0
}

.site-header .menu .nav li:last-child {
    padding-bottom: 0
}

@media(min-width:768px) {
    .site-header .menu .nav li {
        margin: 0 0 0 20px;
        padding: 0
    }
}

.site-header .menu .nav li:first-of-type {
    margin-left: 0
}

.site-header .menu .nav a {
    color: #4b4b4b;
    font-size: 1.1rem;
    font-weight: 700
}

@media(min-width:768px) {
    .site-header .menu .nav a {
        color: #fff
    }
}

.site-header .menu .main-site {
    display: none;
    margin-left: 20px;
    padding-left: 20px;
    position: relative
}

@media(min-width:768px) {
    .site-header .menu .main-site {
        display: inline-block
    }
}

.site-header .menu .main-site:before {
    background: #fff;
    border-radius: 10px;
    content: "";
    display: block;
    height: 140%;
    left: -1px;
    opacity: .2;
    position: absolute;
    top: -20%;
    width: 2px
}

.site-header .menu .main-site a {
    color: #fff;
    font-size: 1.6rem
}

.site-header .info-links {
    display: none;
    margin-top: 4rem;
    padding-top: 3.2rem;
    position: relative
}

.site-header .info-links:before {
    background: #afafaf;
    border-radius: 10px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    opacity: .2;
    position: absolute;
    top: -1px;
    width: 100%
}

.site-header .info-links ul {
    list-style: none
}

.site-header .info-links li {
    font-size: 18px;
    margin: 0 !important;
    padding: 8px 0
}

.site-header .info-links li a {
    color: #afafaf;
    font-weight: 700
}

.site-header .social-links {
    display: none;
    margin-top: 1.6rem
}

.site-header .social-links ul {
    display: flex;
    list-style: none
}

.site-header .social-links li {
    margin: 0 !important;
    padding: 0 8px
}

.site-header .social-links li:first-child {
    padding-left: 0
}

.site-header .social-links a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.site-header .social-links a svg {
    height: auto;
    width: 20px;
    fill: #afafaf;
    transition: all .2s
}

.site-header .search-button {
    display: none;
    margin-left: 20px;
    padding-top: 5px
}

@media(min-width:768px) {
    .site-header .search-button {
        display: inline-block
    }
}

.site-header .search-button.mobile {
    display: inline-block;
    height: 36px;
    margin: 0;
    padding-top: 8px;
    position: absolute;
    right: 46px;
    top: 12px;
    width: 36px
}

@media(min-width:768px) {
    .site-header .search-button.mobile {
        display: none
    }
}

.site-header .search-button.mobile svg {
    height: auto;
    width: 20px;
    fill: #fff
}

.site-header .search-button svg {
    height: auto;
    width: 18px;
    fill: #fff
}

.site-header .hamburger {
    height: 36px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 36px
}

@media(min-width:768px) {
    .site-header .hamburger {
        display: none
    }
}

.site-header .hamburger .hamburger-bar {
    background: #fff;
    border-radius: 3px;
    display: block;
    height: 3px;
    left: 7px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transition: all .2s;
    width: 22px
}

.site-header .hamburger .hamburger-bar:first-of-type {
    margin-top: -8px
}

.site-header .hamburger .hamburger-bar:nth-of-type(3) {
    margin-top: 6px
}

.post-card {
    background: #ff6000;
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.post-card .card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.post-card .post-card-image {
    background-size: 100px;
    margin: 0 !important
}

@media(min-width:992px) {
    .post-card .post-card-image {
        background-size: 125px
    }
}

.post-card .card-content {
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 22px 22px 100px
}

@media(min-width:768px) {
    .post-card .card-content {
        padding: 26px 32px 100px
    }
}

@media(min-width:992px) {
    .post-card .card-content {
        padding: 26px 32px 125px
    }
}

.post-card .card-title {
    color: #fff;
    flex-grow: 0;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.55;
    margin-bottom: 1.4rem
}

.post-card time {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .65px;
    margin-bottom: .8rem;
    opacity: .7;
    text-align: end
}

.post-card .card-meta {
    color: #fff;
    display: block;
    font-size: 1.4rem;
    letter-spacing: -.1px;
    line-height: 1.2em;
    text-align: end
}

.post-card .card-meta .authors {
    color: #fff;
    display: block;
    font-size: 1rem
}

@media(min-width:768px) {
    .post-card .card-meta .authors {
        display: inline-block
    }
}

.post-card .card-meta .authors:after {
    display: none
}

.post-card .tag-token {
    background: #00000014;
    border-radius: 6px;
    bottom: auto;
    color: #fffc;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1;
    max-width: 110px;
    padding: 6px 8px 5px;
    position: absolute;
    right: 19px;
    text-align: center;
    top: 21px
}

@media(min-width:768px) {
    .post-card .tag-token {
        font-size: .8rem;
        right: 28px
    }
}

.post-card .read-more {
    display: none
}

.post-card-image,
.post-image {
    background-position: bottom 15px right 15px;
    height: 100%
}

.hero-post {
    background: #ff6000;
    padding: 0
}

.hero-post .post-image {
    background-position: calc(100% - 20px) calc(100% - 20px);
    background-size: 120px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    width: 100%
}

@media(min-width:768px) {
    .hero-post .post-image {
        background-position: 100% calc(100% - 32px);
        background-size: 175px;
        padding: 0 32px
    }
}

@media(min-width:992px) {
    .hero-post .post-image {
        background-position: 100% calc(100% - 40px);
        background-size: 200px
    }
}

@media(min-width:1200px) {
    .hero-post .post-image {
        padding: 0 calc(632px - 50vw)
    }
}

.hero-post .content-wrapper {
    padding: 126px 22px 86px
}

@media(min-width:768px) {
    .hero-post .content-wrapper {
        padding: 166px 0 96px
    }
}

@media(min-width:992px) {
    .hero-post .content-wrapper {
        padding: 206px 0 106px
    }
}

.hero-post .content {
    color: #fff
}

@media(min-width:768px) {
    .hero-post .content {
        max-width: 75%
    }
}

@media(min-width:992px) {
    .hero-post .content {
        max-width: 52.65%
    }
}

.hero-post .card-title {
    color: #fff;
    flex-grow: 0;
    line-height: 1.2;
    margin-bottom: 1.6rem
}

.hero-post .card-title a {
    text-decoration: none
}

@media(min-width:768px) {
    .hero-post .card-title {
        margin-bottom: 1.4rem
    }
}

.hero-post h5 {
    color: #ffffff8c;
    margin-bottom: 1.6rem
}

.hero-post .tag-token,
.hero-post time {
    color: #ffffffb3;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .65px
}

.hero-post .tag-token {
    margin-right: 4px
}

.hero-post time {
    margin-left: 4px
}

.hero-post .authors {
    font-size: 1rem
}

.hero-post .read-more {
    border: 2px solid #fff6;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .625px;
    margin-top: 3.2rem;
    padding: 5px 12px 4px 13px
}

@media(min-width:768px) {
    .hero-post .read-more {
        margin-top: 4.8rem;
        padding: 7px 15px 7px 16px
    }
}

.hero-post.has-image .post-image {
    background-repeat: no-repeat;
    background-size: auto 160px;
    height: 100%
}

.hero-post.has-image .post-image:after,
.hero-post.has-image .post-image:before {
    display: none
}

@media(min-width:768px) {
    .hero-post.has-image .post-image {
        background-position: 100% 100%;
        background-size: auto 200px
    }
}

@media(min-width:992px) {
    .hero-post.has-image .post-image {
        background-size: auto 260px
    }
}

.hero-post.post {
    padding-bottom: 0
}

.site-footer {
    background: #f7f7f7b3;
    padding: 0 20px 32px
}

@media(min-width:768px) {
    .site-footer {
        padding: 0 32px 32px
    }
}

.site-footer .navigation {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    padding: 32px 0;
    position: relative
}

.site-footer .navigation:before {
    background: #e5e5e580;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .site-footer .navigation {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        padding: 48px 30px 30px
    }
}

@media(min-width:992px) {
    .site-footer .navigation {
        flex-wrap: nowrap
    }
}

.site-footer .navigation ul {
    display: flex;
    flex-direction: column;
    list-style: none
}

@media(min-width:768px) {
    .site-footer .navigation ul {
        align-items: center;
        flex-direction: row
    }
}

.site-footer .navigation ul li {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
    padding: 0 0 2px
}

@media(min-width:768px) {
    .site-footer .navigation ul li {
        padding: 0 12px
    }
}

.site-footer .navigation ul li a {
    color: #afafaf;
    text-decoration: none;
    transition: all .2s
}

@media(hover:hover) {
    .site-footer .navigation ul li a:hover {
        color: #777
    }
}

.site-footer .navigation .blog-links {
    width: 40%
}

@media(min-width:768px) {
    .site-footer .navigation .blog-links {
        flex-shrink: 0;
        justify-content: center;
        margin-bottom: 1.6rem;
        width: 100%
    }
}

@media(min-width:992px) {
    .site-footer .navigation .blog-links {
        margin-bottom: 0;
        width: auto
    }
}

@media(min-width:768px) {
    .site-footer .navigation .blog-links ul {
        justify-content: center
    }
}

.site-footer .navigation .blog-links li {
    font-size: 1.5rem;
    letter-spacing: .65px
}

.site-footer .navigation .info-links {
    padding-left: 17px;
    position: relative;
    width: calc(60% - 20px)
}

@media(min-width:768px) {
    .site-footer .navigation .info-links {
        padding-left: 0;
        width: auto
    }
}

@media(min-width:992px) {
    .site-footer .navigation .info-links {
        margin-left: 18px;
        padding-left: 17px
    }
}

.site-footer .navigation .info-links:before {
    background: #afafaf;
    border-radius: 10px;
    content: "";
    display: none;
    height: 140%;
    left: -1px;
    opacity: .2;
    position: absolute;
    top: -20%;
    width: 2px
}

@media(min-width:992px) {
    .site-footer .navigation .info-links:before {
        display: block
    }
}

@media(min-width:768px) {
    .site-footer .navigation .social-links {
        padding: 0 0 2px 6px
    }
}

.site-footer .navigation .social-links li {
    margin-bottom: 10px;
    padding: 0 0 2px
}

@media(min-width:768px) {
    .site-footer .navigation .social-links li {
        margin-bottom: 0;
        padding: 0 8px
    }
}

.site-footer .navigation .social-links a {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(hover:hover) {
    .site-footer .navigation .social-links a:hover svg {
        fill: #777
    }
}

.site-footer .navigation .social-links a svg {
    height: auto;
    width: 20px;
    fill: #afafaf;
    transition: all .2s
}

.site-footer p {
    color: #afafaf;
    font-size: 1.4rem;
    text-align: center
}

.search-panel {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: fixed;
    right: -290px;
    top: 0;
    transition: all .4s;
    width: 280px;
    z-index: 12
}

@media(min-width:768px) {
    .search-panel {
        display: flex;
        flex-direction: column;
        height: 100vh;
        position: fixed;
        right: -490px;
        top: 0;
        transition: all .4s;
        width: 480px
    }
}

@media(min-width:992px) {
    .search-panel {
        right: -610px;
        width: 600px
    }
}

.search-panel .search-panel-wrapper {
    padding: 20px
}

@media(min-width:768px) {
    .search-panel .search-panel-wrapper {
        padding: 32px
    }
}

@media(min-width:992px) {
    .search-panel .search-panel-wrapper {
        padding: 40px
    }
}

.search-panel h2 {
    font-size: 2rem;
    margin-bottom: 1.2rem
}

@media(min-width:768px) {
    .search-panel h2 {
        font-size: 2.4rem;
        margin-bottom: 1.6rem
    }
}

.search-panel .search-panel-input {
    position: relative
}

.search-panel .search-panel-input:before {
    background: #e5e5e580;
    border-radius: 5px;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    left: 20px;
    position: absolute;
    width: 100%;
    width: calc(100% - 40px)
}

@media(min-width:768px) {
    .search-panel .search-panel-input:before {
        left: 32px;
        width: calc(100% - 64px)
    }
}

@media(min-width:992px) {
    .search-panel .search-panel-input:before {
        left: 40px;
        width: calc(100% - 80px)
    }
}

.search-panel .search-panel-input .search-field {
    align-items: center;
    background: #f7f7f7;
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    padding: 6px 12px
}

@media(min-width:768px) {
    .search-panel .search-panel-input .search-field {
        border-radius: 12px;
        padding: 10px 14px
    }
}

.search-panel .search-panel-input .search-field .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
    padding-bottom: 2px
}

.search-panel .search-panel-input .search-field .icon svg {
    height: auto;
    width: 18px;
    fill: #777
}

@media(min-width:768px) {
    .search-panel .search-panel-input .search-field .icon svg {
        width: 20px
    }
}

.search-panel .search-panel-input .search-field input {
    background: none;
    border: none;
    box-shadow: none;
    flex-basis: 100%;
    font-size: 1.5rem;
    outline: none
}

@media(min-width:768px) {
    .search-panel .search-panel-input .search-field input {
        font-size: 1.6rem;
        padding-top: 2px
    }
}

@media(min-width:992px) {
    .search-panel .search-panel-input .search-field input {
        font-size: 1.7rem
    }
}

.search-panel .search-panel-input .search-field input:active,
.search-panel .search-panel-input .search-field input:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.search-panel .search-panel-output {
    flex-basis: 100%;
    flex-shrink: 1;
    overflow-y: scroll
}

.search-panel .search-panel-output .search-panel-wrapper {
    padding-top: 0
}

.search-panel .search-panel-output #ghost-search-results {
    padding-bottom: 3.2rem
}

.search-panel .search-panel-close {
    height: 36px;
    margin: 0;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 36px
}

@media(min-width:768px) {
    .search-panel .search-panel-close {
        right: 12px;
        top: 12px
    }
}

.search-panel .search-panel-close:after,
.search-panel .search-panel-close:before {
    background: #fff;
    background: #afafaf;
    border-radius: 3px;
    content: "";
    display: block;
    height: 3px;
    left: 7px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    transition: all .2s;
    width: 22px
}

.search-panel .search-panel-close:after {
    margin-top: -2px;
    transform: rotate(-45deg)
}

.search-overlay {
    background: #00000026;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 11
}

.view-all-posts {
    display: flex;
    margin-top: 3.2rem
}

.view-all-posts,
.view-all-posts a {
    align-items: center;
    flex-direction: column;
    width: 100%
}

.view-all-posts a {
    background: #1cb0f6;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 -4px 0 0 #139ee0;
    color: #fff;
    color: #fff !important;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .625px;
    padding: 8px 24px 9px;
    text-decoration: none
}

.view-all-posts a:active,
.view-all-posts a:focus {
    border: none;
    outline: none
}

@media(min-width:768px) {
    .view-all-posts a {
        padding: 0 18px 3px;
        padding: 10px 24px 11px;
        width: auto
    }
}

.post-content>*+* {
    margin-top: 2.4rem
}

@media(min-width:992px) {
    .post-content>*+* {
        margin-top: 3.6rem
    }
}

.post-content>[id]+* {
    margin-top: 2.4rem
}

@media(min-width:992px) {
    .post-content>[id]+* {
        margin-top: 3.6rem
    }
}

.post-content [id]:not(:first-child) {
    margin: 1.5em 0 .875em
}

.site-header .menu .nav .submenu-label {
    align-items: flex-start;
    color: #4b4b4b;
    cursor: default;
    display: flex;
    font-size: 2.2rem;
    font-weight: 700
}

.site-header .menu .nav .submenu-label svg {
    display: none
}

.site-header .menu .nav .submenu-dropdown {
    padding-top: 20px
}

.site-header .menu .nav .submenu-link {
    align-items: center;
    color: #4b4b4b;
    display: flex;
    font-size: 17px;
    line-height: 26px;
    padding: 4px 20px
}

.site-header .menu .nav .submenu-link svg {
    display: none
}

@media(min-width:768px) {
    .site-header .menu .nav .submenu {
        position: relative
    }

    .site-header .menu .nav .submenu-label {
        color: #fff;
        font-size: 1.6rem
    }

    .site-header .menu .nav .submenu-label svg {
        display: block;
        flex-shrink: 0;
        height: 8px;
        margin-left: 6px;
        margin-right: 2px;
        margin-top: 7px;
        width: 13px
    }

    .site-header .menu .nav .submenu-dropdown {
        left: -97px;
        opacity: 0;
        padding-top: 19px;
        position: absolute;
        top: 100%;
        transition: opacity .1s, visibility .1s;
        visibility: hidden;
        width: 260px;
        z-index: 10
    }

    .site-header .menu .nav .submenu-dropdown:before {
        background: #fff;
        border: 2px solid #dedede;
        border-top-left-radius: 3px;
        content: "";
        display: block;
        height: 18px;
        left: 50%;
        margin-left: -9px;
        position: absolute;
        top: 13px;
        transform: rotate(45deg);
        width: 18px
    }

    .site-header .menu .nav .submenu:hover .submenu-dropdown {
        opacity: 1;
        visibility: visible
    }

    .site-header .menu .nav .submenu-body {
        border: 2px solid #dedede;
        border-radius: 16px
    }

    .site-header .menu .nav .submenu-link {
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        border-top: 1px solid #dedede;
        padding: 4px 20px 6px 8px;
        position: relative
    }

    .site-header .menu .nav .submenu-link:hover {
        background-color: #f7f7f7
    }

    .site-header .menu .nav .submenu-link:first-child {
        border-top: none;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px
    }

    .site-header .menu .nav .submenu-link:last-child {
        border-bottom: none;
        border-bottom-left-radius: 14px;
        border-bottom-right-radius: 14px
    }

    .site-header .menu .nav .submenu-link svg {
        display: block;
        height: 50px;
        margin-bottom: -1px;
        margin-right: 11px;
        margin-top: 1px;
        width: 50px
    }

    .post-feed {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -9px;
        width: calc(100% + 18px)
    }
}

@media(min-width:992px) {
    .post-feed {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -12px;
        width: calc(100% + 24px)
    }
}

@media(min-width:1200px) {
    .post-feed {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: -18px;
        width: calc(100% + 36px)
    }
}

.post-feed .post {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 24px;
    padding: 0
}

@media(min-width:768px) {
    .post-feed .post {
        margin: 0 9px 18px;
        width: calc(50% - 18px)
    }
}

@media(min-width:992px) {
    .post-feed .post {
        margin: 0 12px 24px;
        width: calc(33.33333% - 24px)
    }
}

@media(min-width:1200px) {
    .post-feed .post {
        margin: 0 18px 36px;
        width: calc(33.33333% - 36px)
    }
}

.post {
    padding-bottom: 4.8rem
}

.post-header {
    background-position: 50% calc(100% - 20px);
    background-size: 100px;
    color: #fff;
    margin: 0 0 1.6rem;
    padding: 140px 20px;
    position: relative;
    text-align: center
}

@media(min-width:768px) {
    .post-header {
        margin: 0 0 3.2rem
    }
}

@media(min-width:992px) {
    .post-header {
        margin: 0 0 4.8rem;
        padding: 180px 20px 160px
    }
}

@media(min-width:1200px) {
    .post-header {
        padding: 200px 20px 180px
    }
}

.post-header .post-header-content {
    margin: 0 auto;
    max-width: 700px
}

.post-header .post-title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3
}

.post-header time {
    color: #ffffffa6;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: .8rem
}

@media(min-width:768px) {
    .post-header time {
        margin-bottom: 1.6rem
    }
}

.post-header .post-author {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    margin-top: 1rem;
    position: relative
}

@media(min-width:768px) {
    .post-header .post-author {
        margin-top: 2rem
    }
}

.post-header .post-author a {
    color: #fff;
    text-decoration: none
}

.post-header .post-author a:after {
    color: #fffc
}

@media(min-width:992px) {
    .post-header {
        background-size: 125px
    }
}

.post-feature {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 124px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

@media(min-width:768px) {
    .post-feature {
        height: 100px
    }
}

@media(min-width:992px) {
    .post-feature {
        height: 130px
    }
}

@media(min-width:1200px) {
    .post-feature {
        height: 160px
    }
}

.tag-learning .post-feature {
    background-image: none
}

.post-feature .post-feature-image {
    display: block;
    height: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0
}

.post-body {
    color: #777;
    margin: 0 auto;
    max-width: 700px;
    padding: 1.6rem 20px 3.2rem;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .post-body {
        padding: 3.2rem 30px 4.8rem
    }
}

@media(min-width:992px) {
    .post-body {
        padding: 3.2rem 30px 6.4rem
    }
}

@media(min-width:1200px) {
    .post-body {
        padding: 4.8rem 30px 8rem
    }
}

@media(min-width:992px) {
    .post-body .post-content {
        font-size: 1.4rem
    }
}

.post-body .post-content p {
    font-size: inherit;
    letter-spacing: -.025rem;
    line-height: 1.6;
    text-align: justify
}

@media(min-width:992px) {
    .post-body .post-content p {
        line-height: 1.7
    }
}

.post-footer {
    margin: 0 auto;
    max-width: 700px;
    padding: 3.2rem 20px 4.8rem
}

@media(min-width:768px) {
    .post-footer {
        margin: 0 auto;
        padding: 4.8rem 30px 6.4rem
    }
}

.post-footer .post-authors-list,
.post-footer .post-authors-list figure {
    padding-bottom: 0;
    padding-top: 0
}

.post-footer .post-authors-list figure:before {
    display: none
}

.post-authors-list {
    padding-bottom: 1.6rem;
    padding-top: 1.6rem
}

@media(min-width:768px) {
    .post-authors-list {
        padding-bottom: 3.2rem;
        padding-top: 3.2rem
    }
}

@media(min-width:992px) {
    .post-authors-list {
        padding-bottom: 4.8rem;
        padding-top: 4.8rem
    }
}

.post-authors-list h4 {
    color: #afafafa6;
    display: flex;
    font-size: 1.3rem;
    justify-content: space-between;
    letter-spacing: .075rem;
    margin-bottom: 3.2rem;
    padding-top: 1.6rem;
    position: relative
}

.post-authors-list h4:before {
    background: #e5e5e580;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .post-authors-list h4 {
        font-size: 1.4rem;
        margin-bottom: 4.8rem
    }
}

.post-authors-list h4 a {
    color: #1cb0f6;
    padding-right: 12px;
    position: relative;
    text-decoration: none
}

.post-authors-list h4 a:after,
.post-authors-list h4 a:before {
    background: #1cb0f6;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    margin-top: -3px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
    transform-origin: center;
    width: 6px
}

.post-authors-list h4 a:after {
    margin-top: 0;
    transform: rotate(-45deg)
}

.post-authors-list figure {
    display: flex;
    flex-direction: row;
    padding-bottom: 2.4rem;
    position: relative
}

.post-authors-list figure:before {
    background: #e5e5e580;
    border-radius: 5px;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.post-authors-list .author-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 56px;
    margin-right: 16px;
    overflow: hidden;
    width: 56px
}

@media(min-width:768px) {
    .post-authors-list .author-image {
        height: 64px;
        margin-right: 20px;
        width: 64px
    }
}

.post-authors-list .author-image img {
    height: 0;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0
}

.post-authors-list .author-details {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    flex-shrink: 1
}

@media(min-width:768px) {
    .post-authors-list .author-details {
        flex-direction: row
    }
}

.post-authors-list .author-name {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.post-authors-list .author-name h5 {
    color: #4b4b4b;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 0 4px
}

@media(min-width:768px) {
    .post-authors-list .author-name h5 {
        font-size: 2rem;
        margin: 0 0 2px
    }
}

.post-authors-list .author-name .author-bio {
    color: #afafaf;
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 8px
}

@media(min-width:768px) {
    .post-authors-list .author-name .author-bio {
        font-size: 1.5rem;
        margin-bottom: 0
    }
}

.post-authors-list .social {
    align-items: center;
    display: flex;
    flex-direction: row
}

@media(min-width:768px) {
    .post-authors-list .social {
        padding-left: 12px
    }
}

.related-posts {
    background: #f7f7f7b3;
    margin: 0 auto;
    padding: 4.8rem 0;
    width: 100%
}

@media(min-width:768px) {
    .related-posts {
        padding: 6.4rem 0
    }
}

.related-posts .related-posts-wrapper {
    margin: 0 auto;
    max-width: 700px;
    padding: 0 20px
}

@media(min-width:768px) {
    .related-posts .related-posts-wrapper {
        padding: 0 30px
    }
}

.related-posts h4 {
    color: #625d5da6;
    display: flex;
    font-size: 1.3rem;
    justify-content: space-between;
    letter-spacing: .075rem;
    margin-bottom: 3.2rem
}

@media(min-width:768px) {
    .related-posts h4 {
        font-size: 1.4rem
    }
}

.related-posts h4 a {
    color: #1cb0f6;
    padding-right: 12px;
    position: relative;
    text-decoration: none
}

.related-posts h4 a:after,
.related-posts h4 a:before {
    background: #1cb0f6;
    border-radius: 5px;
    content: "";
    display: block;
    height: 2px;
    margin-top: -3px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
    transform-origin: center;
    width: 6px
}

.related-posts h4 a:after {
    margin-top: 0;
    transform: rotate(-45deg)
}

@media(min-width:768px) {
    .related-posts .post-feed {
        margin-left: -9px;
        width: calc(100% + 18px)
    }
}

@media(min-width:992px) {
    .related-posts .post-feed {
        margin-left: -12px;
        width: calc(100% + 24px)
    }
}

.related-posts .post-feed .post {
    margin-bottom: 22px;
    width: 100%
}

@media(min-width:768px) {
    .related-posts .post-feed .post {
        margin: 0 9px 18px;
        width: calc(50% - 18px)
    }
}

@media(min-width:992px) {
    .related-posts .post-feed .post {
        margin: 0 12px;
        width: calc(50% - 24px)
    }
}

/*! CSS Used from: Embedded ; media=all */
@media {
    .cls-2 {
        opacity: .85
    }
}

.post-body .text {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px
}

.form-textarea {
    background-color: #fafafa;
    border: 1px solid #d0cece;
    border-radius: 5px;
    color: #5d5d5d;
    font-size: 17px;
    font-weight: 400;
    height: 200px;
    outline: unset;
    padding-right: 15px;
    padding-top: 15px;
    resize: none;
    width: 100%
}

.submit-form-parent {
    text-align: end
}

.muirtl-1ni2uz7 {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: #bdbdbd;
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
    font-size: 1.25rem;
    height: 40px;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    user-select: none;
    width: 40px
}

.text-secondary-600 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-secondary-600), var(--tw-text-opacity))
}

.p-1 {
    padding: .25rem
}

.bg-secondary-100\/50 {
    background-color: rgba(var(--color-secondary-100), .5)
}

.rounded-lg {
    border-radius: .5rem
}

.languages-container {
    direction: rtl;
    margin: 0 auto;
    max-width: 1056px;
    padding-bottom: 50px;
    padding-top: 100px;
    width: 100%
}

.languages-title {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 15px
}

.languages-list {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.Pb9x4 {
    background-color: rgb(var(--color-snow));
    border-color: rgb(var(--color-swan))
}

.language-card {
    border-radius: 16px;
    border-style: solid;
    border-width: 2px 2px 4px;
    cursor: pointer;
    display: inline-block;
    flex: 1 1 auto;
    margin: 12px;
    max-width: 240px;
    min-width: 200px;
    padding: 12px 12px 24px;
    text-align: center
}

._2RQkf,
.language-card {
    position: relative
}

._2W-iU {
    height: 80px;
    margin: 0 auto
}

.language-icon {
    background-color: #fff;
    border: 4px solid #fff;
    -o-object-fit: cover;
    object-fit: cover
}

._3xBT6 {
    color: #4b4b4b
}

.language-name {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 10px
}

._1me_G {
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 6px;
    min-height: 26px
}

._1XTi6,
._3Lqga {
    color: rgb(var(--color-snow));
    padding: 3px 5px !important
}

.IKNb- {
    height: 11px;
    width: 16px
}

._3Lqga {
    background-color: #58a700
}

._1o79T {
    align-items: center;
    border-radius: 5px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 10px
}

@media(max-width:699px), (min-width:700px)and (max-width:1065px) {
    .language-card {
        min-width: 150px
    }
}

.BRxkv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

._1SOAO {
    display: flex;
    flex-direction: column;
    padding: 0 16px 98px
}

._2FGtz {
    align-items: center;
    display: grid;
    line-height: 1.6;
    margin: 0 20px;
    padding: 19px 0;
    position: relative;
    width: 100%
}

._36de1 {
    padding-left: 24px;
    padding-right: 24px
}

._2N3tb {
    color: #4b4b4b;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 10px;
    text-align: center
}

._2SDdz {
    display: flex;
    flex-direction: column;
    margin: 20px auto 10px;
    row-gap: 10px;
    width: 100%
}

._1RpiQ {
    align-items: center;
    row-gap: 20px;
    width: 100%
}

._11ETR,
._1RpiQ {
    display: grid;
    position: relative
}

._2A6o6 {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    color: #4b4b4b;
    font: 700 1.25rem/1.5rem din-round;
    justify-content: center;
    overflow: hidden;
    padding-top: 20px;
    text-align: center
}

._2A6o6:before {
    left: 8px;
    margin-right: -50%
}

._2A6o6:after,
._2A6o6:before {
    background: #e5e5e5;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 180px
}

._2A6o6:after {
    margin-left: -50%;
    right: 8px
}

._22vCj {
    display: grid;
    row-gap: 8px
}

._11ETR {
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center
}

._3Dsa- {
    height: auto;
    line-height: 1;
    padding: 10px 0 5px
}

._1ID0N {
    display: flex;
    flex-direction: column;
    text-transform: none;
    width: 100%
}

._9lHjd {
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    user-select: inherit
}

.IxPSK {
    color: #4b4b4b;
    font-size: 19px
}

.IxPSK,
._3UqmZ {
    font-weight: 500;
    text-align: center
}

._3UqmZ {
    color: #afafaf;
    margin-bottom: 5px
}

.QhZ1x {
    margin: 0 auto;
    max-width: 40px;
    width: 60%
}

.oCRfA {
    color: #ffc800;
    height: 8px
}

._3yKMC,
.oCRfA {
    position: relative
}

._3yKMC {
    background: #e5e5e5;
    border-radius: 4px
}

@media(min-width:700px) {
    ._2N3tb {
        font-size: 32px
    }

    ._2SDdz {
        width: 60%
    }

    ._1RpiQ {
        max-width: 500px
    }
}

._29nVo,
._3j4WW {
    text-align: center
}

._29nVo {
    color: #777;
    font-size: 19px;
    line-height: 1.4
}

._2RVfP {
    padding-top: 8px
}

._11GK6 {
    margin-bottom: 16px;
    margin-top: 24px
}

.O6MuF,
._298Uw {
    font-weight: 700
}

._108HH {
    font-size: 25px;
    line-height: 34px
}

._7jW2t:not(._1ZhE5) {
    outline: none
}

._1gEmM {
    background: none;
    border: none;
    padding: 0;
    transition: filter .2s
}

.app[dir=rtl] ._2xnMb {
    padding-right: 16px
}

.app[dir=ltr] ._2xnMb {
    padding-left: 16px
}

._2xnMb {
    flex-direction: row;
    height: 100%;
    min-height: 110px;
    overflow: hidden;
    width: 100%
}

.app[dir=rtl] ._1AdLw {
    margin-left: auto
}

.app[dir=ltr] ._1AdLw {
    margin-right: auto
}

._1AdLw {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 16px;
    margin-top: 16px;
    min-width: 70%
}

.RgiqJ {
    align-items: center;
    color: rgb(var(--color-eel));
    display: flex;
    font-size: 19px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 8px
}

._2V0_0 {
    height: 20px;
    margin-left: 8px;
    width: 80px
}

.app[dir=rtl] ._1K4cg {
    text-align: right
}

.app[dir=ltr] ._1K4cg {
    text-align: left
}

._1K4cg {
    color: rgb(var(--color-wolf));
    font-size: 16px;
    font-weight: 500;
    line-height: 23px
}

.app[dir=rtl] ._3Ym-n {
    margin-right: 8px;
    transform: scaleX(-1)
}

.app[dir=ltr] ._3Ym-n {
    margin-left: 8px;
    transform: scale(1)
}

._3Ym-n {
    margin-top: 8px
}

.HrWti {
    background: rgb(var(--color-snow));
    border: 2px solid rgb(var(--color-swan));
    border-radius: 16px;
    box-shadow: 0 2px 0 rgb(var(--color-swan));
    margin-bottom: 16px;
    text-align: left;
    width: 100%
}

._2TZCt,
._2xnMb {
    border-radius: 16px;
    display: flex
}

.app[dir=rtl] ._2TZCt {
    left: -12px
}

.app[dir=ltr] ._2TZCt {
    right: -12px
}

._2TZCt {
    align-items: center;
    background: rgb(var(--color-cardinal));
    color: rgb(var(--color-snow-always-light));
    padding: 4px 8px;
    position: absolute;
    top: -12px
}

._2Rt1l {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase
}

.mistake-clean-anim {
    width: 12rem
}

@media(max-width:700px) {
    .mistake-clean-anim {
        width: 10rem
    }
}

.mistake-clean-heart {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 125px;
    max-width: 330px;
    width: 100%
}

.board {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    margin: 0 auto;
    max-width: 150vmin;
    grid-gap: 1vw
}

.grid-space {
    perspective: 1000px
}

.card {
    border-radius: 1vw;
    cursor: pointer;
    display: flex;
    padding-bottom: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: .4s ease-in-out
}

.flipped {
    transform: rotateY(180deg)
}