.ModalNotifyContent--buttons {
    right: 10px!important;
    bottom: -10px!important
}

.ModalNotify {
    max-width: 80%
}

.ModalNotify--bottom {
    padding-bottom: 10px;
    padding-bottom: calc(10px + var(--safe-area-inset-bottom))
}

.ModalNotify--bottom.ModalNotify--container {
    padding-bottom: calc(20px + var(--safe-area-inset-bottom))
}

.ModalNotify--top {
    padding-top: 10px;
    padding-top: calc(10px + var(--safe-area-inset-top))
}

.ModalNotify--top.ModalNotify--container {
    padding-top: calc(20px + var(--safe-area-inset-top))
}

.ModalNotify--background {
    z-index: 1;
    opacity: .5
}

.ModalNotify--progress {
    height: 5px;
    z-index: 2
}

.ModalNotify--counter {
    top: -5px;
    left: -15px;
    z-index: 3
}

.ModalNotify--in {
    z-index: 2
}

.ModalNotify--content {
    font-size: 16px;
    font-size: var(--current-element-font-size);
    min-height: 36px;
    min-height: var(--current-element-height)
}

.ModalNotifyBackground {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px)
}

.ModalPage--lifter>.ModalMask {
    z-index: 1
}

.ModalPage--lifter>.ModalPage {
    z-index: 2
}

.ModalPage {
    max-height: 100%;
    max-height: calc(100% - var(--safe-area-inset-top));
    width: 100%;
    max-width: 600px;
    transform-origin: center top
}

.ModalPage .BackgroundElement--beveled-1-2,.ModalPage .BackgroundElement--beveled-1-2~.ModalPage--header,.ModalPage .BackgroundElement--beveled-top,.ModalPage .BackgroundElement--beveled-top~.ModalPage--header {
    -webkit-clip-path: polygon(0 60px,15% 0,85% 0,100% 60px,100% 100%,0 100%);
    clip-path: polygon(0 60px,15% 0,85% 0,100% 60px,100% 100%,0 100%)
}

.ModalPage .BackgroundElement--beveled-1-2~.ModalPage--header~.ModalPage--in,.ModalPage .BackgroundElement--beveled-1-2~.ModalPage--in,.ModalPage .BackgroundElement--beveled-top~.ModalPage--header~.ModalPage--in,.ModalPage .BackgroundElement--beveled-top~.ModalPage--in {
    border-radius: 110px
}

.ModalPage--background {
    z-index: 1
}

.ModalPage--in {
    z-index: 2
}

.ModalPage--header {
    z-index: 3;
    top: -1px!important;
    border-bottom: 1px solid transparent
}

.ModalPage--scrolled>.ModalPage--header {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.ModalDialogContent>.ModalDialogContent--buttons {
    left: 0;
    top: 100%;
    top: calc(100% - 15px)
}

.BackgroundElement--skewed+.ModalDialog--in>.ModalDialogContent>.ModalDialogContent--content>.Title {
    margin-left: 10px
}

.BackgroundElement--skewed+.ModalDialog--in>.ModalDialogContent>.ModalDialogContent--content>.Description {
    margin-left: 20px
}

.ModalDialog--lifter .ModalMask {
    z-index: 1
}

.ModalDialog--lifter .ModalDialog {
    z-index: 2
}

.ModalDialog {
    max-height: 80%;
    max-height: calc(80% - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));
    width: 80%;
    max-width: 400px
}

.ModalDialog>.ModalDialog--rays-of-light {
    z-index: -1
}

.ModalDialog>.ModalDialog--background {
    z-index: 1
}

.ModalDialog>.ModalDialog--in {
    z-index: 2
}

.ModalDialog .BackgroundElement--skewed {
    transform: skewX(10deg)
}

.ModalTooltip--lifter>.ModalMask {
    z-index: 1
}

.ModalTooltip--lifter>.ModalTooltip {
    z-index: 2
}

.ModalCustom--lifter .ModalMask {
    z-index: 1
}

.ModalCustom--lifter .ModalCustom {
    z-index: 2
}

.Page>.Panes {
    z-index: 1
}

.Pane--in>.Pane--in__indented {
    margin-left: 16px;
    margin-right: 16px
}

.Pane--in>.Pane--in__indented:first-child {
    margin-top: 16px
}

.Pane--in>.Pane--in__indented:last-child {
    margin-bottom: 16px
}

.Pane--indents {
    padding-bottom: var(--safe-area-inset-bottom)
}

.Header,.Pane--indents {
    padding-top: var(--safe-area-inset-top)
}

.Header {
    font-size: 18px;
    height: 70px;
    height: calc(70px + var(--safe-area-inset-top));
    z-index: 10
}

.Header--background {
    z-index: 1
}

.Header--in {
    z-index: 2
}

.Header--status-bar {
    height: var(--safe-area-inset-top);
    z-index: 3
}

.Header--left,.Header--right {
    cursor: pointer;
    min-width: 27px;
    min-height: 27px
}

.Pane--with-Header>.Pane--indents {
    padding-top: 70px;
    padding-top: calc(70px + var(--safe-area-inset-top))
}

.HeaderTabs {
    --current-element-height: 70px;
    --current-element-font-size: 18px;
    height: 70px;
    height: calc(70px + var(--safe-area-inset-top));
    padding-top: var(--safe-area-inset-top);
    z-index: 10
}

.Pane--with-HeaderTabs>.Pane--indents {
    padding-top: 70px;
    padding-top: calc(70px + var(--safe-area-inset-bottom))
}

.Pane--with-HeaderTabs.Pane--with-Header .HeaderTabs {
    top: 70px;
    top: calc(70px + var(--safe-area-inset-bottom));
    height: 70px;
    padding-top: 0
}

.Pane--with-HeaderTabs.Pane--with-Header>.Pane--indents {
    padding-top: 140px;
    padding-top: calc(140px + var(--safe-area-inset-bottom))
}

.FooterTabs {
    --current-element-height: 70px;
    --current-element-font-size: 18px;
    height: 70px;
    height: calc(70px + var(--safe-area-inset-bottom));
    padding-bottom: var(--safe-area-inset-bottom);
    z-index: 10
}

.FooterTabs>.Tabs {
    max-width: 600px;
    margin: 0 auto
}

.Pane--with-FooterTabs>.Pane--indents {
    padding-bottom: 70px;
    padding-bottom: calc(70px + var(--safe-area-inset-bottom))
}

@media (max-width: 360px) {
    .FooterTabs {
        --current-element-height:60px;
        --current-element-font-size: 16px;
        height: calc(60px + var(--safe-area-inset-bottom))
    }

    .Pane--with-FooterTabs>.Pane--indents {
        padding-bottom: calc(60px + var(--safe-area-inset-bottom))
    }
}

@media (max-width: 320px) {
    .FooterTabs {
        --current-element-height:50px;
        --current-element-font-size: 14px;
        height: calc(50px + var(--safe-area-inset-bottom))
    }

    .Pane--with-FooterTabs>.Pane--indents {
        padding-bottom: calc(50px + var(--safe-area-inset-bottom))
    }
}

.Container {
    display: block;
    text-decoration: none;
    --current-element-height: 80px
}

.Container--background {
    z-index: 1
}

.Container--in {
    z-index: 2
}

.Container+.Cell,.Container+.Container:not(.ButtonCard),.Container+.MiniCell {
    margin-top: 16px
}

.flex .Cell+.Cell,.flex .Cell+.Container:not(.ButtonCard),.flex .Cell+.MiniCell,.flex .Container+.Cell,.flex .Container+.Container:not(.ButtonCard),.flex .Container+.MiniCell,.flex .MiniCell+.Cell,.flex .MiniCell+.Container:not(.ButtonCard),.flex .MiniCell+.MiniCell,.row .Cell+.Cell,.row .Cell+.Container:not(.ButtonCard),.row .Cell+.MiniCell,.row .Container+.Cell,.row .Container+.Container:not(.ButtonCard),.row .Container+.MiniCell,.row .MiniCell+.Cell,.row .MiniCell+.Container:not(.ButtonCard),.row .MiniCell+.MiniCell {
    margin-top: 0;
    margin-left: 16px
}

.Cell {
    text-decoration: none
}

.Cell--sizes,.Cell--sizes-wrapper>* {
    font-size: 20px;
    font-size: var(--current-element-font-size);
    min-height: 70px;
    min-height: var(--current-element-height)
}

.Cell--background {
    z-index: 1
}

.Cell--in {
    z-index: 2
}

.Cell--badge {
    z-index: 3
}

.Cell--buttons {
    right: 10px!important;
    bottom: -10px!important;
    z-index: 3
}

.Cell.Cell--align-left {
    margin-left: 0
}

.Cell.Cell--align-right {
    margin-right: 0
}

.Cell+.Cell:not(.mt-xs):not(.mt-sm):not(.mt-md):not(.mt-lg):not(.mt-xl),.Cell+.Container:not(.mt-xs):not(.mt-sm):not(.mt-md):not(.mt-lg):not(.mt-xl),.Cell+.MiniCell:not(.mt-xs):not(.mt-sm):not(.mt-md):not(.mt-lg):not(.mt-xl) {
    margin-top: 16px
}

.MiniCell {
    display: block;
    text-decoration: none
}

.MiniCell--background {
    z-index: 1
}

.MiniCell--in {
    z-index: 2;
    font-size: 20px;
    font-size: var(--current-element-font-size);
    height: 70px;
    height: var(--current-element-height)
}

.MiniCell.MiniCell--align-left {
    margin-left: 0
}

.MiniCell.MiniCell--align-right {
    margin-right: 0
}

.MiniCell+.Cell,.MiniCell+.Container,.MiniCell+.MiniCell {
    margin-top: 16px
}

.ModalMask:not(.transparent) {
    background-color: rgba(0,0,0,.2)
}

.ModalMask-leave-active {
    pointer-events: none
}

.ModalPageHeader--clearable {
    cursor: pointer
}

.ModalTooltipCard {
    max-width: 600px
}

.ModalTooltipCard--icon .BackgroundElement--skewed-right {
    -webkit-clip-path: polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 40px) 0,100% 100%,0 100%)
}

.Button {
    text-decoration: none
}

.Button--background {
    z-index: 1
}

.Button--in {
    z-index: 2;
    font-size: 16px;
    font-size: var(--current-element-font-size);
    padding: 0 36px;
    padding: 0 var(--current-element-height);
    min-height: 36px;
    min-height: var(--current-element-height)
}

.Button--in>.Button--label {
    line-height: 36px;
    line-height: var(--current-element-height)
}

.Button--hovered:not(.Button--loading) {
    color: #fff!important
}

.Button--hovered:not(.Button--loading)>.Button--background {
    background-color: #000!important;
    background-image: none!important
}

.Button--error:not(.Button--loading) {
    color: #fff!important
}

.Button--error:not(.Button--loading)>.Button--background {
    background-color: var(--negative)!important;
    background-image: none!important
}

.Button--loading {
    color: #fff!important
}

.Button--with-Icon>.Button--in {
    padding: 0 20px
}

.Button:not(.Button--loading):not(.Button--error):not(.Button--hovered) {
    cursor: pointer
}

.ButtonCard {
    --current-element-height: 80px;
    text-decoration: none
}

.ButtonCard--background {
    z-index: 1
}

.ButtonCard--in {
    z-index: 2
}

.Input--background {
    z-index: 1
}

.Input--in {
    z-index: 2;
    padding: 0 18px;
    padding: 0 calc(var(--current-element-height)/2)
}

.Input--in>.Input--input {
    outline: 0;
    border: 0;
    background: none;
    font-size: 16px;
    font-size: var(--current-element-font-size);
    min-height: 36px;
    min-height: var(--current-element-height);
    color: inherit
}

.Input--in>.Input--input::-moz-placeholder {
    color: hsla(0,0%,100%,.5)
}

.Input--in>.Input--input::placeholder {
    color: hsla(0,0%,100%,.5)
}

.Input--clearable {
    width: 16px;
    width: var(--current-element-font-size);
    height: 16px;
    height: var(--current-element-font-size)
}

.Input--error:not(.Input--loading),.Input--loading {
    color: #fff!important
}

.Input--error:not(.Input--loading)>.Input--background {
    background-color: var(--negative)!important;
    background-image: none!important
}

.Input--focused {
    color: #fff!important
}

.Input--focused>.Input--background {
    background-color: #000!important;
    background-image: none!important
}

.Input--focused>.Input--in>.Input--input {
    color: #fff!important
}

.Input--focused.Input--loading>.Input--background {
    background-color: var(--grey-7)!important
}

.Input--focused.Input--error>.Input--background {
    background-color: var(--red-10)!important
}

.Input--disabled>.Input--in>.Input--input {
    cursor: not-allowed;
    pointer-events: none
}

.Input--error-description {
    top: 100%!important
}

.Switch {
    cursor: pointer;
    font-size: 16px;
    font-size: var(--current-element-font-size);
    padding: 16px/20;
    padding: calc(var(--current-element-height)/20);
    height: 36px;
    height: var(--current-element-height);
    width: 72px;
    width: calc(var(--current-element-height)*2)
}

.Switch--toggle {
    width: 66%
}

.Switch.BackgroundElement--skewed>.Switch--toggle>.Switch--label {
    transform: skew(-15deg)
}

.TabsItem {
    cursor: pointer
}

.TabsItem--background {
    width: 110%;
    width: calc(100% + 10px);
    z-index: 1
}

.TabsItem--in {
    z-index: 2
}

.Tabs {
    font-size: 16px;
    font-size: var(--current-element-font-size);
    height: 36px;
    height: var(--current-element-height)
}

.Tabs--push-effect>.TabsItem>.TabsItem--in {
    transition: margin-top .2s ease
}

.Tabs--push-effect>.TabsItem:not(.active)>.TabsItem--in {
    margin-top: -10px
}

.TabsContent>.Tabs {
    z-index: 2
}

.TabsContent>.Tabs+.TabsContent--indents.fit {
    padding-top: 50px;
    padding-top: var(--current-element-height);
    z-index: 1
}

.BackgroundElement--circle,.BackgroundElement--round {
    border-radius: 50%
}

.BackgroundElement--skewed-clip {
    -webkit-clip-path: polygon(0 0,calc(100% - 19px) 0,100% 100%,19px 100%);
    clip-path: polygon(0 0,calc(100% - 19px) 0,100% 100%,19px 100%)
}

.BackgroundElement--skewed-right {
    -webkit-clip-path: polygon(0 0,calc(100% - 19px) 0,100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - 19px) 0,100% 100%,0 100%)
}

.BackgroundElement--skewed-left {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,19px 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,19px 100%)
}

.BackgroundElement--skewed {
    transform: skewX(15deg)
}

.BackgroundElement--beveled {
    --bevel-size: calc(var(--current-element-height)/4);
    -webkit-clip-path: polygon(0 var(--bevel-size),var(--bevel-size) 0,calc(100% - var(--bevel-size)) 0,100% var(--bevel-size),100% calc(100% - var(--bevel-size)),calc(100% - var(--bevel-size)) 100%,var(--bevel-size) 100%,0 calc(100% - var(--bevel-size)),0 var(--bevel-size));
    clip-path: polygon(0 var(--bevel-size),var(--bevel-size) 0,calc(100% - var(--bevel-size)) 0,100% var(--bevel-size),100% calc(100% - var(--bevel-size)),calc(100% - var(--bevel-size)) 100%,var(--bevel-size) 100%,0 calc(100% - var(--bevel-size)),0 var(--bevel-size))
}

.BackgroundElement--beveled-1 {
    --bevel-size: calc(var(--current-element-height)/2);
    -webkit-clip-path: polygon(0 var(--bevel-size),var(--bevel-size) 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 var(--bevel-size),var(--bevel-size) 0,100% 0,100% 100%,0 100%)
}

.BackgroundElement--beveled-2 {
    --bevel-size: calc(var(--current-element-height)/2);
    -webkit-clip-path: polygon(0 0,calc(100% - var(--bevel-size)) 0,100% var(--bevel-size),100% 100%,0 100%);
    clip-path: polygon(0 0,calc(100% - var(--bevel-size)) 0,100% var(--bevel-size),100% 100%,0 100%)
}

.BackgroundElement--beveled-3 {
    --bevel-size: calc(var(--current-element-height)/2);
    -webkit-clip-path: polygon(0 0,100% 0,100% calc(100% - var(--bevel-size)),calc(100% - var(--bevel-size)) 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% calc(100% - var(--bevel-size)),calc(100% - var(--bevel-size)) 100%,0 100%)
}

.BackgroundElement--beveled-4 {
    --bevel-size: calc(var(--current-element-height)/2);
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,var(--bevel-size) 100%,0 calc(100% - var(--bevel-size)));
    clip-path: polygon(0 0,100% 0,100% 100%,var(--bevel-size) 100%,0 calc(100% - var(--bevel-size)))
}

.BackgroundElement--beveled-1-3 {
    --bevel-size: calc(var(--current-element-height)/3);
    -webkit-clip-path: polygon(0 var(--bevel-size),var(--bevel-size) 0,100% 0,100% calc(100% - var(--bevel-size)),calc(100% - var(--bevel-size)) 100%,0 100%);
    clip-path: polygon(0 var(--bevel-size),var(--bevel-size) 0,100% 0,100% calc(100% - var(--bevel-size)),calc(100% - var(--bevel-size)) 100%,0 100%)
}

.BackgroundElement--beveled-2-4 {
    --bevel-size: calc(var(--current-element-height)/3);
    -webkit-clip-path: polygon(0 0,calc(100% - var(--bevel-size)) 0,100% var(--bevel-size),100% 100%,var(--bevel-size) 100%,0 calc(100% - var(--bevel-size)));
    clip-path: polygon(0 0,calc(100% - var(--bevel-size)) 0,100% var(--bevel-size),100% 100%,var(--bevel-size) 100%,0 calc(100% - var(--bevel-size)))
}

.BackgroundElement--running-strip-animation {
    background-color: var(--grey-6)!important;
    background-image: none!important;
    overflow: hidden!important
}

.BackgroundElement--running-strip-animation:after {
    content: "";
    position: absolute;
    top: 0;
    left: -20%;
    width: 20%;
    height: 100%;
    background-color: hsla(0,0%,100%,.2);
    animation: BackgroundElement--running-strip-animation 1s ease-in-out infinite
}

@keyframes BackgroundElement--running-strip-animation {
    0% {
        left: -20%
    }

    80%,to {
        left: 100%
    }
}

.WithBackground--background {
    z-index: 1
}

.WithBackground--in {
    z-index: 2
}

.IconSvg {
    height: 16px;
    height: var(--current-element-font-size);
    width: 16px;
    width: var(--current-element-font-size);
    vertical-align: top
}

.IconBackground {
    height: 36px;
    height: var(--current-element-height);
    width: 36px;
    width: var(--current-element-height)
}

.Loader {
    --loader-margin: calc(var(--loader-size)*0.1);
    --loader-size-without-margin: calc(var(--loader-size)*0.9)
}

.Loader--circle {
    display: inline-block;
    transform: translateZ(1px)
}

.Loader--circle>div {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 8px;
    width: var(--loader-size-without-margin);
    height: var(--loader-size-without-margin);
    margin: var(--loader-margin);
    border-radius: 50%;
    background: var(--loader-color);
    animation: Loader--circle 2.4s cubic-bezier(0,.2,.8,1) infinite
}

@keyframes Loader--circle {
    0%,to {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    0% {
        transform: rotateY(0deg)
    }

    50% {
        transform: rotateY(5turn);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    to {
        transform: rotateY(10turn)
    }
}

.Loader--dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    width: var(--loader-size-without-margin);
    height: var(--loader-size-without-margin);
    margin: var(--loader-margin);
    border-radius: 50%;
    border: 6px solid var(--loader-color);
    border: var(--loader-margin) solid var(--loader-color);
    border-color: var(--loader-color) transparent var(--loader-color) transparent;
    animation: Loader--dual-ring 1.2s linear infinite
}

@keyframes Loader--dual-ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Loader--facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    left: var(--loader-margin);
    width: calc(var(--loader-margin)*2);
    background: var(--loader-color);
    animation: Loader--facebook 1.2s cubic-bezier(0,.5,.5,1) infinite
}

.Loader--facebook div:first-child {
    left: 8px;
    left: var(--loader-margin);
    animation-delay: -.24s
}

.Loader--facebook div:nth-child(2) {
    left: 32px;
    left: calc(var(--loader-margin)*4);
    animation-delay: -.12s
}

.Loader--facebook div:nth-child(3) {
    left: 56px;
    left: calc(var(--loader-margin)*7);
    animation-delay: 0
}

@keyframes Loader--facebook {
    0% {
        top: 8px;
        top: var(--loader-margin);
        height: 64px;
        height: calc(var(--loader-margin)*8)
    }

    50%,to {
        top: 24px;
        top: calc(var(--loader-margin)*3);
        height: 32px;
        height: calc(var(--loader-margin)*4)
    }
}

.Loader--ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    width: var(--loader-size-without-margin);
    height: var(--loader-size-without-margin);
    margin: var(--loader-margin);
    border: 8px solid var(--loader-color);
    border: var(--loader-margin) solid var(--loader-color);
    border-radius: 50%;
    animation: Loader--ring 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border-color: var(--loader-color) transparent transparent transparent
}

.Loader--ring div:first-child {
    animation-delay: -.45s
}

.Loader--ring div:nth-child(2) {
    animation-delay: -.3s
}

.Loader--ring div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes Loader--ring {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.Loader--ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    top: calc(var(--loader-margin)*4);
    width: calc(var(--loader-margin)*1.5);
    height: calc(var(--loader-margin)*1.5);
    border-radius: 50%;
    background: var(--loader-color);
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.Loader--ellipsis div:first-child {
    left: 8px;
    left: var(--loader-margin);
    animation: Loader--ellipsis1 .6s infinite
}

.Loader--ellipsis div:nth-child(2) {
    left: 8px;
    left: var(--loader-margin);
    animation: Loader--ellipsis2 .6s infinite
}

.Loader--ellipsis div:nth-child(3) {
    left: 32px;
    left: calc(var(--loader-margin)*4);
    animation: Loader--ellipsis2 .6s infinite
}

.Loader--ellipsis div:nth-child(4) {
    left: 56px;
    left: calc(var(--loader-margin)*7);
    animation: Loader--ellipsis3 .6s infinite
}

@keyframes Loader--ellipsis1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Loader--ellipsis3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes Loader--ellipsis2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px);
        transform: translate(calc(var(--loader-margin)*3))
    }
}

.Loader--grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    width: calc(var(--loader-margin)*2);
    height: calc(var(--loader-margin)*2);
    border-radius: 50%;
    background: var(--loader-color);
    animation: Loader--grid 1.2s linear infinite
}

.Loader--grid div:first-child {
    top: 8px;
    left: 8px;
    top: var(--loader-margin);
    left: var(--loader-margin);
    animation-delay: 0s
}

.Loader--grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    top: var(--loader-margin);
    left: calc(var(--loader-margin)*4);
    animation-delay: -.4s
}

.Loader--grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    top: var(--loader-margin);
    left: calc(var(--loader-margin)*7);
    animation-delay: -.8s
}

.Loader--grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    top: calc(var(--loader-margin)*4);
    left: var(--loader-margin);
    animation-delay: -.4s
}

.Loader--grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    top: calc(var(--loader-margin)*4);
    left: calc(var(--loader-margin)*4);
    animation-delay: -.8s
}

.Loader--grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    top: calc(var(--loader-margin)*4);
    left: calc(var(--loader-margin)*7);
    animation-delay: -1.2s
}

.Loader--grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    top: calc(var(--loader-margin)*7);
    left: var(--loader-margin);
    animation-delay: -.8s
}

.Loader--grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    top: calc(var(--loader-margin)*7);
    left: calc(var(--loader-margin)*4);
    animation-delay: -1.2s
}

.Loader--grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    top: calc(var(--loader-margin)*7);
    left: calc(var(--loader-margin)*7);
    animation-delay: -1.6s
}

@keyframes Loader--grid {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.Loader--hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    margin: var(--loader-margin);
    box-sizing: border-box;
    border: 32px solid var(--loader-color);
    border: calc(var(--loader-margin)*4) solid var(--loader-color);
    border-color: var(--loader-color) transparent var(--loader-color) transparent;
    animation: Loader--hourglass 1.2s infinite
}

@keyframes Loader--hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        transform: rotate(5turn)
    }
}

.Loader--ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--ripple div {
    position: absolute;
    border: 4px solid var(--loader-color);
    border: calc(var(--loader-margin)/2) solid var(--loader-color);
    opacity: 1;
    border-radius: 50%;
    animation: Loader--ripple 1s cubic-bezier(0,.2,.8,1) infinite
}

.Loader--ripple div:nth-child(2) {
    animation-delay: -.5s
}

@keyframes Loader--ripple {
    0% {
        top: 36px;
        left: 36px;
        top: calc(var(--loader-margin)*4.5);
        left: calc(var(--loader-margin)*4.5);
        width: 0;
        height: 0;
        opacity: 0
    }

    4.9% {
        top: 36px;
        left: 36px;
        top: calc(var(--loader-margin)*4.5);
        left: calc(var(--loader-margin)*4.5);
        width: 0;
        height: 0;
        opacity: 0
    }

    5% {
        top: 36px;
        left: 36px;
        top: calc(var(--loader-margin)*4.5);
        left: calc(var(--loader-margin)*4.5);
        width: 0;
        height: 0;
        opacity: 1
    }

    to {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        width: calc(var(--loader-margin)*9);
        height: calc(var(--loader-margin)*9);
        opacity: 0
    }
}

.Loader--spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    width: var(--loader-size);
    height: var(--loader-size)
}

.Loader--spinner div {
    transform-origin: 40px 40px;
    transform-origin: calc(var(--loader-size)/2) calc(var(--loader-size)/2);
    animation: Loader--spinner 1.2s linear infinite
}

.Loader--spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    top: calc(var(--loader-margin)/2);
    left: calc(var(--loader-margin)*5);
    width: var(--loader-margin);
    height: calc(var(--loader-margin)*2);
    border-radius: 20%;
    background: var(--loader-color)
}

.Loader--spinner div:first-child {
    transform: rotate(0deg);
    animation-delay: -1.1s
}

.Loader--spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

.Loader--spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -.9s
}

.Loader--spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -.8s
}

.Loader--spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -.7s
}

.Loader--spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -.6s
}

.Loader--spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -.5s
}

.Loader--spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -.4s
}

.Loader--spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -.3s
}

.Loader--spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -.2s
}

.Loader--spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -.1s
}

.Loader--spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes Loader--spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.Badge {
    border-radius: 1em;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    min-height: 12px;
    padding: 2px 6px;
    vertical-align: initial
}

.Avatar {
    min-height: 36px;
    min-height: var(--current-element-height)
}

.Avatar,.Avatar--sizes {
    width: 36px;
    width: var(--current-element-height)
}

.Avatar--sizes {
    height: 36px;
    height: var(--current-element-height)
}

.Avatar--background {
    z-index: 1
}

.Avatar--background.BackgroundElement--skewed {
    overflow: hidden
}

.Avatar--background.BackgroundElement--skewed>.Avatar--background-image {
    transform: skewX(-15deg) scale(1.26)
}

.Avatar--background.BackgroundElement--skewed>.Avatar--background-image.Avatar--off-scale {
    transform: skewX(-15deg)
}

.Avatar--background-image {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.Avatar--icon {
    z-index: 2
}

.Avatar--button,.Avatar--description,.Avatar--mark-icon,.Avatar--progress,.Avatar--title {
    z-index: 3
}

.Avatar--with-background-skewed>.Avatar--title {
    margin-left: -18%
}

.Avatar--with-background-skewed>.Avatar--button,.Avatar--with-background-skewed>.Avatar--description,.Avatar--with-background-skewed>.Avatar--progress {
    margin-left: 18%
}

.Avatar--with-background-skewed>.Avatar--sizes>.Avatar--mark-icon.absolute-top-left {
    left: -9.2px!important
}

.Avatar--with-background-skewed>.Avatar--sizes>.Avatar--mark-icon.absolute-top-right {
    right: 9.2px!important
}

.Avatar--with-background-skewed>.Avatar--sizes>.Avatar--mark-icon.absolute-bottom-right {
    right: -9.2px!important
}

.Avatar--with-background-skewed>.Avatar--sizes>.Avatar--mark-icon.absolute-bottom-left {
    left: 9.2px!important
}

.Avatar .Avatar--title-inside {
    margin-left: 0;
    margin-bottom: -12px
}

.Avatar .Avatar--button-inside,.Avatar .Avatar--description-inside,.Avatar .Avatar--progress-inside {
    margin-left: 0;
    margin-top: -12px
}

.Typography {
    font-size: var(--current-element-font-size)
}

.TypographyBackground>:not(.BackgroundElement) {
    z-index: 2
}

.Progress--in {
    font-size: 18px;
    font-size: var(--current-element-font-size);
    height: 24px;
    height: var(--current-element-height)
}

.Progress--background {
    z-index: 1
}

.Progress--icon {
    z-index: 2
}

.Progress--icon.absolute-center-left {
    left: 10px
}

.Progress--icon.absolute-center-right {
    right: 10px
}

.Progress--in {
    z-index: 3
}

.RaysOfLight {
    height: 36px;
    height: var(--current-element-height);
    width: 36px;
    width: var(--current-element-height)
}

.RaysOfLight--animation {
    background-image: repeating-conic-gradient(red 0deg 15deg,#00f 15deg 30deg,green 30deg 45deg);
    -webkit-mask-image: radial-gradient(circle at center,#000 10%,transparent 70%);
    mask-image: radial-gradient(circle at center,#000 10%,transparent 70%);
    border-radius: 50%;
    animation: RaysOfLightRotate 10s linear infinite
}

@keyframes RaysOfLightRotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

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

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

body {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-focus-ring-color: hsla(0,0%,100%,0);
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: 14px;
    font-family: Roboto,-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 1.2;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    resize: none;
    outline: none
}

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

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

:root {
    --white: #fff;
    --black: #000;
    --red: #f44336;
    --red-1: #ffebee;
    --red-2: #ffcdd2;
    --red-3: #ef9a9a;
    --red-4: #e57373;
    --red-5: #ef5350;
    --red-6: #f44336;
    --red-7: #e53935;
    --red-8: #d32f2f;
    --red-9: #c62828;
    --red-10: #b71c1c;
    --red-11: #ff8a80;
    --red-12: #ff5252;
    --red-13: #ff1744;
    --red-14: #d50000;
    --pink: #e91e63;
    --pink-1: #fce4ec;
    --pink-2: #f8bbd0;
    --pink-3: #f48fb1;
    --pink-4: #f06292;
    --pink-5: #ec407a;
    --pink-6: #e91e63;
    --pink-7: #d81b60;
    --pink-8: #c2185b;
    --pink-9: #ad1457;
    --pink-10: #880e4f;
    --pink-11: #ff80ab;
    --pink-12: #ff4081;
    --pink-13: #f50057;
    --pink-14: #c51162;
    --purple: #9c27b0;
    --purple-1: #f3e5f5;
    --purple-2: #e1bee7;
    --purple-3: #ce93d8;
    --purple-4: #ba68c8;
    --purple-5: #ab47bc;
    --purple-6: #9c27b0;
    --purple-7: #8e24aa;
    --purple-8: #7b1fa2;
    --purple-9: #6a1b9a;
    --purple-10: #4a148c;
    --purple-11: #ea80fc;
    --purple-12: #e040fb;
    --purple-13: #d500f9;
    --purple-14: #a0f;
    --deep-purple: #673ab7;
    --deep-purple-1: #ede7f6;
    --deep-purple-2: #d1c4e9;
    --deep-purple-3: #b39ddb;
    --deep-purple-4: #9575cd;
    --deep-purple-5: #7e57c2;
    --deep-purple-6: #673ab7;
    --deep-purple-7: #5e35b1;
    --deep-purple-8: #512da8;
    --deep-purple-9: #4527a0;
    --deep-purple-10: #311b92;
    --deep-purple-11: #b388ff;
    --deep-purple-12: #7c4dff;
    --deep-purple-13: #651fff;
    --deep-purple-14: #6200ea;
    --indigo: #3f51b5;
    --indigo-1: #e8eaf6;
    --indigo-2: #c5cae9;
    --indigo-3: #9fa8da;
    --indigo-4: #7986cb;
    --indigo-5: #5c6bc0;
    --indigo-6: #3f51b5;
    --indigo-7: #3949ab;
    --indigo-8: #303f9f;
    --indigo-9: #283593;
    --indigo-10: #1a237e;
    --indigo-11: #8c9eff;
    --indigo-12: #536dfe;
    --indigo-13: #3d5afe;
    --indigo-14: #304ffe;
    --blue: #2196f3;
    --blue-1: #e3f2fd;
    --blue-2: #bbdefb;
    --blue-3: #90caf9;
    --blue-4: #64b5f6;
    --blue-5: #42a5f5;
    --blue-6: #2196f3;
    --blue-7: #1e88e5;
    --blue-8: #1976d2;
    --blue-9: #1565c0;
    --blue-10: #0d47a1;
    --blue-11: #82b1ff;
    --blue-12: #448aff;
    --blue-13: #2979ff;
    --blue-14: #2962ff;
    --light-blue: #03a9f4;
    --light-blue-1: #e1f5fe;
    --light-blue-2: #b3e5fc;
    --light-blue-3: #81d4fa;
    --light-blue-4: #4fc3f7;
    --light-blue-5: #29b6f6;
    --light-blue-6: #03a9f4;
    --light-blue-7: #039be5;
    --light-blue-8: #0288d1;
    --light-blue-9: #0277bd;
    --light-blue-10: #01579b;
    --light-blue-11: #80d8ff;
    --light-blue-12: #40c4ff;
    --light-blue-13: #00b0ff;
    --light-blue-14: #0091ea;
    --cyan: #00bcd4;
    --cyan-1: #e0f7fa;
    --cyan-2: #b2ebf2;
    --cyan-3: #80deea;
    --cyan-4: #4dd0e1;
    --cyan-5: #26c6da;
    --cyan-6: #00bcd4;
    --cyan-7: #00acc1;
    --cyan-8: #0097a7;
    --cyan-9: #00838f;
    --cyan-10: #006064;
    --cyan-11: #84ffff;
    --cyan-12: #18ffff;
    --cyan-13: #00e5ff;
    --cyan-14: #00b8d4;
    --teal: #009688;
    --teal-1: #e0f2f1;
    --teal-2: #b2dfdb;
    --teal-3: #80cbc4;
    --teal-4: #4db6ac;
    --teal-5: #26a69a;
    --teal-6: #009688;
    --teal-7: #00897b;
    --teal-8: #00796b;
    --teal-9: #00695c;
    --teal-10: #004d40;
    --teal-11: #a7ffeb;
    --teal-12: #64ffda;
    --teal-13: #1de9b6;
    --teal-14: #00bfa5;
    --green: #4caf50;
    --green-1: #e8f5e9;
    --green-2: #c8e6c9;
    --green-3: #a5d6a7;
    --green-4: #81c784;
    --green-5: #66bb6a;
    --green-6: #4caf50;
    --green-7: #43a047;
    --green-8: #388e3c;
    --green-9: #2e7d32;
    --green-10: #1b5e20;
    --green-11: #b9f6ca;
    --green-12: #69f0ae;
    --green-13: #00e676;
    --green-14: #00c853;
    --light-green: #8bc34a;
    --light-green-1: #f1f8e9;
    --light-green-2: #dcedc8;
    --light-green-3: #c5e1a5;
    --light-green-4: #aed581;
    --light-green-5: #9ccc65;
    --light-green-6: #8bc34a;
    --light-green-7: #7cb342;
    --light-green-8: #689f38;
    --light-green-9: #558b2f;
    --light-green-10: #33691e;
    --light-green-11: #ccff90;
    --light-green-12: #b2ff59;
    --light-green-13: #76ff03;
    --light-green-14: #64dd17;
    --lime: #cddc39;
    --lime-1: #f9fbe7;
    --lime-2: #f0f4c3;
    --lime-3: #e6ee9c;
    --lime-4: #dce775;
    --lime-5: #d4e157;
    --lime-6: #cddc39;
    --lime-7: #c0ca33;
    --lime-8: #afb42b;
    --lime-9: #9e9d24;
    --lime-10: #827717;
    --lime-11: #f4ff81;
    --lime-12: #eeff41;
    --lime-13: #c6ff00;
    --lime-14: #aeea00;
    --yellow: #ffeb3b;
    --yellow-1: #fffde7;
    --yellow-2: #fff9c4;
    --yellow-3: #fff59d;
    --yellow-4: #fff176;
    --yellow-5: #ffee58;
    --yellow-6: #ffeb3b;
    --yellow-7: #fdd835;
    --yellow-8: #fbc02d;
    --yellow-9: #f9a825;
    --yellow-10: #f57f17;
    --yellow-11: #ffff8d;
    --yellow-12: #ff0;
    --yellow-13: #ffea00;
    --yellow-14: #ffd600;
    --amber: #ffc107;
    --amber-1: #fff8e1;
    --amber-2: #ffecb3;
    --amber-3: #ffe082;
    --amber-4: #ffd54f;
    --amber-5: #ffca28;
    --amber-6: #ffc107;
    --amber-7: #ffb300;
    --amber-8: #ffa000;
    --amber-9: #ff8f00;
    --amber-10: #ff6f00;
    --amber-11: #ffe57f;
    --amber-12: #ffd740;
    --amber-13: #ffc400;
    --amber-14: #ffab00;
    --orange: #ff9800;
    --orange-1: #fff3e0;
    --orange-2: #ffe0b2;
    --orange-3: #ffcc80;
    --orange-4: #ffb74d;
    --orange-5: #ffa726;
    --orange-6: #ff9800;
    --orange-7: #fb8c00;
    --orange-8: #f57c00;
    --orange-9: #ef6c00;
    --orange-10: #e65100;
    --orange-11: #ffd180;
    --orange-12: #ffab40;
    --orange-13: #ff9100;
    --orange-14: #ff6d00;
    --deep-orange: #ff5722;
    --deep-orange-1: #fbe9e7;
    --deep-orange-2: #ffccbc;
    --deep-orange-3: #ffab91;
    --deep-orange-4: #ff8a65;
    --deep-orange-5: #ff7043;
    --deep-orange-6: #ff5722;
    --deep-orange-7: #f4511e;
    --deep-orange-8: #e64a19;
    --deep-orange-9: #d84315;
    --deep-orange-10: #bf360c;
    --deep-orange-11: #ff9e80;
    --deep-orange-12: #ff6e40;
    --deep-orange-13: #ff3d00;
    --deep-orange-14: #dd2c00;
    --brown: #795548;
    --brown-1: #efebe9;
    --brown-2: #d7ccc8;
    --brown-3: #bcaaa4;
    --brown-4: #a1887f;
    --brown-5: #8d6e63;
    --brown-6: #795548;
    --brown-7: #6d4c41;
    --brown-8: #5d4037;
    --brown-9: #4e342e;
    --brown-10: #3e2723;
    --brown-11: #d7ccc8;
    --brown-12: #bcaaa4;
    --brown-13: #8d6e63;
    --brown-14: #5d4037;
    --grey: #9e9e9e;
    --grey-1: #fafafa;
    --grey-2: #f5f5f5;
    --grey-3: #eee;
    --grey-4: #e0e0e0;
    --grey-5: #bdbdbd;
    --grey-6: #9e9e9e;
    --grey-7: #757575;
    --grey-8: #616161;
    --grey-9: #424242;
    --grey-10: #212121;
    --grey-11: #f5f5f5;
    --grey-12: #eee;
    --grey-13: #bdbdbd;
    --grey-14: #616161;
    --blue-grey: #607d8b;
    --blue-grey-1: #eceff1;
    --blue-grey-2: #cfd8dc;
    --blue-grey-3: #b0bec5;
    --blue-grey-4: #90a4ae;
    --blue-grey-5: #78909c;
    --blue-grey-6: #607d8b;
    --blue-grey-7: #546e7a;
    --blue-grey-8: #455a64;
    --blue-grey-9: #37474f;
    --blue-grey-10: #263238;
    --blue-grey-11: #cfd8dc;
    --blue-grey-12: #b0bec5;
    --blue-grey-13: #78909c;
    --blue-grey-14: #455a64
}

:root .bg-white {
    background-color: #fff
}

:root .text-white {
    color: #fff
}

:root .bg-black {
    background-color: #000
}

:root .text-black {
    color: #000
}

:root .bg-red {
    background-color: #f44336
}

:root .text-red {
    color: #f44336
}

:root .bg-red-1 {
    background-color: #ffebee
}

:root .text-red-1 {
    color: #ffebee
}

:root .bg-red-2 {
    background-color: #ffcdd2
}

:root .text-red-2 {
    color: #ffcdd2
}

:root .bg-red-3 {
    background-color: #ef9a9a
}

:root .text-red-3 {
    color: #ef9a9a
}

:root .bg-red-4 {
    background-color: #e57373
}

:root .text-red-4 {
    color: #e57373
}

:root .bg-red-5 {
    background-color: #ef5350
}

:root .text-red-5 {
    color: #ef5350
}

:root .bg-red-6 {
    background-color: #f44336
}

:root .text-red-6 {
    color: #f44336
}

:root .bg-red-7 {
    background-color: #e53935
}

:root .text-red-7 {
    color: #e53935
}

:root .bg-red-8 {
    background-color: #d32f2f
}

:root .text-red-8 {
    color: #d32f2f
}

:root .bg-red-9 {
    background-color: #c62828
}

:root .text-red-9 {
    color: #c62828
}

:root .bg-red-10 {
    background-color: #b71c1c
}

:root .text-red-10 {
    color: #b71c1c
}

:root .bg-red-11 {
    background-color: #ff8a80
}

:root .text-red-11 {
    color: #ff8a80
}

:root .bg-red-12 {
    background-color: #ff5252
}

:root .text-red-12 {
    color: #ff5252
}

:root .bg-red-13 {
    background-color: #ff1744
}

:root .text-red-13 {
    color: #ff1744
}

:root .bg-red-14 {
    background-color: #d50000
}

:root .text-red-14 {
    color: #d50000
}

:root .bg-pink {
    background-color: #e91e63
}

:root .text-pink {
    color: #e91e63
}

:root .bg-pink-1 {
    background-color: #fce4ec
}

:root .text-pink-1 {
    color: #fce4ec
}

:root .bg-pink-2 {
    background-color: #f8bbd0
}

:root .text-pink-2 {
    color: #f8bbd0
}

:root .bg-pink-3 {
    background-color: #f48fb1
}

:root .text-pink-3 {
    color: #f48fb1
}

:root .bg-pink-4 {
    background-color: #f06292
}

:root .text-pink-4 {
    color: #f06292
}

:root .bg-pink-5 {
    background-color: #ec407a
}

:root .text-pink-5 {
    color: #ec407a
}

:root .bg-pink-6 {
    background-color: #e91e63
}

:root .text-pink-6 {
    color: #e91e63
}

:root .bg-pink-7 {
    background-color: #d81b60
}

:root .text-pink-7 {
    color: #d81b60
}

:root .bg-pink-8 {
    background-color: #c2185b
}

:root .text-pink-8 {
    color: #c2185b
}

:root .bg-pink-9 {
    background-color: #ad1457
}

:root .text-pink-9 {
    color: #ad1457
}

:root .bg-pink-10 {
    background-color: #880e4f
}

:root .text-pink-10 {
    color: #880e4f
}

:root .bg-pink-11 {
    background-color: #ff80ab
}

:root .text-pink-11 {
    color: #ff80ab
}

:root .bg-pink-12 {
    background-color: #ff4081
}

:root .text-pink-12 {
    color: #ff4081
}

:root .bg-pink-13 {
    background-color: #f50057
}

:root .text-pink-13 {
    color: #f50057
}

:root .bg-pink-14 {
    background-color: #c51162
}

:root .text-pink-14 {
    color: #c51162
}

:root .bg-purple {
    background-color: #9c27b0
}

:root .text-purple {
    color: #9c27b0
}

:root .bg-purple-1 {
    background-color: #f3e5f5
}

:root .text-purple-1 {
    color: #f3e5f5
}

:root .bg-purple-2 {
    background-color: #e1bee7
}

:root .text-purple-2 {
    color: #e1bee7
}

:root .bg-purple-3 {
    background-color: #ce93d8
}

:root .text-purple-3 {
    color: #ce93d8
}

:root .bg-purple-4 {
    background-color: #ba68c8
}

:root .text-purple-4 {
    color: #ba68c8
}

:root .bg-purple-5 {
    background-color: #ab47bc
}

:root .text-purple-5 {
    color: #ab47bc
}

:root .bg-purple-6 {
    background-color: #9c27b0
}

:root .text-purple-6 {
    color: #9c27b0
}

:root .bg-purple-7 {
    background-color: #8e24aa
}

:root .text-purple-7 {
    color: #8e24aa
}

:root .bg-purple-8 {
    background-color: #7b1fa2
}

:root .text-purple-8 {
    color: #7b1fa2
}

:root .bg-purple-9 {
    background-color: #6a1b9a
}

:root .text-purple-9 {
    color: #6a1b9a
}

:root .bg-purple-10 {
    background-color: #4a148c
}

:root .text-purple-10 {
    color: #4a148c
}

:root .bg-purple-11 {
    background-color: #ea80fc
}

:root .text-purple-11 {
    color: #ea80fc
}

:root .bg-purple-12 {
    background-color: #e040fb
}

:root .text-purple-12 {
    color: #e040fb
}

:root .bg-purple-13 {
    background-color: #d500f9
}

:root .text-purple-13 {
    color: #d500f9
}

:root .bg-purple-14 {
    background-color: #a0f
}

:root .text-purple-14 {
    color: #a0f
}

:root .bg-deep-purple {
    background-color: #673ab7
}

:root .text-deep-purple {
    color: #673ab7
}

:root .bg-deep-purple-1 {
    background-color: #ede7f6
}

:root .text-deep-purple-1 {
    color: #ede7f6
}

:root .bg-deep-purple-2 {
    background-color: #d1c4e9
}

:root .text-deep-purple-2 {
    color: #d1c4e9
}

:root .bg-deep-purple-3 {
    background-color: #b39ddb
}

:root .text-deep-purple-3 {
    color: #b39ddb
}

:root .bg-deep-purple-4 {
    background-color: #9575cd
}

:root .text-deep-purple-4 {
    color: #9575cd
}

:root .bg-deep-purple-5 {
    background-color: #7e57c2
}

:root .text-deep-purple-5 {
    color: #7e57c2
}

:root .bg-deep-purple-6 {
    background-color: #673ab7
}

:root .text-deep-purple-6 {
    color: #673ab7
}

:root .bg-deep-purple-7 {
    background-color: #5e35b1
}

:root .text-deep-purple-7 {
    color: #5e35b1
}

:root .bg-deep-purple-8 {
    background-color: #512da8
}

:root .text-deep-purple-8 {
    color: #512da8
}

:root .bg-deep-purple-9 {
    background-color: #4527a0
}

:root .text-deep-purple-9 {
    color: #4527a0
}

:root .bg-deep-purple-10 {
    background-color: #311b92
}

:root .text-deep-purple-10 {
    color: #311b92
}

:root .bg-deep-purple-11 {
    background-color: #b388ff
}

:root .text-deep-purple-11 {
    color: #b388ff
}

:root .bg-deep-purple-12 {
    background-color: #7c4dff
}

:root .text-deep-purple-12 {
    color: #7c4dff
}

:root .bg-deep-purple-13 {
    background-color: #651fff
}

:root .text-deep-purple-13 {
    color: #651fff
}

:root .bg-deep-purple-14 {
    background-color: #6200ea
}

:root .text-deep-purple-14 {
    color: #6200ea
}

:root .bg-indigo {
    background-color: #3f51b5
}

:root .text-indigo {
    color: #3f51b5
}

:root .bg-indigo-1 {
    background-color: #e8eaf6
}

:root .text-indigo-1 {
    color: #e8eaf6
}

:root .bg-indigo-2 {
    background-color: #c5cae9
}

:root .text-indigo-2 {
    color: #c5cae9
}

:root .bg-indigo-3 {
    background-color: #9fa8da
}

:root .text-indigo-3 {
    color: #9fa8da
}

:root .bg-indigo-4 {
    background-color: #7986cb
}

:root .text-indigo-4 {
    color: #7986cb
}

:root .bg-indigo-5 {
    background-color: #5c6bc0
}

:root .text-indigo-5 {
    color: #5c6bc0
}

:root .bg-indigo-6 {
    background-color: #3f51b5
}

:root .text-indigo-6 {
    color: #3f51b5
}

:root .bg-indigo-7 {
    background-color: #3949ab
}

:root .text-indigo-7 {
    color: #3949ab
}

:root .bg-indigo-8 {
    background-color: #303f9f
}

:root .text-indigo-8 {
    color: #303f9f
}

:root .bg-indigo-9 {
    background-color: #283593
}

:root .text-indigo-9 {
    color: #283593
}

:root .bg-indigo-10 {
    background-color: #1a237e
}

:root .text-indigo-10 {
    color: #1a237e
}

:root .bg-indigo-11 {
    background-color: #8c9eff
}

:root .text-indigo-11 {
    color: #8c9eff
}

:root .bg-indigo-12 {
    background-color: #536dfe
}

:root .text-indigo-12 {
    color: #536dfe
}

:root .bg-indigo-13 {
    background-color: #3d5afe
}

:root .text-indigo-13 {
    color: #3d5afe
}

:root .bg-indigo-14 {
    background-color: #304ffe
}

:root .text-indigo-14 {
    color: #304ffe
}

:root .bg-blue {
    background-color: #2196f3
}

:root .text-blue {
    color: #2196f3
}

:root .bg-blue-1 {
    background-color: #e3f2fd
}

:root .text-blue-1 {
    color: #e3f2fd
}

:root .bg-blue-2 {
    background-color: #bbdefb
}

:root .text-blue-2 {
    color: #bbdefb
}

:root .bg-blue-3 {
    background-color: #90caf9
}

:root .text-blue-3 {
    color: #90caf9
}

:root .bg-blue-4 {
    background-color: #64b5f6
}

:root .text-blue-4 {
    color: #64b5f6
}

:root .bg-blue-5 {
    background-color: #42a5f5
}

:root .text-blue-5 {
    color: #42a5f5
}

:root .bg-blue-6 {
    background-color: #2196f3
}

:root .text-blue-6 {
    color: #2196f3
}

:root .bg-blue-7 {
    background-color: #1e88e5
}

:root .text-blue-7 {
    color: #1e88e5
}

:root .bg-blue-8 {
    background-color: #1976d2
}

:root .text-blue-8 {
    color: #1976d2
}

:root .bg-blue-9 {
    background-color: #1565c0
}

:root .text-blue-9 {
    color: #1565c0
}

:root .bg-blue-10 {
    background-color: #0d47a1
}

:root .text-blue-10 {
    color: #0d47a1
}

:root .bg-blue-11 {
    background-color: #82b1ff
}

:root .text-blue-11 {
    color: #82b1ff
}

:root .bg-blue-12 {
    background-color: #448aff
}

:root .text-blue-12 {
    color: #448aff
}

:root .bg-blue-13 {
    background-color: #2979ff
}

:root .text-blue-13 {
    color: #2979ff
}

:root .bg-blue-14 {
    background-color: #2962ff
}

:root .text-blue-14 {
    color: #2962ff
}

:root .bg-light-blue {
    background-color: #03a9f4
}

:root .text-light-blue {
    color: #03a9f4
}

:root .bg-light-blue-1 {
    background-color: #e1f5fe
}

:root .text-light-blue-1 {
    color: #e1f5fe
}

:root .bg-light-blue-2 {
    background-color: #b3e5fc
}

:root .text-light-blue-2 {
    color: #b3e5fc
}

:root .bg-light-blue-3 {
    background-color: #81d4fa
}

:root .text-light-blue-3 {
    color: #81d4fa
}

:root .bg-light-blue-4 {
    background-color: #4fc3f7
}

:root .text-light-blue-4 {
    color: #4fc3f7
}

:root .bg-light-blue-5 {
    background-color: #29b6f6
}

:root .text-light-blue-5 {
    color: #29b6f6
}

:root .bg-light-blue-6 {
    background-color: #03a9f4
}

:root .text-light-blue-6 {
    color: #03a9f4
}

:root .bg-light-blue-7 {
    background-color: #039be5
}

:root .text-light-blue-7 {
    color: #039be5
}

:root .bg-light-blue-8 {
    background-color: #0288d1
}

:root .text-light-blue-8 {
    color: #0288d1
}

:root .bg-light-blue-9 {
    background-color: #0277bd
}

:root .text-light-blue-9 {
    color: #0277bd
}

:root .bg-light-blue-10 {
    background-color: #01579b
}

:root .text-light-blue-10 {
    color: #01579b
}

:root .bg-light-blue-11 {
    background-color: #80d8ff
}

:root .text-light-blue-11 {
    color: #80d8ff
}

:root .bg-light-blue-12 {
    background-color: #40c4ff
}

:root .text-light-blue-12 {
    color: #40c4ff
}

:root .bg-light-blue-13 {
    background-color: #00b0ff
}

:root .text-light-blue-13 {
    color: #00b0ff
}

:root .bg-light-blue-14 {
    background-color: #0091ea
}

:root .text-light-blue-14 {
    color: #0091ea
}

:root .bg-cyan {
    background-color: #00bcd4
}

:root .text-cyan {
    color: #00bcd4
}

:root .bg-cyan-1 {
    background-color: #e0f7fa
}

:root .text-cyan-1 {
    color: #e0f7fa
}

:root .bg-cyan-2 {
    background-color: #b2ebf2
}

:root .text-cyan-2 {
    color: #b2ebf2
}

:root .bg-cyan-3 {
    background-color: #80deea
}

:root .text-cyan-3 {
    color: #80deea
}

:root .bg-cyan-4 {
    background-color: #4dd0e1
}

:root .text-cyan-4 {
    color: #4dd0e1
}

:root .bg-cyan-5 {
    background-color: #26c6da
}

:root .text-cyan-5 {
    color: #26c6da
}

:root .bg-cyan-6 {
    background-color: #00bcd4
}

:root .text-cyan-6 {
    color: #00bcd4
}

:root .bg-cyan-7 {
    background-color: #00acc1
}

:root .text-cyan-7 {
    color: #00acc1
}

:root .bg-cyan-8 {
    background-color: #0097a7
}

:root .text-cyan-8 {
    color: #0097a7
}

:root .bg-cyan-9 {
    background-color: #00838f
}

:root .text-cyan-9 {
    color: #00838f
}

:root .bg-cyan-10 {
    background-color: #006064
}

:root .text-cyan-10 {
    color: #006064
}

:root .bg-cyan-11 {
    background-color: #84ffff
}

:root .text-cyan-11 {
    color: #84ffff
}

:root .bg-cyan-12 {
    background-color: #18ffff
}

:root .text-cyan-12 {
    color: #18ffff
}

:root .bg-cyan-13 {
    background-color: #00e5ff
}

:root .text-cyan-13 {
    color: #00e5ff
}

:root .bg-cyan-14 {
    background-color: #00b8d4
}

:root .text-cyan-14 {
    color: #00b8d4
}

:root .bg-teal {
    background-color: #009688
}

:root .text-teal {
    color: #009688
}

:root .bg-teal-1 {
    background-color: #e0f2f1
}

:root .text-teal-1 {
    color: #e0f2f1
}

:root .bg-teal-2 {
    background-color: #b2dfdb
}

:root .text-teal-2 {
    color: #b2dfdb
}

:root .bg-teal-3 {
    background-color: #80cbc4
}

:root .text-teal-3 {
    color: #80cbc4
}

:root .bg-teal-4 {
    background-color: #4db6ac
}

:root .text-teal-4 {
    color: #4db6ac
}

:root .bg-teal-5 {
    background-color: #26a69a
}

:root .text-teal-5 {
    color: #26a69a
}

:root .bg-teal-6 {
    background-color: #009688
}

:root .text-teal-6 {
    color: #009688
}

:root .bg-teal-7 {
    background-color: #00897b
}

:root .text-teal-7 {
    color: #00897b
}

:root .bg-teal-8 {
    background-color: #00796b
}

:root .text-teal-8 {
    color: #00796b
}

:root .bg-teal-9 {
    background-color: #00695c
}

:root .text-teal-9 {
    color: #00695c
}

:root .bg-teal-10 {
    background-color: #004d40
}

:root .text-teal-10 {
    color: #004d40
}

:root .bg-teal-11 {
    background-color: #a7ffeb
}

:root .text-teal-11 {
    color: #a7ffeb
}

:root .bg-teal-12 {
    background-color: #64ffda
}

:root .text-teal-12 {
    color: #64ffda
}

:root .bg-teal-13 {
    background-color: #1de9b6
}

:root .text-teal-13 {
    color: #1de9b6
}

:root .bg-teal-14 {
    background-color: #00bfa5
}

:root .text-teal-14 {
    color: #00bfa5
}

:root .bg-green {
    background-color: #4caf50
}

:root .text-green {
    color: #4caf50
}

:root .bg-green-1 {
    background-color: #e8f5e9
}

:root .text-green-1 {
    color: #e8f5e9
}

:root .bg-green-2 {
    background-color: #c8e6c9
}

:root .text-green-2 {
    color: #c8e6c9
}

:root .bg-green-3 {
    background-color: #a5d6a7
}

:root .text-green-3 {
    color: #a5d6a7
}

:root .bg-green-4 {
    background-color: #81c784
}

:root .text-green-4 {
    color: #81c784
}

:root .bg-green-5 {
    background-color: #66bb6a
}

:root .text-green-5 {
    color: #66bb6a
}

:root .bg-green-6 {
    background-color: #4caf50
}

:root .text-green-6 {
    color: #4caf50
}

:root .bg-green-7 {
    background-color: #43a047
}

:root .text-green-7 {
    color: #43a047
}

:root .bg-green-8 {
    background-color: #388e3c
}

:root .text-green-8 {
    color: #388e3c
}

:root .bg-green-9 {
    background-color: #2e7d32
}

:root .text-green-9 {
    color: #2e7d32
}

:root .bg-green-10 {
    background-color: #1b5e20
}

:root .text-green-10 {
    color: #1b5e20
}

:root .bg-green-11 {
    background-color: #b9f6ca
}

:root .text-green-11 {
    color: #b9f6ca
}

:root .bg-green-12 {
    background-color: #69f0ae
}

:root .text-green-12 {
    color: #69f0ae
}

:root .bg-green-13 {
    background-color: #00e676
}

:root .text-green-13 {
    color: #00e676
}

:root .bg-green-14 {
    background-color: #00c853
}

:root .text-green-14 {
    color: #00c853
}

:root .bg-light-green {
    background-color: #8bc34a
}

:root .text-light-green {
    color: #8bc34a
}

:root .bg-light-green-1 {
    background-color: #f1f8e9
}

:root .text-light-green-1 {
    color: #f1f8e9
}

:root .bg-light-green-2 {
    background-color: #dcedc8
}

:root .text-light-green-2 {
    color: #dcedc8
}

:root .bg-light-green-3 {
    background-color: #c5e1a5
}

:root .text-light-green-3 {
    color: #c5e1a5
}

:root .bg-light-green-4 {
    background-color: #aed581
}

:root .text-light-green-4 {
    color: #aed581
}

:root .bg-light-green-5 {
    background-color: #9ccc65
}

:root .text-light-green-5 {
    color: #9ccc65
}

:root .bg-light-green-6 {
    background-color: #8bc34a
}

:root .text-light-green-6 {
    color: #8bc34a
}

:root .bg-light-green-7 {
    background-color: #7cb342
}

:root .text-light-green-7 {
    color: #7cb342
}

:root .bg-light-green-8 {
    background-color: #689f38
}

:root .text-light-green-8 {
    color: #689f38
}

:root .bg-light-green-9 {
    background-color: #558b2f
}

:root .text-light-green-9 {
    color: #558b2f
}

:root .bg-light-green-10 {
    background-color: #33691e
}

:root .text-light-green-10 {
    color: #33691e
}

:root .bg-light-green-11 {
    background-color: #ccff90
}

:root .text-light-green-11 {
    color: #ccff90
}

:root .bg-light-green-12 {
    background-color: #b2ff59
}

:root .text-light-green-12 {
    color: #b2ff59
}

:root .bg-light-green-13 {
    background-color: #76ff03
}

:root .text-light-green-13 {
    color: #76ff03
}

:root .bg-light-green-14 {
    background-color: #64dd17
}

:root .text-light-green-14 {
    color: #64dd17
}

:root .bg-lime {
    background-color: #cddc39
}

:root .text-lime {
    color: #cddc39
}

:root .bg-lime-1 {
    background-color: #f9fbe7
}

:root .text-lime-1 {
    color: #f9fbe7
}

:root .bg-lime-2 {
    background-color: #f0f4c3
}

:root .text-lime-2 {
    color: #f0f4c3
}

:root .bg-lime-3 {
    background-color: #e6ee9c
}

:root .text-lime-3 {
    color: #e6ee9c
}

:root .bg-lime-4 {
    background-color: #dce775
}

:root .text-lime-4 {
    color: #dce775
}

:root .bg-lime-5 {
    background-color: #d4e157
}

:root .text-lime-5 {
    color: #d4e157
}

:root .bg-lime-6 {
    background-color: #cddc39
}

:root .text-lime-6 {
    color: #cddc39
}

:root .bg-lime-7 {
    background-color: #c0ca33
}

:root .text-lime-7 {
    color: #c0ca33
}

:root .bg-lime-8 {
    background-color: #afb42b
}

:root .text-lime-8 {
    color: #afb42b
}

:root .bg-lime-9 {
    background-color: #9e9d24
}

:root .text-lime-9 {
    color: #9e9d24
}

:root .bg-lime-10 {
    background-color: #827717
}

:root .text-lime-10 {
    color: #827717
}

:root .bg-lime-11 {
    background-color: #f4ff81
}

:root .text-lime-11 {
    color: #f4ff81
}

:root .bg-lime-12 {
    background-color: #eeff41
}

:root .text-lime-12 {
    color: #eeff41
}

:root .bg-lime-13 {
    background-color: #c6ff00
}

:root .text-lime-13 {
    color: #c6ff00
}

:root .bg-lime-14 {
    background-color: #aeea00
}

:root .text-lime-14 {
    color: #aeea00
}

:root .bg-yellow {
    background-color: #ffeb3b
}

:root .text-yellow {
    color: #ffeb3b
}

:root .bg-yellow-1 {
    background-color: #fffde7
}

:root .text-yellow-1 {
    color: #fffde7
}

:root .bg-yellow-2 {
    background-color: #fff9c4
}

:root .text-yellow-2 {
    color: #fff9c4
}

:root .bg-yellow-3 {
    background-color: #fff59d
}

:root .text-yellow-3 {
    color: #fff59d
}

:root .bg-yellow-4 {
    background-color: #fff176
}

:root .text-yellow-4 {
    color: #fff176
}

:root .bg-yellow-5 {
    background-color: #ffee58
}

:root .text-yellow-5 {
    color: #ffee58
}

:root .bg-yellow-6 {
    background-color: #ffeb3b
}

:root .text-yellow-6 {
    color: #ffeb3b
}

:root .bg-yellow-7 {
    background-color: #fdd835
}

:root .text-yellow-7 {
    color: #fdd835
}

:root .bg-yellow-8 {
    background-color: #fbc02d
}

:root .text-yellow-8 {
    color: #fbc02d
}

:root .bg-yellow-9 {
    background-color: #f9a825
}

:root .text-yellow-9 {
    color: #f9a825
}

:root .bg-yellow-10 {
    background-color: #f57f17
}

:root .text-yellow-10 {
    color: #f57f17
}

:root .bg-yellow-11 {
    background-color: #ffff8d
}

:root .text-yellow-11 {
    color: #ffff8d
}

:root .bg-yellow-12 {
    background-color: #ff0
}

:root .text-yellow-12 {
    color: #ff0
}

:root .bg-yellow-13 {
    background-color: #ffea00
}

:root .text-yellow-13 {
    color: #ffea00
}

:root .bg-yellow-14 {
    background-color: #ffd600
}

:root .text-yellow-14 {
    color: #ffd600
}

:root .bg-amber {
    background-color: #ffc107
}

:root .text-amber {
    color: #ffc107
}

:root .bg-amber-1 {
    background-color: #fff8e1
}

:root .text-amber-1 {
    color: #fff8e1
}

:root .bg-amber-2 {
    background-color: #ffecb3
}

:root .text-amber-2 {
    color: #ffecb3
}

:root .bg-amber-3 {
    background-color: #ffe082
}

:root .text-amber-3 {
    color: #ffe082
}

:root .bg-amber-4 {
    background-color: #ffd54f
}

:root .text-amber-4 {
    color: #ffd54f
}

:root .bg-amber-5 {
    background-color: #ffca28
}

:root .text-amber-5 {
    color: #ffca28
}

:root .bg-amber-6 {
    background-color: #ffc107
}

:root .text-amber-6 {
    color: #ffc107
}

:root .bg-amber-7 {
    background-color: #ffb300
}

:root .text-amber-7 {
    color: #ffb300
}

:root .bg-amber-8 {
    background-color: #ffa000
}

:root .text-amber-8 {
    color: #ffa000
}

:root .bg-amber-9 {
    background-color: #ff8f00
}

:root .text-amber-9 {
    color: #ff8f00
}

:root .bg-amber-10 {
    background-color: #ff6f00
}

:root .text-amber-10 {
    color: #ff6f00
}

:root .bg-amber-11 {
    background-color: #ffe57f
}

:root .text-amber-11 {
    color: #ffe57f
}

:root .bg-amber-12 {
    background-color: #ffd740
}

:root .text-amber-12 {
    color: #ffd740
}

:root .bg-amber-13 {
    background-color: #ffc400
}

:root .text-amber-13 {
    color: #ffc400
}

:root .bg-amber-14 {
    background-color: #ffab00
}

:root .text-amber-14 {
    color: #ffab00
}

:root .bg-orange {
    background-color: #ff9800
}

:root .text-orange {
    color: #ff9800
}

:root .bg-orange-1 {
    background-color: #fff3e0
}

:root .text-orange-1 {
    color: #fff3e0
}

:root .bg-orange-2 {
    background-color: #ffe0b2
}

:root .text-orange-2 {
    color: #ffe0b2
}

:root .bg-orange-3 {
    background-color: #ffcc80
}

:root .text-orange-3 {
    color: #ffcc80
}

:root .bg-orange-4 {
    background-color: #ffb74d
}

:root .text-orange-4 {
    color: #ffb74d
}

:root .bg-orange-5 {
    background-color: #ffa726
}

:root .text-orange-5 {
    color: #ffa726
}

:root .bg-orange-6 {
    background-color: #ff9800
}

:root .text-orange-6 {
    color: #ff9800
}

:root .bg-orange-7 {
    background-color: #fb8c00
}

:root .text-orange-7 {
    color: #fb8c00
}

:root .bg-orange-8 {
    background-color: #f57c00
}

:root .text-orange-8 {
    color: #f57c00
}

:root .bg-orange-9 {
    background-color: #ef6c00
}

:root .text-orange-9 {
    color: #ef6c00
}

:root .bg-orange-10 {
    background-color: #e65100
}

:root .text-orange-10 {
    color: #e65100
}

:root .bg-orange-11 {
    background-color: #ffd180
}

:root .text-orange-11 {
    color: #ffd180
}

:root .bg-orange-12 {
    background-color: #ffab40
}

:root .text-orange-12 {
    color: #ffab40
}

:root .bg-orange-13 {
    background-color: #ff9100
}

:root .text-orange-13 {
    color: #ff9100
}

:root .bg-orange-14 {
    background-color: #ff6d00
}

:root .text-orange-14 {
    color: #ff6d00
}

:root .bg-deep-orange {
    background-color: #ff5722
}

:root .text-deep-orange {
    color: #ff5722
}

:root .bg-deep-orange-1 {
    background-color: #fbe9e7
}

:root .text-deep-orange-1 {
    color: #fbe9e7
}

:root .bg-deep-orange-2 {
    background-color: #ffccbc
}

:root .text-deep-orange-2 {
    color: #ffccbc
}

:root .bg-deep-orange-3 {
    background-color: #ffab91
}

:root .text-deep-orange-3 {
    color: #ffab91
}

:root .bg-deep-orange-4 {
    background-color: #ff8a65
}

:root .text-deep-orange-4 {
    color: #ff8a65
}

:root .bg-deep-orange-5 {
    background-color: #ff7043
}

:root .text-deep-orange-5 {
    color: #ff7043
}

:root .bg-deep-orange-6 {
    background-color: #ff5722
}

:root .text-deep-orange-6 {
    color: #ff5722
}

:root .bg-deep-orange-7 {
    background-color: #f4511e
}

:root .text-deep-orange-7 {
    color: #f4511e
}

:root .bg-deep-orange-8 {
    background-color: #e64a19
}

:root .text-deep-orange-8 {
    color: #e64a19
}

:root .bg-deep-orange-9 {
    background-color: #d84315
}

:root .text-deep-orange-9 {
    color: #d84315
}

:root .bg-deep-orange-10 {
    background-color: #bf360c
}

:root .text-deep-orange-10 {
    color: #bf360c
}

:root .bg-deep-orange-11 {
    background-color: #ff9e80
}

:root .text-deep-orange-11 {
    color: #ff9e80
}

:root .bg-deep-orange-12 {
    background-color: #ff6e40
}

:root .text-deep-orange-12 {
    color: #ff6e40
}

:root .bg-deep-orange-13 {
    background-color: #ff3d00
}

:root .text-deep-orange-13 {
    color: #ff3d00
}

:root .bg-deep-orange-14 {
    background-color: #dd2c00
}

:root .text-deep-orange-14 {
    color: #dd2c00
}

:root .bg-brown {
    background-color: #795548
}

:root .text-brown {
    color: #795548
}

:root .bg-brown-1 {
    background-color: #efebe9
}

:root .text-brown-1 {
    color: #efebe9
}

:root .bg-brown-2 {
    background-color: #d7ccc8
}

:root .text-brown-2 {
    color: #d7ccc8
}

:root .bg-brown-3 {
    background-color: #bcaaa4
}

:root .text-brown-3 {
    color: #bcaaa4
}

:root .bg-brown-4 {
    background-color: #a1887f
}

:root .text-brown-4 {
    color: #a1887f
}

:root .bg-brown-5 {
    background-color: #8d6e63
}

:root .text-brown-5 {
    color: #8d6e63
}

:root .bg-brown-6 {
    background-color: #795548
}

:root .text-brown-6 {
    color: #795548
}

:root .bg-brown-7 {
    background-color: #6d4c41
}

:root .text-brown-7 {
    color: #6d4c41
}

:root .bg-brown-8 {
    background-color: #5d4037
}

:root .text-brown-8 {
    color: #5d4037
}

:root .bg-brown-9 {
    background-color: #4e342e
}

:root .text-brown-9 {
    color: #4e342e
}

:root .bg-brown-10 {
    background-color: #3e2723
}

:root .text-brown-10 {
    color: #3e2723
}

:root .bg-brown-11 {
    background-color: #d7ccc8
}

:root .text-brown-11 {
    color: #d7ccc8
}

:root .bg-brown-12 {
    background-color: #bcaaa4
}

:root .text-brown-12 {
    color: #bcaaa4
}

:root .bg-brown-13 {
    background-color: #8d6e63
}

:root .text-brown-13 {
    color: #8d6e63
}

:root .bg-brown-14 {
    background-color: #5d4037
}

:root .text-brown-14 {
    color: #5d4037
}

:root .bg-grey {
    background-color: #9e9e9e
}

:root .text-grey {
    color: #9e9e9e
}

:root .bg-grey-1 {
    background-color: #fafafa
}

:root .text-grey-1 {
    color: #fafafa
}

:root .bg-grey-2 {
    background-color: #f5f5f5
}

:root .text-grey-2 {
    color: #f5f5f5
}

:root .bg-grey-3 {
    background-color: #eee
}

:root .text-grey-3 {
    color: #eee
}

:root .bg-grey-4 {
    background-color: #e0e0e0
}

:root .text-grey-4 {
    color: #e0e0e0
}

:root .bg-grey-5 {
    background-color: #bdbdbd
}

:root .text-grey-5 {
    color: #bdbdbd
}

:root .bg-grey-6 {
    background-color: #9e9e9e
}

:root .text-grey-6 {
    color: #9e9e9e
}

:root .bg-grey-7 {
    background-color: #757575
}

:root .text-grey-7 {
    color: #757575
}

:root .bg-grey-8 {
    background-color: #616161
}

:root .text-grey-8 {
    color: #616161
}

:root .bg-grey-9 {
    background-color: #424242
}

:root .text-grey-9 {
    color: #424242
}

:root .bg-grey-10 {
    background-color: #212121
}

:root .text-grey-10 {
    color: #212121
}

:root .bg-grey-11 {
    background-color: #f5f5f5
}

:root .text-grey-11 {
    color: #f5f5f5
}

:root .bg-grey-12 {
    background-color: #eee
}

:root .text-grey-12 {
    color: #eee
}

:root .bg-grey-13 {
    background-color: #bdbdbd
}

:root .text-grey-13 {
    color: #bdbdbd
}

:root .bg-grey-14 {
    background-color: #616161
}

:root .text-grey-14 {
    color: #616161
}

:root .bg-blue-grey {
    background-color: #607d8b
}

:root .text-blue-grey {
    color: #607d8b
}

:root .bg-blue-grey-1 {
    background-color: #eceff1
}

:root .text-blue-grey-1 {
    color: #eceff1
}

:root .bg-blue-grey-2 {
    background-color: #cfd8dc
}

:root .text-blue-grey-2 {
    color: #cfd8dc
}

:root .bg-blue-grey-3 {
    background-color: #b0bec5
}

:root .text-blue-grey-3 {
    color: #b0bec5
}

:root .bg-blue-grey-4 {
    background-color: #90a4ae
}

:root .text-blue-grey-4 {
    color: #90a4ae
}

:root .bg-blue-grey-5 {
    background-color: #78909c
}

:root .text-blue-grey-5 {
    color: #78909c
}

:root .bg-blue-grey-6 {
    background-color: #607d8b
}

:root .text-blue-grey-6 {
    color: #607d8b
}

:root .bg-blue-grey-7 {
    background-color: #546e7a
}

:root .text-blue-grey-7 {
    color: #546e7a
}

:root .bg-blue-grey-8 {
    background-color: #455a64
}

:root .text-blue-grey-8 {
    color: #455a64
}

:root .bg-blue-grey-9 {
    background-color: #37474f
}

:root .text-blue-grey-9 {
    color: #37474f
}

:root .bg-blue-grey-10 {
    background-color: #263238
}

:root .text-blue-grey-10 {
    color: #263238
}

:root .bg-blue-grey-11 {
    background-color: #cfd8dc
}

:root .text-blue-grey-11 {
    color: #cfd8dc
}

:root .bg-blue-grey-12 {
    background-color: #b0bec5
}

:root .text-blue-grey-12 {
    color: #b0bec5
}

:root .bg-blue-grey-13 {
    background-color: #78909c
}

:root .text-blue-grey-13 {
    color: #78909c
}

:root .bg-blue-grey-14 {
    background-color: #455a64
}

:root .text-blue-grey-14 {
    color: #455a64
}

:root {
    --primary: #2196f3;
    --primary-1: #e3f2fd;
    --primary-2: #bbdefb;
    --primary-3: #90caf9;
    --primary-4: #64b5f6;
    --primary-5: #42a5f5;
    --primary-6: #2196f3;
    --primary-7: #1e88e5;
    --primary-8: #1976d2;
    --primary-9: #1565c0;
    --primary-10: #0d47a1;
    --primary-11: #82b1ff;
    --primary-12: #448aff;
    --primary-13: #2979ff;
    --primary-14: #2962ff;
    --secondary: #00bcd4;
    --secondary-1: #e0f7fa;
    --secondary-2: #b2ebf2;
    --secondary-3: #80deea;
    --secondary-4: #4dd0e1;
    --secondary-5: #26c6da;
    --secondary-6: #00bcd4;
    --secondary-7: #00acc1;
    --secondary-8: #0097a7;
    --secondary-9: #00838f;
    --secondary-10: #006064;
    --secondary-11: #84ffff;
    --secondary-12: #18ffff;
    --secondary-13: #00e5ff;
    --secondary-14: #00b8d4;
    --accent: #9c27b0;
    --positive: #21ba45;
    --negative: #c10015;
    --info: #31ccec;
    --warning: #f2c037;
    --color: #000;
    --color-1: #000;
    --color-2: #1a1a1a;
    --color-3: #333;
    --color-4: #4d4d4d;
    --color-5: #666;
    --color-6: grey;
    --color-7: #999;
    --color-8: #b3b3b3;
    --color-9: #ccc;
    --color-10: #e6e6e6;
    --page: #fff;
    --page-1: #fff;
    --page-2: #f2f2f2;
    --page-3: #e6e6e6;
    --page-4: #ccc;
    --page-5: #b3b3b3;
    --page-6: #999;
    --page-7: grey;
    --page-8: #666;
    --page-9: #4d4d4d;
    --page-10: #333
}

:root .bg-primary {
    background-color: #2196f3;
    background-color: var(--primary)
}

:root .text-primary {
    color: #2196f3;
    color: var(--primary)
}

:root .bg-primary-1 {
    background-color: #e3f2fd;
    background-color: var(--primary-1)
}

:root .text-primary-1 {
    color: #e3f2fd;
    color: var(--primary-1)
}

:root .bg-primary-2 {
    background-color: #bbdefb;
    background-color: var(--primary-2)
}

:root .text-primary-2 {
    color: #bbdefb;
    color: var(--primary-2)
}

:root .bg-primary-3 {
    background-color: #90caf9;
    background-color: var(--primary-3)
}

:root .text-primary-3 {
    color: #90caf9;
    color: var(--primary-3)
}

:root .bg-primary-4 {
    background-color: #64b5f6;
    background-color: var(--primary-4)
}

:root .text-primary-4 {
    color: #64b5f6;
    color: var(--primary-4)
}

:root .bg-primary-5 {
    background-color: #42a5f5;
    background-color: var(--primary-5)
}

:root .text-primary-5 {
    color: #42a5f5;
    color: var(--primary-5)
}

:root .bg-primary-6 {
    background-color: #2196f3;
    background-color: var(--primary-6)
}

:root .text-primary-6 {
    color: #2196f3;
    color: var(--primary-6)
}

:root .bg-primary-7 {
    background-color: #1e88e5;
    background-color: var(--primary-7)
}

:root .text-primary-7 {
    color: #1e88e5;
    color: var(--primary-7)
}

:root .bg-primary-8 {
    background-color: #1976d2;
    background-color: var(--primary-8)
}

:root .text-primary-8 {
    color: #1976d2;
    color: var(--primary-8)
}

:root .bg-primary-9 {
    background-color: #1565c0;
    background-color: var(--primary-9)
}

:root .text-primary-9 {
    color: #1565c0;
    color: var(--primary-9)
}

:root .bg-primary-10 {
    background-color: #0d47a1;
    background-color: var(--primary-10)
}

:root .text-primary-10 {
    color: #0d47a1;
    color: var(--primary-10)
}

:root .bg-primary-11 {
    background-color: #82b1ff;
    background-color: var(--primary-11)
}

:root .text-primary-11 {
    color: #82b1ff;
    color: var(--primary-11)
}

:root .bg-primary-12 {
    background-color: #448aff;
    background-color: var(--primary-12)
}

:root .text-primary-12 {
    color: #448aff;
    color: var(--primary-12)
}

:root .bg-primary-13 {
    background-color: #2979ff;
    background-color: var(--primary-13)
}

:root .text-primary-13 {
    color: #2979ff;
    color: var(--primary-13)
}

:root .bg-primary-14 {
    background-color: #2962ff;
    background-color: var(--primary-14)
}

:root .text-primary-14 {
    color: #2962ff;
    color: var(--primary-14)
}

:root .bg-secondary {
    background-color: #00bcd4;
    background-color: var(--secondary)
}

:root .text-secondary {
    color: #00bcd4;
    color: var(--secondary)
}

:root .bg-secondary-1 {
    background-color: #e0f7fa;
    background-color: var(--secondary-1)
}

:root .text-secondary-1 {
    color: #e0f7fa;
    color: var(--secondary-1)
}

:root .bg-secondary-2 {
    background-color: #b2ebf2;
    background-color: var(--secondary-2)
}

:root .text-secondary-2 {
    color: #b2ebf2;
    color: var(--secondary-2)
}

:root .bg-secondary-3 {
    background-color: #80deea;
    background-color: var(--secondary-3)
}

:root .text-secondary-3 {
    color: #80deea;
    color: var(--secondary-3)
}

:root .bg-secondary-4 {
    background-color: #4dd0e1;
    background-color: var(--secondary-4)
}

:root .text-secondary-4 {
    color: #4dd0e1;
    color: var(--secondary-4)
}

:root .bg-secondary-5 {
    background-color: #26c6da;
    background-color: var(--secondary-5)
}

:root .text-secondary-5 {
    color: #26c6da;
    color: var(--secondary-5)
}

:root .bg-secondary-6 {
    background-color: #00bcd4;
    background-color: var(--secondary-6)
}

:root .text-secondary-6 {
    color: #00bcd4;
    color: var(--secondary-6)
}

:root .bg-secondary-7 {
    background-color: #00acc1;
    background-color: var(--secondary-7)
}

:root .text-secondary-7 {
    color: #00acc1;
    color: var(--secondary-7)
}

:root .bg-secondary-8 {
    background-color: #0097a7;
    background-color: var(--secondary-8)
}

:root .text-secondary-8 {
    color: #0097a7;
    color: var(--secondary-8)
}

:root .bg-secondary-9 {
    background-color: #00838f;
    background-color: var(--secondary-9)
}

:root .text-secondary-9 {
    color: #00838f;
    color: var(--secondary-9)
}

:root .bg-secondary-10 {
    background-color: #006064;
    background-color: var(--secondary-10)
}

:root .text-secondary-10 {
    color: #006064;
    color: var(--secondary-10)
}

:root .bg-secondary-11 {
    background-color: #84ffff;
    background-color: var(--secondary-11)
}

:root .text-secondary-11 {
    color: #84ffff;
    color: var(--secondary-11)
}

:root .bg-secondary-12 {
    background-color: #18ffff;
    background-color: var(--secondary-12)
}

:root .text-secondary-12 {
    color: #18ffff;
    color: var(--secondary-12)
}

:root .bg-secondary-13 {
    background-color: #00e5ff;
    background-color: var(--secondary-13)
}

:root .text-secondary-13 {
    color: #00e5ff;
    color: var(--secondary-13)
}

:root .bg-secondary-14 {
    background-color: #00b8d4;
    background-color: var(--secondary-14)
}

:root .text-secondary-14 {
    color: #00b8d4;
    color: var(--secondary-14)
}

:root .bg-accent {
    background-color: #9c27b0;
    background-color: var(--accent)
}

:root .text-accent {
    color: #9c27b0;
    color: var(--accent)
}

:root .bg-positive {
    background-color: #21ba45;
    background-color: var(--positive)
}

:root .text-positive {
    color: #21ba45;
    color: var(--positive)
}

:root .bg-negative {
    background-color: #c10015;
    background-color: var(--negative)
}

:root .text-negative {
    color: #c10015;
    color: var(--negative)
}

:root .bg-info {
    background-color: #31ccec;
    background-color: var(--info)
}

:root .text-info {
    color: #31ccec;
    color: var(--info)
}

:root .bg-warning {
    background-color: #f2c037;
    background-color: var(--warning)
}

:root .text-warning {
    color: #f2c037;
    color: var(--warning)
}

:root .bg-color {
    background-color: #000;
    background-color: var(--color)
}

:root .text-color {
    color: #000;
    color: var(--color)
}

:root .bg-color-1 {
    background-color: #000;
    background-color: var(--color-1)
}

:root .text-color-1 {
    color: #000;
    color: var(--color-1)
}

:root .bg-color-2 {
    background-color: #1a1a1a;
    background-color: var(--color-2)
}

:root .text-color-2 {
    color: #1a1a1a;
    color: var(--color-2)
}

:root .bg-color-3 {
    background-color: #333;
    background-color: var(--color-3)
}

:root .text-color-3 {
    color: #333;
    color: var(--color-3)
}

:root .bg-color-4 {
    background-color: #4d4d4d;
    background-color: var(--color-4)
}

:root .text-color-4 {
    color: #4d4d4d;
    color: var(--color-4)
}

:root .bg-color-5 {
    background-color: #666;
    background-color: var(--color-5)
}

:root .text-color-5 {
    color: #666;
    color: var(--color-5)
}

:root .bg-color-6 {
    background-color: grey;
    background-color: var(--color-6)
}

:root .text-color-6 {
    color: grey;
    color: var(--color-6)
}

:root .bg-color-7 {
    background-color: #999;
    background-color: var(--color-7)
}

:root .text-color-7 {
    color: #999;
    color: var(--color-7)
}

:root .bg-color-8 {
    background-color: #b3b3b3;
    background-color: var(--color-8)
}

:root .text-color-8 {
    color: #b3b3b3;
    color: var(--color-8)
}

:root .bg-color-9 {
    background-color: #ccc;
    background-color: var(--color-9)
}

:root .text-color-9 {
    color: #ccc;
    color: var(--color-9)
}

:root .bg-color-10 {
    background-color: #e6e6e6;
    background-color: var(--color-10)
}

:root .text-color-10 {
    color: #e6e6e6;
    color: var(--color-10)
}

:root .bg-page {
    background-color: #fff;
    background-color: var(--page)
}

:root .text-page {
    color: #fff;
    color: var(--page)
}

:root .bg-page-1 {
    background-color: #fff;
    background-color: var(--page-1)
}

:root .text-page-1 {
    color: #fff;
    color: var(--page-1)
}

:root .bg-page-2 {
    background-color: #f2f2f2;
    background-color: var(--page-2)
}

:root .text-page-2 {
    color: #f2f2f2;
    color: var(--page-2)
}

:root .bg-page-3 {
    background-color: #e6e6e6;
    background-color: var(--page-3)
}

:root .text-page-3 {
    color: #e6e6e6;
    color: var(--page-3)
}

:root .bg-page-4 {
    background-color: #ccc;
    background-color: var(--page-4)
}

:root .text-page-4 {
    color: #ccc;
    color: var(--page-4)
}

:root .bg-page-5 {
    background-color: #b3b3b3;
    background-color: var(--page-5)
}

:root .text-page-5 {
    color: #b3b3b3;
    color: var(--page-5)
}

:root .bg-page-6 {
    background-color: #999;
    background-color: var(--page-6)
}

:root .text-page-6 {
    color: #999;
    color: var(--page-6)
}

:root .bg-page-7 {
    background-color: grey;
    background-color: var(--page-7)
}

:root .text-page-7 {
    color: grey;
    color: var(--page-7)
}

:root .bg-page-8 {
    background-color: #666;
    background-color: var(--page-8)
}

:root .text-page-8 {
    color: #666;
    color: var(--page-8)
}

:root .bg-page-9 {
    background-color: #4d4d4d;
    background-color: var(--page-9)
}

:root .text-page-9 {
    color: #4d4d4d;
    color: var(--page-9)
}

:root .bg-page-10 {
    background-color: #333;
    background-color: var(--page-10)
}

:root .text-page-10 {
    color: #333;
    color: var(--page-10)
}

.relative {
    position: relative
}

.absolute,.absolute-bottom-center,.absolute-bottom-left,.absolute-bottom-right,.absolute-center,.absolute-center-left,.absolute-center-right,.absolute-top-center,.absolute-top-left,.absolute-top-right {
    position: absolute
}

.fixed,.fixed-bottom-center,.fixed-bottom-left,.fixed-bottom-right,.fixed-center,.fixed-center-left,.fixed-center-right,.fixed-top-center,.fixed-top-left,.fixed-top-right {
    position: fixed
}

.absolute-top-center,.absolute-top-left,.absolute-top-right,.fixed-top-center,.fixed-top-left,.fixed-top-right {
    top: 0
}

.absolute-bottom-center,.absolute-bottom-left,.absolute-bottom-right,.fixed-bottom-center,.fixed-bottom-left,.fixed-bottom-right {
    bottom: 0
}

.absolute-center-left,.absolute-center-right,.fixed-center-left,.fixed-center-right {
    top: 50%;
    transform: translateY(-50%)
}

.absolute-bottom-left,.absolute-center-left,.absolute-top-left,.fixed-bottom-left,.fixed-center-left,.fixed-top-left {
    left: 0
}

.absolute-bottom-right,.absolute-center-right,.absolute-top-right,.fixed-bottom-right,.fixed-center-right,.fixed-top-right {
    right: 0
}

.absolute-bottom-center,.absolute-top-center,.fixed-bottom-center,.fixed-top-center {
    left: 50%;
    transform: translateX(-50%)
}

.absolute-center,.fixed-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.text-xs {
    font-size: 9.6px
}

.text-sm {
    font-size: 12.8px
}

.text-md {
    font-size: 16px
}

.text-lg {
    font-size: 20px
}

.text-xl {
    font-size: 24px
}

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

.ellipsis-2-lines,.ellipsis-3-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.ellipsis-2-lines {
    -webkit-line-clamp: 2
}

.ellipsis-3-lines {
    -webkit-line-clamp: 3
}

.font-monospace {
    font-family: monospace,monospace
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
}

.text-italic {
    font-style: italic
}

.text-bold {
    font-weight: 700
}

.text-no-wrap {
    white-space: nowrap
}

.text-break-all {
    word-break: break-all
}

.text-strike {
    text-decoration: line-through
}

.readonly {
    cursor: default
}

.disabled,[disabled] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .6
}

.hidden {
    display: none
}

.invisible,.visibility-hidden {
    visibility: hidden
}

.transparent {
    background: transparent
}

.opacity-none {
    opacity: 0
}

.opacity-half {
    opacity: .5
}

.overflow-auto {
    overflow: auto
}

.overflow-auto-y {
    overflow-y: auto
}

.overflow-auto-x {
    overflow-x: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden-y {
    overflow-y: hidden
}

.overflow-hidden-x {
    overflow-x: hidden
}

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

.hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.column,.flex,.flex-center,.row {
    display: flex
}

.column.inline,.flex-center.inline,.flex.inline,.row.inline {
    display: inline-flex
}

.row.reverse {
    flex-direction: row-reverse
}

.column {
    flex-direction: column
}

.column.reverse {
    flex-direction: column-reverse
}

.no-shrink {
    flex-shrink: 0
}

.wrap {
    flex-wrap: wrap
}

.no-wrap {
    flex-wrap: nowrap
}

.reverse-wrap {
    flex-wrap: wrap-reverse
}

.order-first {
    order: -10000
}

.order-last {
    order: 10000
}

.order-none {
    order: 0
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.flex-center,.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.flex-center,.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.content-start {
    align-content: flex-start
}

.content-end {
    align-content: flex-end
}

.content-center {
    align-content: center
}

.content-stretch {
    align-content: stretch
}

.content-between {
    align-content: space-between
}

.content-around {
    align-content: space-around
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-baseline {
    align-self: baseline
}

.self-stretch {
    align-self: stretch
}

.block {
    display: block
}

.inline-block,.inline-block-middle {
    display: inline-block
}

.inline-block-middle>* {
    vertical-align: middle
}

:root {
    --current-element-height: 36px;
    --current-element-font-size: 16px
}

.current-element-size-xs {
    --current-element-height: 18px;
    --current-element-font-size: 9.6px
}

.current-element-size-sm {
    --current-element-height: 24px;
    --current-element-font-size: 12.8px
}

.current-element-size-md {
    --current-element-height: 36px;
    --current-element-font-size: 16px
}

.current-element-size-lg {
    --current-element-height: 54px;
    --current-element-font-size: 20px
}

.current-element-size-xl {
    --current-element-height: 72px;
    --current-element-font-size: 24px
}

@media (max-width: 360px) {
    :root {
        --current-element-height:27px;
        --current-element-font-size: 12px
    }

    .current-element-size-xs {
        --current-element-height: 14px;
        --current-element-font-size: 7px
    }

    .current-element-size-sm {
        --current-element-height: 18px;
        --current-element-font-size: 10px
    }

    .current-element-size-md {
        --current-element-height: 27px;
        --current-element-font-size: 12px
    }

    .current-element-size-lg {
        --current-element-height: 41px;
        --current-element-font-size: 15px
    }

    .current-element-size-xl {
        --current-element-height: 54px;
        --current-element-font-size: 18px
    }
}

.fit {
    width: 100%
}

.fit,.full-height {
    height: 100%
}

.full-width {
    width: 100%
}

.window-height {
    height: 100vh
}

.window-width {
    width: 100vw
}

:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left)
}

.padding-top-safe-area {
    padding-top: var(--safe-area-inset-top)
}

.padding-right-safe-area {
    padding-right: var(--safe-area-inset-right)
}

.padding-bottom-safe-area {
    padding-bottom: var(--safe-area-inset-bottom)
}

.padding-left-safe-area {
    padding-left: var(--safe-area-inset-left)
}

.pa-xl {
    padding: 48px 48px
}

.px-xl {
    padding-left: 48px;
    padding-right: 48px
}

.py-xl {
    padding-top: 48px;
    padding-bottom: 48px
}

.pl-xl {
    padding-left: 48px
}

.pr-xl {
    padding-right: 48px
}

.pt-xl {
    padding-top: 48px
}

.pb-xl {
    padding-bottom: 48px
}

.ma-xl {
    margin: 48px 48px
}

.mx-xl {
    margin-left: 48px;
    margin-right: 48px
}

.my-xl {
    margin-top: 48px;
    margin-bottom: 48px
}

.ml-xl {
    margin-left: 48px
}

.mr-xl {
    margin-right: 48px
}

.mt-xl {
    margin-top: 48px
}

.mb-xl {
    margin-bottom: 48px
}

.ma-gap-xl {
    margin-left: -48px;
    margin-top: -48px
}

.ma-gap-xl>* {
    margin-left: 48px
}

.ma-gap-xl>*,.my-gap-xl>* {
    margin-top: 48px
}

.my-gap-xl>:first-child {
    margin-top: 0
}

.mx-gap-xl>* {
    margin-left: 48px
}

.mx-gap-xl>:first-child {
    margin-left: 0
}

.pa-lg {
    padding: 24px 24px
}

.px-lg {
    padding-left: 24px;
    padding-right: 24px
}

.py-lg {
    padding-top: 24px;
    padding-bottom: 24px
}

.pl-lg {
    padding-left: 24px
}

.pr-lg {
    padding-right: 24px
}

.pt-lg {
    padding-top: 24px
}

.pb-lg {
    padding-bottom: 24px
}

.ma-lg {
    margin: 24px 24px
}

.mx-lg {
    margin-left: 24px;
    margin-right: 24px
}

.my-lg {
    margin-top: 24px;
    margin-bottom: 24px
}

.ml-lg {
    margin-left: 24px
}

.mr-lg {
    margin-right: 24px
}

.mt-lg {
    margin-top: 24px
}

.mb-lg {
    margin-bottom: 24px
}

.ma-gap-lg {
    margin-left: -24px;
    margin-top: -24px
}

.ma-gap-lg>* {
    margin-left: 24px
}

.ma-gap-lg>*,.my-gap-lg>* {
    margin-top: 24px
}

.my-gap-lg>:first-child {
    margin-top: 0
}

.mx-gap-lg>* {
    margin-left: 24px
}

.mx-gap-lg>:first-child {
    margin-left: 0
}

.pa-md {
    padding: 16px 16px
}

.px-md {
    padding-left: 16px;
    padding-right: 16px
}

.py-md {
    padding-top: 16px;
    padding-bottom: 16px
}

.pl-md {
    padding-left: 16px
}

.pr-md {
    padding-right: 16px
}

.pt-md {
    padding-top: 16px
}

.pb-md {
    padding-bottom: 16px
}

.ma-md {
    margin: 16px 16px
}

.mx-md {
    margin-left: 16px;
    margin-right: 16px
}

.my-md {
    margin-top: 16px;
    margin-bottom: 16px
}

.ml-md {
    margin-left: 16px
}

.mr-md {
    margin-right: 16px
}

.mt-md {
    margin-top: 16px
}

.mb-md {
    margin-bottom: 16px
}

.ma-gap-md {
    margin-left: -16px;
    margin-top: -16px
}

.ma-gap-md>* {
    margin-left: 16px
}

.ma-gap-md>*,.my-gap-md>* {
    margin-top: 16px
}

.my-gap-md>:first-child {
    margin-top: 0
}

.mx-gap-md>* {
    margin-left: 16px
}

.mx-gap-md>:first-child {
    margin-left: 0
}

.pa-sm {
    padding: 8px 8px
}

.px-sm {
    padding-left: 8px;
    padding-right: 8px
}

.py-sm {
    padding-top: 8px;
    padding-bottom: 8px
}

.pl-sm {
    padding-left: 8px
}

.pr-sm {
    padding-right: 8px
}

.pt-sm {
    padding-top: 8px
}

.pb-sm {
    padding-bottom: 8px
}

.ma-sm {
    margin: 8px 8px
}

.mx-sm {
    margin-left: 8px;
    margin-right: 8px
}

.my-sm {
    margin-top: 8px;
    margin-bottom: 8px
}

.ml-sm {
    margin-left: 8px
}

.mr-sm {
    margin-right: 8px
}

.mt-sm {
    margin-top: 8px
}

.mb-sm {
    margin-bottom: 8px
}

.ma-gap-sm {
    margin-left: -8px;
    margin-top: -8px
}

.ma-gap-sm>* {
    margin-left: 8px
}

.ma-gap-sm>*,.my-gap-sm>* {
    margin-top: 8px
}

.my-gap-sm>:first-child {
    margin-top: 0
}

.mx-gap-sm>* {
    margin-left: 8px
}

.mx-gap-sm>:first-child {
    margin-left: 0
}

.pa-xs {
    padding: 4px 4px
}

.px-xs {
    padding-left: 4px;
    padding-right: 4px
}

.py-xs {
    padding-top: 4px;
    padding-bottom: 4px
}

.pl-xs {
    padding-left: 4px
}

.pr-xs {
    padding-right: 4px
}

.pt-xs {
    padding-top: 4px
}

.pb-xs {
    padding-bottom: 4px
}

.ma-xs {
    margin: 4px 4px
}

.mx-xs {
    margin-left: 4px;
    margin-right: 4px
}

.my-xs {
    margin-top: 4px;
    margin-bottom: 4px
}

.ml-xs {
    margin-left: 4px
}

.mr-xs {
    margin-right: 4px
}

.mt-xs {
    margin-top: 4px
}

.mb-xs {
    margin-bottom: 4px
}

.ma-gap-xs {
    margin-left: -4px;
    margin-top: -4px
}

.ma-gap-xs>* {
    margin-left: 4px
}

.ma-gap-xs>*,.my-gap-xs>* {
    margin-top: 4px
}

.my-gap-xs>:first-child {
    margin-top: 0
}

.mx-gap-xs>* {
    margin-left: 4px
}

.mx-gap-xs>:first-child {
    margin-left: 0
}

.pa-none {
    padding: 0 0
}

.px-none {
    padding-left: 0;
    padding-right: 0
}

.py-none {
    padding-top: 0;
    padding-bottom: 0
}

.pl-none {
    padding-left: 0
}

.pr-none {
    padding-right: 0
}

.pt-none {
    padding-top: 0
}

.pb-none {
    padding-bottom: 0
}

.ma-none {
    margin: 0 0
}

.mx-none {
    margin-left: 0;
    margin-right: 0
}

.my-none {
    margin-top: 0;
    margin-bottom: 0
}

.ml-none {
    margin-left: 0
}

.mr-none {
    margin-right: 0
}

.mt-none {
    margin-top: 0
}

.mb-none {
    margin-bottom: 0
}

.ma-gap-none,.ma-gap-none>* {
    margin-left: 0;
    margin-top: 0
}

.my-gap-none>*,.my-gap-none>:first-child {
    margin-top: 0
}

.mx-gap-none>*,.mx-gap-none>:first-child {
    margin-left: 0
}

.ml-auto,.mx-auto {
    margin-left: auto
}

.mr-auto,.mx-auto {
    margin-right: auto
}

.on-left {
    margin-right: 12px
}

.on-right {
    margin-left: 12px
}

.cursor-none {
    cursor: none
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-help {
    cursor: help
}

.cursor-pointer {
    cursor: pointer
}

.cursor-progress {
    cursor: progress
}

.cursor-wait {
    cursor: wait
}

.cursor-cell {
    cursor: cell
}

.cursor-crosshair {
    cursor: crosshair
}

.cursor-text {
    cursor: text
}

.cursor-vertical-text {
    cursor: vertical-text
}

.cursor-alias {
    cursor: alias
}

.cursor-copy {
    cursor: copy
}

.cursor-move {
    cursor: move
}

.cursor-no-drop {
    cursor: no-drop
}

.cursor-danger,.cursor-disabled,.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-all-scroll {
    cursor: all-scroll
}

.cursor-col-resize {
    cursor: col-resize
}

.cursor-row-resize {
    cursor: row-resize
}

.cursor-zoom-in {
    cursor: zoom-in
}

.cursor-zoom-out {
    cursor: zoom-out
}

.skeleton,.skeleton * {
    pointer-events: none
}

.skeleton .BackgroundElement:not(.ModalPage--background):not(.ModalDialog--background):not(.Header--background):not(.TabsItem--background) {
    background-color: var(--page-4);
    overflow: hidden
}

.skeleton .BackgroundElement:not(.ModalPage--background):not(.ModalDialog--background):not(.Header--background):not(.TabsItem--background):after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    animation: skeleton--wave 1.5s linear .5s infinite;
    z-index: 2
}

.skeleton .Header--background,.skeleton .ModalDialog--background,.skeleton .ModalPage--background,.skeleton .TabsItem--background {
    background-color: var(--page-1)
}

.skeleton .Icon,.skeleton .Typography {
    display: block;
    position: relative;
    color: transparent;
    overflow: hidden;
    background-color: var(--page-4);
    transform: skewX(15deg)
}

.skeleton .Icon:after,.skeleton .Typography:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
    animation: skeleton--wave 1.5s linear .5s infinite;
    z-index: 2
}

.skeleton .Typography {
    transform: skewX(15deg) scaleY(.8)
}

.skeleton .Avatar :not(.Avatar--in):not(.BackgroundElement),.skeleton .Button :not(.BackgroundElement),.skeleton .Cell>.Cell--indents>.Cell--content :not(.BackgroundElement),.skeleton .Container :not(.BackgroundElement),.skeleton .Icon *,.skeleton .IconBackground :not(.BackgroundElement),.skeleton .Input :not(.BackgroundElement),.skeleton .MiniCell :not(.BackgroundElement),.skeleton .Switch *,.skeleton .TypographyBackground :not(.BackgroundElement),.skeleton .WithBackground :not(.WithBackground--background) {
    visibility: hidden
}

.dark-theme .skeleton .BackgroundElement:not(.ModalPage--background):not(.ModalDialog--background):not(.Header--background):not(.TabsItem--background):after,.dark-theme .skeleton .Icon:after,.dark-theme .skeleton .Typography:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));
    animation: skeleton--wave 1.5s linear .5s infinite;
    z-index: 2
}

@keyframes skeleton--wave {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}

.events-none {
    pointer-events: none
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.round-borders {
    border-radius: 50%
}

.rounded-borders {
    border-radius: 8px
}

.shift-on-click,.shift-on-click-wrapper {
    cursor: pointer
}

.shift-on-click-wrapper:active>*,.shift-on-click:active {
    position: relative;
    top: 1px
}

.ripple-on-click {
    cursor: pointer
}

.ripple-on-click:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background: currentColor;
    opacity: .12;
    transform: scale3d(0,0,1);
    transition: transform .22s cubic-bezier(0,0,.2,1)
}

.ripple-on-click:hover:before {
    transform: scaleX(1)
}

@font-face {
    font-family: CodenameCoder;
    src: local("CodenameCoder"),url(../fonts/Codenamecoderfree4fbold.46d5adc8.woff2) format("woff2"),url(../fonts/Codenamecoderfree4fbold.2ffc8f48.woff) format("woff"),url(../fonts/Codenamecoderfree4fbold.10679df7.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

.codename-coder,.game-odometer {
    font-family: CodenameCoder,monospace
}

.game-odometer {
    line-height: 1em;
    height: 20vh;
    z-index: 80
}

.game-odometer-with-background {
    background-color: var(--page-3)
}

.game-odometer-button {
    flex-shrink: 0
}

.game-odometer-secret-key {
    bottom: -5px;
    line-height: 1
}

.game-earning-list-header {
    line-height: 1.3
}

.balloon {
    height: 200px;
    width: 200px;
    background-color: #e3493f;
    border-radius: 50%;
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 75
}

.balloon:before {
    width: 140px;
    background-color: #fdd311;
    left: 30px
}

.balloon:after,.balloon:before {
    position: absolute;
    content: "";
    height: 200px;
    border-radius: 50%
}

.balloon:after {
    width: 80px;
    background-color: #e3493f;
    left: 60px;
    top: 0
}

.balloon-bottom {
    background-color: #e3493f;
    height: 20px;
    width: 90px;
    position: relative;
    top: 188px;
    left: 53px
}

.balloon-bytecoin {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 240px;
    left: 62.5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAK6ElEQVRYhZ2XW4zc5XnGf9/3P8z5sLMz693Z4xiv7TVeG8desHEA04pgtYgqTUMjDhJtbqICVQiNglKi9KJNS9JekUaKqkahCEzSVuoBJaXGKSExBrPr0xrv2rvek/cwuzs755n/zP/09cKiEmlDSN+rT9/F8/z0Xjx6XvHml5J8nOlNO9Fo//bj4aHBTzqJxKimRfqEZkR9JdCxm67TWGarOGktLZyx8is/Xl6X5Y+jK34VwFCvzMVHDv6xyu15dG12MW0trWCXCnj1Bsp1b4roBkY8Rqirm0huiK6B7rIzM/5q/q03XyjYySv/b4B9d+15Ttx693OzPz0TaMxcQWoCGQiSSuho0TBGRwLqZVoiglbfolJV2E0b33FI3naEoUN7sM7/6C+mziw892sBdOvlbPaxz59YWm7fXfjJfyA16Mz10pNLIiNhfN8GI8rqDY/5s7OMPbCdkGHjCxNVK1NcqbCx3MBttul/4DOko4XxlR/88LP5VnzhF720x48EP/TR3+EMDXzh6bcnT46PVibOkM5lGT40RCQTQRkmtgPpTgjlUuSvVZG6z8i9vQTsBpWKjwhGCHXGyXRpCBxW37tEm1R2+Pfue9i7fum1WlMUfukGUmY7veuPHr149tXTWXc9z54jw4hYCCRII4DyPIIxxTtTWQpeks/ctYLWtvnBxAEyZoHDuWmsugCpARKBj726xPx0ldDADkaPDxanvvPP+0p2YOX/BBj77IGzl9/Lj1kLa+z4zcPQqqCkhhYwQCmkBtv2JHjoiTpnrsONnw5A0yN97zL3HQxx4ttR1s+vgS9RgEJDNetI02XuXIHkYD+Dg9b0+GvXRz7wlB889hzqfnZlQ401F9fJ3X4rkeZ1IhFFKAQho00s7GLqLpg2Qz3QlxEQtiBaZ7AHelIe1Iqoto0WCiCkQAofP9qBawcYGBSUrs9TZXj38N7wNz8E0BUuZ4yDx7+xdvoymf5OIj1hitF9rLZ6qMttFP0sBb+HuurCCQ7TcjUcx6bm3EJT249lOQRjHXDLAboH2wTtTUzpEIxItKCBGQsQ6u4lM5xk7tTPyBz9/S8n9PIQgA6Qvef+Z6+/PSuQgu5dPcStRa617+fxb1mo2hq6kAR0Sb1eImgs02qVWFqpsHPUJRCMsLiwyPTlefL1O/nKk8fZtfcC1Yur+HoM0XKQUqH0EAljk2rUZHHWovfOo1+rvPX+58WFJwkMffmljYt/+yfxVNYgtWs3fn6BWCpCKTxCvdbGND3CfYrTkwk+99gbdG0L8jd/+SDJeJNWwyUYS3FuqsrX/+w0OIqX/+VhHj40wdbkFk4ghqrXUIBvObSsTfIzNmNf+Gtn5oXPpfXU3p2fys8uxYX0yWxL0i4V0TID1IUiLRfp65boQRfCkgPb08hQjGS6k0fvT4CTx7NjaCLPA/fEefrJP+Tw0e/zyKdf5I73jjOULZIvBpF+BaXA1w1028YwJeVi04jkhh+U0R13/EZj+hQiYiK7h5BSoOmgmSYNElTbQSrNKJ7TTbkWQ2Lj2G2KBQ/PDVIutLhxw2fh9DoxdY5vP/8AqDV+fraGlogR8ktIQ0PTdXSp0CNpQtsiFK+eItJ74F5JR/LWVmGBZFTHbTYQgQDCd9GUjUkLTfMBgZY0MEyJ6yk03cTwm1ArY3oacVFn6PYsJI7xvZfHgRR3HummvlRHKB/T9JFSIXSBCITQGiWaC5cI9/WM6L5ys26jSiQTAbuFZmggNIQUNzPAUAg0vJrAVzrgozyH2NAo6BFi0UPQvMF6XvD04//JiVfO8f0TTzHcO8fcGYNkQkMoG2HVEMpAC5roysMqbiBDgR4dpxxWnocMhFCA8BVS85AKNCEJmBLbM6iXPJQwyXTGsGp5Dv7Wi3RkOnBaE+S3bK5NjHPL8Agr6/9Itus1Kifn8Y0MQlgIH9BMhK+hhESPRvHzFYRXj0jamwJAyRBggLiZej4GSmhoApQw0QwFgOv4CM1kby7GaK/k0O4uxkaiHLxnDIXimS9+iyvnekjs38m2aAMzIJAClB4BGUD5EiWMmynU2lS6aJUaQgrcNhhaAKUcfF8gZRCpeVgtG9t1CUY0hPIpVep0dKR58eUnoPUurBchlKZZhpMXYnz60e/yr68vcvr1R7htYIWNaYe2axIMaCgcfDRcV0PTNaivNaVftVc1Q9L2PYRy8Rt1lBFDKYnnmbhKIvUWQggUNpquoZRL7foqrFusXJtj8fw8Tn6G33kow9tvfh2rOM2Tz/4cEiPoEoQWQCmBj4ZSAtdRmJEIzXwhL51q+31dl1QbNjIUwBdRfE9DSZ2WjKJJA6dtIzyJ8GyEkGi6QbtZpbS2SLKzj2g8gZEYhaV5Do9sEYrvZupqntZKiHhMIxQy8ZWBj4ln2Thtj2A8TiVfviJd2z2FpuFsFZGNJioYQcQi+LoJrkPNSqIIEegsI4SF50mE0NHVFngtpEyiKwNpLcFAiJPjLlZ1mr0jWYIZQb2p47kC31X4IoBvlbEtG1038T33J7rtq5OxoFltVSrxhqcIJhROpYloV+nvkdCRBt2AXIk+20cpA9e2Sd6Shsjt4ChCFQPlBjnxapmHH/l7CG7n+a8ewd98l5atYdkNhJSIyiZmNo0zvYoqrTtmb+rf9eW5Unt0LPt35WrzmZVLC+waG6Kd3yKS281LEzFWV9YIyCDhgRyTUxWw19hYD/IHT5yiYbVpNjySnVEuXq1y+d3LjB4+wHf+/BhH+s6zcqmEMMJIBcrToHaD/HqIeLaXmFh8aW6yVhVvfilJti+RSd/WtXHpR7N079lJT59PobmDP30tRW19Bt1VaEKi3Ba9Ozp5/9om//XGBe44eoBkOsXr/3aGvqE4L33vQY71NaB+hRtXawgzBr6DZ/t4jQakkqxNzHLgnixz48u5rS17QQdYXa5sJrrDz3btTv1VfmqWRGYfcusc//DMJzFEFsqroAnQkrC7g396xWA+b/DOD/dDtsYXn/oU09e3OPaJGxRPTlDz02hGEN+x8JXEqTcJ6HWWL1Xpv20H5eXZb25t2Qv/0wcApsbXnh/Z1/27675/+7WfTXLgsftZu3oFa61EoDOOJhW+NBh0azQ3FIbwWLkwR+9WHreZplltwUKYukgjdQNPKTxl0Nos0zmcZGnSQRMuau3q1Myi85X/VckAajXrt3O7ulcdHy688gYRwyA+lKXdVFi2iYcJhqTuJ1ipxfGCKTA11msRttwwBAx8pXA9QavuogTEtwVYOLuK2xak4taWI4L3/dJWfLMb9gz5ofhbV88v9ftNm4GxvSQSgmqtTbvuEKLJZng/c+2d3L19hkBpgvHKcdrS5KD5FuWKjREKYmLhOJCfLWDGO9iWbq1rkmOzFzenPxIAILc9no3kek8sbbXvrl5aQDdN+sduJShtmsIk5Nfo1BsslkxaboC+WBXDkKx5KUy7gd32KW22sApFMp8YIc7me26x8dD8tfLCL3p95Gm29+jgV73tg19beGcuaM2vITWd8LZOwspFT8YIdMRxCgX07l5qUzO4RhCrUse1LDr276Znd4eyr7z/jWsThV/vNPvQNobiQ/G9uaecVNdj68ubGWt+A6dcw2u0UK53U8TQMWIRgp1Jott7yPR3lOyZy68W3p17YaOpTX2U/q8E+GC6o34klus9Hh7sustLRUeFNPqE1CNIKZTbbgjfWfE3q5PNG2tvt/LVH68WnMrH0f1v/bkjnUdbgjsAAAAASUVORK5CYII=);
    background-size: cover
}

.balloon-basket {
    height: 50px;
    width: 70px;
    background-color: #c94e46;
    position: relative;
    top: 240px;
    left: 62.5px;
    border-radius: 0 0 10px 10px
}

.balloon-basket:before {
    position: absolute;
    content: "";
    background-color: #b9423b;
    height: 7px;
    width: 80px;
    border-radius: 7px;
    left: -5px
}

.balloon-rope {
    background-color: #b84841;
    height: 55px;
    width: 3px;
    position: relative;
    top: 137px;
    left: 96.5px
}

.balloon-rope:before {
    left: -38px;
    transform: rotate(-8deg)
}

.balloon-rope:after,.balloon-rope:before {
    position: absolute;
    content: "";
    background-color: #b84841;
    height: 55px;
    width: 3px;
    top: 0
}

.balloon-rope:after {
    left: 38px;
    transform: rotate(8deg)
}

.GeneralItemDialog {
    width: 90%
}

.PlaceholderCell span {
    visibility: hidden
}

.game-toplists-users {
    overflow-y: auto;
    padding-top: 60px;
    padding-bottom: 30px
}

.game-toplists-header {
    line-height: 1.3
}

.game-groups-items {
    overflow-y: auto;
    padding-top: 60px;
    padding-bottom: 30px
}

.game-groups-header {
    line-height: 1.3
}

.game-chat-resizer {
    z-index: 72
}

.game-chat-messages-container {
    padding-bottom: 30px;
    padding-top: 70px
}

.game-chat-fullscreen .game-chat-messages {
    overflow-y: auto
}

.game-chat-fullscreen .game-chat-input {
    bottom: 20px;
    padding-bottom: var(--safe-area-inset-bottom)
}

.game-chat-fullscreen .game-chat-messages-container {
    padding-bottom: calc(60px + var(--safe-area-inset-bottom))
}

.game-chat-fullscreen-button,.game-chat-input,.game-chat-title {
    z-index: 5
}

.game-chat-input {
    bottom: -20px
}

.game-chat-header,.game-chat-price {
    line-height: 1.3
}

.game-horse {
    top: 100%
}

.game-snoop-dogg {
    right: 20px;
    width: 40vw;
    max-width: 200px;
    height: auto;
    z-index: 72
}

.game-snoop-dogg>img {
    width: 100%;
    height: auto
}

.game-catcher {
    z-index: 75
}

.game-onboarding {
    z-index: 100
}

.game-onboarding-mask {
    background-color: rgba(0,0,0,.5)
}

.game-onboarding-hand,.game-onboarding-message {
    z-index: 2
}

.game-onboarding-message {
    transform: scale(0);
    border-radius: 20px;
    width: 250px;
    height: 150px
}

@media (max-height: 500px) {
    .game-onboarding-message {
        width:200px;
        height: 120px;
        font-size: 12px
    }
}

.game-onboarding-click-effect {
    display: none;
    z-index: 3;
    width: 96px;
    height: 96px;
    pointer-events: none
}

.bytecoins-reward-dialog {
    width: 100vw;
    height: 100vw;
    font-family: CodenameCoder,monospace;
    font-size: 80px;
    text-shadow: 0 0 10px #fff
}

.confetti-fireworks-particles--lifter {
    pointer-events: none
}

.randomizer-avatars {
    height: 250px;
    width: 100vw;
    -webkit-mask-image: linear-gradient(90deg,transparent 0,#fff 20%,#fff 80%,transparent);
    mask-image: linear-gradient(90deg,transparent 0,#fff 20%,#fff 80%,transparent);
    overflow: visible
}

.randomizer-avatars-picker {
    width: 2px;
    height: 100%;
    background-color: var(--yellow);
    z-index: 2
}

.randomizer-avatars-scroller {
    width: 100%
}

.randomizer-avatars-picked-avatar {
    z-index: 10
}

.ad-dialog {
    color: var(--color-1);
    background-color: var(--page-2)
}

.ad-dialog-banner {
    width: 100%;
    text-align: center
}

.ad-dialog-banner-left-time {
    font-size: 1em
}

@media (max-height: 700px),(max-width:400px) {
    .ad-dialog-banner-left-time {
        font-size:.8em
    }
}

.ad-dialog-banner-header {
    font-size: 2em;
    font-weight: bolder
}

.ad-dialog-banner-description {
    font-size: .8em
}

.ad-dialog-banner-image>img {
    width: 200px;
    height: auto
}

@media (max-height: 700px),(max-width:400px) {
    .ad-dialog-banner-image>img {
        width:100px
    }
}

.fireworks-particles--lifter {
    pointer-events: none
}

.game-clicker-particles {
    z-index: 71
}

.game-safe-title {
    width: 80%;
    margin: 0 auto
}

.bonus-safe {
    position: relative;
    height: 80vh;
    max-height: 300px;
    width: 80vw;
    max-width: 300px;
    background-color: var(--blue-grey-6);
    margin: 0 auto
}

.bonus-safe:before {
    top: -10%;
    left: 9%;
    width: 100%;
    height: 10%;
    transform: skew(-60deg);
    background-color: var(--blue-grey-7)
}

.bonus-safe:after,.bonus-safe:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 1
}

.bonus-safe:after {
    top: -5%;
    left: 100%;
    width: 18%;
    height: 100%;
    transform: skewY(-30deg);
    background-color: var(--blue-grey-8)
}

.bonus-safe-prizes {
    z-index: 1
}

.bonus-safe-indents {
    padding-right: 30px;
    padding-top: 30px
}

.bonus-safe-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--blue-grey-6);
    text-align: center;
    vertical-align: middle;
    z-index: 2
}

.bonus-safe-panel.opened {
    transform: translateX(-100%);
    transition: transform .3s ease-in
}

.bonus-safe-key {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.bonus-safe-key.active>.bonus-safe-handler {
    transform: translate(-50%,-50%) rotate(90deg);
    transition: transform .3s ease-in
}

.bonus-safe-handler {
    position: relative;
    top: 50%;
    left: 50%;
    display: block;
    width: 22%;
    height: 22%;
    transform: translate(-50%,-50%) rotate(0deg);
    border-radius: 50%;
    border: 1px solid #333;
    background-color: #fff;
    transition: transform .3s ease-in;
    z-index: 3
}

.bonus-safe-handler:before {
    top: -100%
}

.bonus-safe-handler:after,.bonus-safe-handler:before {
    content: "";
    position: absolute;
    left: 32%;
    height: 116%;
    width: 35%;
    background-color: inherit;
    border-radius: 40%;
    z-index: 2
}

.bonus-safe-handler:after {
    top: 80%
}

.bonus-safe-handler:hover,.bonus-safe-handler:hover:after,.bonus-safe-handler:hover:before {
    box-shadow: 0 0 2px 2px #fff
}

.bonus-triangles {
    width: 300px;
    height: 466px
}

.bonus-triangles-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 10px 20px 5px rgba(0,0,0,.5);
    pointer-events: all
}

.bonus-triangles-buttons {
    pointer-events: none;
    z-index: 2
}

.bonus-triangles-triangle {
    width: 150px;
    height: 130px;
    z-index: 1
}

.bonus-triangles-success-dialog {
    width: 120%;
    z-index: 10
}

.bonus-triangles-success-dialog>.WithBackground--background {
    border-bottom: 5px solid var(--green-8)
}

@media (max-height: 600px),(max-width:360px) {
    .bonus-triangles {
        width:200px;
        height: 310px
    }

    .bonus-triangles-button {
        width: 30px;
        height: 30px
    }

    .bonus-triangles-triangle {
        width: 100px;
        height: 86px
    }
}

.game-clicker {
    top: 50px;
    pointer-events: none;
    z-index: 70
}

.game-clicker-image-resizer {
    perspective: 90vw;
    transform-origin: top center;
    height: 90vw;
    max-height: 500px
}

.game-clicker-image {
    height: 90vw;
    width: 90vw;
    max-width: 500px;
    max-height: 500px;
    background-image: url(../img/bytecoin4copper.013f6563.png);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: all;
    z-index: 2
}

.game-clicker-image-white {
    background-image: url(../img/bytecoin4.afbb59a1.png)
}

.game-clicker-loading {
    background-image: radial-gradient(circle,var(--orange-8) 20%,var(--orange-10) 100%);
    background-color: var(--orange-8);
    border-radius: 50%;
    z-index: 3
}

.game-clicker-online {
    top: 40px!important
}

.game-clicker-online>span {
    font-family: CodenameCoder,monospace;
    color: var(--blue-6);
    text-shadow: 0 0 2px var(--light-blue-1)
}

.game-clicker-cheat {
    width: 60vw;
    max-width: 250px;
    pointer-events: all;
    z-index: 1
}

.claw-machine-tries {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2px
}

.claw-machine-tries .claw-machine-try-circle {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: var(--deep-orange-10);
    margin-right: 3px
}

.claw-machine-tries .claw-machine-try-circle-expired {
    opacity: .2
}

.claw-machine-tries,.claw-machine-tries-placeholder {
    height: 15px
}

.claw-machine {
    height: 100%;
    width: 100%;
    background-color: var(--yellow);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border: 8px solid var(--amber)
}

.claw-machine-size {
    width: 325px;
    height: 575px
}

@media (max-height: 600px),(max-width:400px) {
    .claw-machine-size {
        width:260px;
        height: 460px
    }
}

@media (max-height: 500px),(max-width:300px) {
    .claw-machine-size {
        width:220px;
        height: 390px
    }
}

.claw-machine-header {
    position: relative;
    height: 15%;
    width: 100%
}

.claw-machine-header-title {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.claw-machine-header-title>span {
    font-size: 24px;
    font-weight: bolder;
    color: var(--amber-9)
}

@media (max-height: 500px),(max-width:300px) {
    .claw-machine-header-title>span {
        font-size:18px
    }
}

.claw-machine-header-circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.claw-machine-header-circles>div {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--yellow-4);
    border: 2px solid var(--amber-9);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transform: translateX(-50%);
    animation-name: ClawMachineCircleFade;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@media (max-height: 600px),(max-width:400px) {
    .claw-machine-header-circles>div {
        width:15px;
        height: 15px
    }
}

@media (max-height: 500px),(max-width:300px) {
    .claw-machine-header-circles>div {
        width:12px;
        height: 12px
    }
}

.claw-machine-header-circles>div:first-child {
    top: 5%;
    left: 10%;
    animation-delay: 0s
}

.claw-machine-header-circles>div:nth-child(2) {
    top: 5%;
    left: 20%;
    animation-delay: .2s
}

.claw-machine-header-circles>div:nth-child(3) {
    top: 5%;
    left: 30%;
    animation-delay: .4s
}

.claw-machine-header-circles>div:nth-child(4) {
    top: 5%;
    left: 40%;
    animation-delay: .6s
}

.claw-machine-header-circles>div:nth-child(5) {
    top: 5%;
    left: 50%;
    animation-delay: .8s
}

.claw-machine-header-circles>div:nth-child(6) {
    top: 5%;
    left: 60%;
    animation-delay: 1s
}

.claw-machine-header-circles>div:nth-child(7) {
    top: 5%;
    left: 70%;
    animation-delay: 1.2s
}

.claw-machine-header-circles>div:nth-child(8) {
    top: 5%;
    left: 80%;
    animation-delay: 1.4s
}

.claw-machine-header-circles>div:nth-child(9) {
    top: 5%;
    left: 90%;
    animation-delay: 1.6s
}

.claw-machine-header-circles>div:nth-child(10) {
    top: 70%;
    left: 10%;
    animation-delay: 1.8s
}

.claw-machine-header-circles>div:nth-child(11) {
    top: 70%;
    left: 20%;
    animation-delay: 2s
}

.claw-machine-header-circles>div:nth-child(12) {
    top: 70%;
    left: 30%;
    animation-delay: 2.2s
}

.claw-machine-header-circles>div:nth-child(13) {
    top: 70%;
    left: 40%;
    animation-delay: 2.4s
}

.claw-machine-header-circles>div:nth-child(14) {
    top: 70%;
    left: 50%;
    animation-delay: 2.6s
}

.claw-machine-header-circles>div:nth-child(15) {
    top: 70%;
    left: 60%;
    animation-delay: 2.8s
}

.claw-machine-header-circles>div:nth-child(16) {
    top: 70%;
    left: 70%;
    animation-delay: 3s
}

.claw-machine-header-circles>div:nth-child(17) {
    top: 70%;
    left: 80%;
    animation-delay: 3.2s
}

.claw-machine-header-circles>div:nth-child(18) {
    top: 70%;
    left: 90%;
    animation-delay: 3.4s
}

.claw-machine-header-circles>div:nth-child(19) {
    top: 50%;
    left: 10%;
    transform: translate(-50%,-50%);
    animation-delay: 3.6s
}

.claw-machine-header-circles>div:nth-child(20) {
    top: 50%;
    left: 90%;
    transform: translate(-50%,-50%);
    animation-delay: 3.8s
}

@keyframes ClawMachineCircleFade {
    0% {
        background-color: var(--yellow-4)
    }

    50% {
        background-color: var(--yellow-8)
    }

    to {
        background-color: var(--yellow-4)
    }
}

.claw-machine-body {
    height: 75%;
    width: 100%;
    border: 4px solid var(--light-blue);
    border-radius: 20px
}

.claw-machine-body-2 {
    width: 100%;
    height: 100%;
    border: 6px solid var(--light-blue-1);
    border-radius: 16px;
    background-color: var(--light-blue-1)
}

.claw-machine-body-3 {
    width: 100%;
    height: 100%;
    border: 4px solid var(--light-blue);
    border-radius: 14px;
    background-color: var(--indigo-10)
}

.claw-machine-canvas-container {
    position: relative;
    width: 100%;
    height: 100%
}

.claw-machine-canvas-container>canvas {
    width: 100%;
    height: 100%
}

.claw-machine-footer {
    position: relative;
    height: 10%;
    width: 100%;
    perspective: 300px
}

.claw-machine-footer-board {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 5px solid var(--amber);
    background-color: var(--amber-8);
    transform: scaleY(2.2) scaleX(1.07) rotateX(50deg);
    transform-origin: center top;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 6px 0 0 var(--deep-orange-10);
    z-index: 1
}

.claw-machine-actions {
    position: absolute;
    top: 12px;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: scale(.9) translateZ(40px);
    padding: 0 5px;
    z-index: 2
}

@media (max-height: 600px),(max-width:400px) {
    .claw-machine-actions {
        top:10px
    }
}

@media (max-height: 500px),(max-width:300px) {
    .claw-machine-actions {
        top:8px
    }
}

.claw-machine-actions-manipulators {
    display: flex;
    align-items: center
}

.claw-machine-action-left,.claw-machine-action-play,.claw-machine-action-right {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    transform: rotateX(30deg);
    color: #fff
}

@media (max-height: 600px),(max-width:400px) {
    .claw-machine-action-left,.claw-machine-action-play,.claw-machine-action-right {
        height:45px;
        width: 45px
    }
}

@media (max-height: 500px),(max-width:300px) {
    .claw-machine-action-left,.claw-machine-action-play,.claw-machine-action-right {
        height:30px;
        width: 30px
    }
}

.claw-machine-action-left:active,.claw-machine-action-play:active,.claw-machine-action-right:active {
    border-bottom: none
}

.claw-machine-action-left,.claw-machine-action-right {
    background-color: var(--blue);
    border-radius: 50%;
    border-bottom: 6px solid var(--blue-10)
}

.claw-machine-action-left>span,.claw-machine-action-right>span {
    font-size: 20px
}

@media (max-height: 600px),(max-width:400px) {
    .claw-machine-action-left>span,.claw-machine-action-right>span {
        font-size:16px
    }
}

@media (max-height: 500px),(max-width:300px) {
    .claw-machine-action-left>span,.claw-machine-action-right>span {
        font-size:12px
    }
}

.claw-machine-action-left {
    margin-right: 10px
}

.claw-machine-action-left>span {
    transform: rotateY(180deg)
}

.claw-machine-action-play {
    background-color: var(--green);
    border-radius: 10px;
    border-bottom: 6px solid var(--green-10)
}

.claw-machine-action-play>span {
    font-size: 12px;
    font-family: monospace,sans-serif
}

@media (max-height: 600px),(max-width:400px) {
    .claw-machine-action-play>span {
        font-size:10px
    }
}

@media (max-height: 500px),(max-width:300px) {
    .claw-machine-action-play>span {
        font-size:8px
    }
}

.confetti-fountains-particles--lifter {
    pointer-events: none
}

.mover {
    z-index: 90
}

.Page.AppView {
    padding-top: var(--safe-area-inset-top);
    padding-bottom: var(--safe-area-inset-top);
    padding-bottom: calc(20px + var(--safe-area-inset-top));
    color: var(--color-1);
    background-color: var(--page-2);
    min-height: 100vh
}

.Page.AppView.AppViewRoute--Game.loading {
    pointer-events: none
}

.Page.AppView.AppViewRoute--Game.loading .Button--in,.Page.AppView.AppViewRoute--Game.loading .Cell--in,.Page.AppView.AppViewRoute--Game.loading .Icon,.Page.AppView.AppViewRoute--Game.loading .Input--in,.Page.AppView.AppViewRoute--Game.loading .WithBackground span,.Page.AppView.AppViewRoute--Game.loading .game-chat-header,.Page.AppView.AppViewRoute--Game.loading .game-chat-price,.Page.AppView.AppViewRoute--Game.loading .game-groups-header,.Page.AppView.AppViewRoute--Game.loading .game-toplists-header {
    visibility: hidden
}

.Page.AppView.AppViewRoute--Game.loading .Avatar--background-image {
    background-image: none!important
}

.Page.AppView.AppViewRoute--Game.loading .game-clicker-image {
    pointer-events: none
}

.Page.AppView.AppViewRoute--Game.loading .game-footer .Typography {
    visibility: hidden
}

.Page.AppView.hide-content {
    pointer-events: none
}

.Page.AppView.hide-content .game-buttons,.Page.AppView.hide-content .game-chat-container,.Page.AppView.hide-content .game-clicker,.Page.AppView.hide-content .game-groups,.Page.AppView.hide-content .game-horse,.Page.AppView.hide-content .game-snoop-dogg,.Page.AppView.hide-content .game-toplists {
    display: none
}

.game-button {
    width: 24vw
}

body {
    overflow: auto
}

.Avatar>.Avatar--in>.Icon>svg {
    filter: drop-shadow(0 0 2px #000)
}

.game-shop-item-icon-microverse-processor>.Avatar>.Avatar--in>.Icon>svg,.game-shop-item-icon-multiverse-processor>.Avatar>.Avatar--in>.Icon>svg {
    filter: drop-shadow(0 0 2px #fff)
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform,visibility,opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    padding: 5px 9px;
    z-index: 1
}

.tippy-content,.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vue-recycle-scroller__slot {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.vue3-resize-observer {
    border: none;
    background-color: transparent;
    opacity: 0
}

.vue3-resize-observer,.vue3-resize-observer object {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    overflow: hidden
}

.game-score-bytecoin {
    height: 1.5em;
    width: 1.5em
}