:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0,0%,100%,.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-colored: #ddd
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    transform: translate3d(0,0,var(--toastify-z-index) px);
    width: var(--toastify-toast-width);
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    transform: translate(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        left:0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translate(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 4px;
    box-shadow: 0 1px 10px #0000001a,0 2px 15px #0000000d;
    box-sizing: border-box;
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: var(--toastify-toast-max-height);
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px;
    white-space: pre-wrap
}

.Toastify__toast-body>div:last-child {
    flex: 1
}

.Toastify__toast-icon {
    display: flex;
    flex-shrink: 0;
    margin-inline-end:10px;width: 20px
}

.Toastify--animate {
    animation-duration: .7s;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    animation-duration: .3s;
    animation-fill-mode: both
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        border-radius:0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: var(--toastify-color-info);
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: var(--toastify-color-success);
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: var(--toastify-color-warning);
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: var(--toastify-color-error);
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
    background: var(--toastify-color-progress-colored)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentcolor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__spinner {
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__none {
    0%,60%,75%,90%,to {
        animation-duration: 0;
        animation-timing-function: none
    }

    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        transform: translateZ(0)
    }
}

.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right {
    animation-name: Toastify__none
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,500px,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-500px,0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes shineEffect {
    0% {
        left: -50%;
        opacity: 0
    }

    50% {
        left: 25%;
        opacity: .5
    }

    to {
        left: 100%;
        opacity: 0
    }
}

:root {
    --b: 27, 27, 35;
    --header: 27, 27, 35;
    --t: 255,255,255;
    --primary: 235, 72, 89;
    --secondary: 248, 208, 147;
    --primary-sc: 255, 255, 255;
    --sc: 255, 255, 255;
    --secondary-sc: 0,0,0
}

header {
    height: 80px;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background: rgba(var(--header),1);
    border-bottom: 1px solid rgba(var(--t),.1);
    z-index: 99999
}

header .container {
    height: 100%;
    display: flex;
    align-items: center
}

header ul {
    display: flex;
    align-items: center
}

header ul li {
    margin: 0 5px
}

header ul li a {
    padding: 6px 10px;
    position: relative
}

header ul li a:after {
    width: 75%;
    height: 0px;
    border-radius: 30px;
    left: 50%;
    transform: translate(-50%);
    background: rgba(var(--primary),1);
    content: "";
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    bottom: -5px
}

header ul li a.active:after {
    height: 4px
}

html,body {
    width: 100%;
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: rgba(var(--b));
    color: rgba(var(--sc))
}

body,input,button,select,textarea {
    font-family: Poppins,sans-serif
}

html,body,#app {
    height: 100%;
    touch-action: manipulation;
    width: 100%;
    -webkit-font-smoothing: antialiased
}

svg {
    fill: rgba(var(--sc),1);
    width: 18px;
    height: 18px;
    transition: all .3s ease
}

svg.reverse {
    transform: rotate(180deg)
}

svg.colored {
    fill: rgba(var(--o-sc))
}

ul {
    padding: 0;
    margin: 0
}

ul li {
    list-style: none
}

a {
    color: rgba(var(--sc),1);
    text-decoration: none!important
}

a.helper {
    color: rgba(var(--sc),.8)!important;
    font-size: 12px
}

* {
    -webkit-user-select: none;
    user-select: none;
    outline: none!important
}

*,:after,:before {
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
}

.layout {
    padding-top: 60px;
    overflow: hidden
}

.container {
    width: 1310px;
    margin: 0 auto
}

@media (max-width: 1310px) {
    .container {
        width:100%!important
    }

    header {
        padding: 0 10px!important
    }

    header ul {
        display: none
    }

    header .button {
        font-size: 0px!important
    }

    header .button svg {
        width: 20px;
        height: 20px
    }

    .content {
        text-align: center;
        padding: 0 20px;
        height: 290px!important
    }

    .content .app {
        zoom:35%}

    .content_2 {
        padding: 0 10px;
        margin-top: 30px!important
    }

    .content_2 .card {
        display: flex;
        flex-direction: column!important;
        align-items: center!important;
        justify-content: center!important;
        text-align: center!important;
        background: #fffafa0d!important
    }

    .content_2 .card h1 {
        font-size: 14px!important
    }

    .content_2 .card p {
        font-size: 10px!important
    }

    .content_3 .buttons {
        width: 90%!important
    }

    .content_3 .buttons .button b {
        font-size: 12px!important
    }

    .content_3 .buttons .button small {
        font-size: 10px!important
    }

    .content_4,.content_5 {
        padding: 20px!important
    }
}

.row {
    display: flex;
    margin: 0 -5px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    width: 100%;
    padding: 0 5px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-basis: auto
}

.col-xs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-xs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-xs-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-xs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-xs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-xs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-xs-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-xs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.col {
    width: 100%;
    padding: 0 5px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-basis: auto
}

.col.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@keyframes scaleSVG {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

.landing {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -20px
}

.landing.nostandalone {
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--b),1);
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 996px) {
    .landing .social-items .item {
        flex-direction:column;
        align-items: center;
        justify-content: center
    }

    .landing .social-items .item .button {
        width: 100%!important
    }

    .landing .social-items .item .right {
        text-align: center!important;
        width: 100%
    }
}

.landing img {
    margin-bottom: 15px
}

.landing h2,.landing h3 {
    margin: 0
}

.landing .social-items {
    display: flex;
    flex-wrap: wrap;
    padding: 10px
}

.landing .social-items .col {
    width: 50%;
    padding: 10px
}

.landing .social-items .item {
    display: flex;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    transition: all ease-in .2s;
    background: linear-gradient(49deg,rgba(var(--t),.01),rgba(var(--t),.1));
    border: 1px solid rgba(var(--primary),1);
    padding: 20px;
    width: 100%
}

.landing .social-items .item .left {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%
}

.landing .social-items .item .left g {
    fill: rgba(var(--t),1)
}

.landing .social-items .item .left svg {
    fill: rgba(var(--t),1);
    width: 50px;
    height: 50px
}

.landing .social-items .item .right {
    text-align: right
}

.landing .social-items .item .right h1 {
    margin: 10px 0 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.landing .social-items .item .right p {
    margin: 5px 0 10px;
    opacity: .4;
    font-size: 12px;
    text-transform: uppercase
}

.landing .social-items .item .right .button {
    padding: 10px;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    width: 150px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px
}

.landing .social-items .item .right .button svg {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.landing .social-items .item:hover {
    transform: scale(1.1)
}

.w-100 {
    width: 100%
}

.d-flex {
    display: flex
}

.colored {
    color: var(--el-color-primary)
}

.flex-fill {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

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

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly!important;
    -ms-flex-pack: space-evenly!important;
    justify-content: space-evenly!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

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

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

.f-small {
    font-size: 12px
}

.f-medium {
    font-size: 14px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.sc-1 {
    color: rgba(var(--sc),.1)
}

.sc-2 {
    color: rgba(var(--sc),.2)
}

.sc-3 {
    color: rgba(var(--sc),.3)
}

.sc-4 {
    color: rgba(var(--sc),.4)
}

.sc-5 {
    color: rgba(var(--sc),.5)
}

.sc-6 {
    color: rgba(var(--sc),.6)
}

.sc-7 {
    color: rgba(var(--sc),.7)
}

.sc-8 {
    color: rgba(var(--sc),.8)
}

.sc-9 {
    color: rgba(var(--sc),.9)
}

.sc-10 {
    color: rgba(var(--sc),1)
}

.fs-8 {
    font-size: 8px
}

.fs-10 {
    font-size: 10px
}

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px
}

.fs-16 {
    font-size: 16px
}

.fs-18 {
    font-size: 18px
}

.fs-20 {
    font-size: 20px
}

.fs-22 {
    font-size: 22px
}

.fs-24 {
    font-size: 24px
}

.fs-26 {
    font-size: 26px
}

.fs-28 {
    font-size: 28px
}

.fs-30 {
    font-size: 30px
}

.fs-32 {
    font-size: 32px
}

.fs-34 {
    font-size: 34px
}

.fs-36 {
    font-size: 36px
}

.h-16 {
    height: 16px
}

.h-24 {
    height: 24px
}

.h-32 {
    height: 32px
}

.h-48 {
    height: 48px
}

.h-64 {
    height: 64px
}

.w-16 {
    width: 16px
}

.w-24 {
    width: 24px
}

.w-32 {
    width: 32px
}

.w-48 {
    width: 48px
}

.w-64 {
    width: 64px
}

.mt-0 {
    margin-top: 0!important
}

.pt-0 {
    padding-top: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.pl-0 {
    padding-left: 0!important
}

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

.pr-0 {
    padding-right: 0!important
}

.mt-5 {
    margin-top: 5px!important
}

.pt-5 {
    padding-top: 5px!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.pb-5 {
    padding-bottom: 5px!important
}

.ml-5 {
    margin-left: 5px!important
}

.pl-5 {
    padding-left: 5px!important
}

.mr-5 {
    margin-right: 5px!important
}

.pr-5 {
    padding-right: 5px!important
}

.mt-10 {
    margin-top: 10px!important
}

.pt-10 {
    padding-top: 10px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.pb-10 {
    padding-bottom: 10px!important
}

.ml-10 {
    margin-left: 10px!important
}

.pl-10 {
    padding-left: 10px!important
}

.mr-10 {
    margin-right: 10px!important
}

.pr-10 {
    padding-right: 10px!important
}

.mt-15 {
    margin-top: 15px!important
}

.pt-15 {
    padding-top: 15px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

.pb-15 {
    padding-bottom: 15px!important
}

.ml-15 {
    margin-left: 15px!important
}

.pl-15 {
    padding-left: 15px!important
}

.mr-15 {
    margin-right: 15px!important
}

.pr-15 {
    padding-right: 15px!important
}

.mt-20 {
    margin-top: 20px!important
}

.pt-20 {
    padding-top: 20px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.pb-20 {
    padding-bottom: 20px!important
}

.ml-20 {
    margin-left: 20px!important
}

.pl-20 {
    padding-left: 20px!important
}

.mr-20 {
    margin-right: 20px!important
}

.pr-20 {
    padding-right: 20px!important
}

.mt-25 {
    margin-top: 25px!important
}

.pt-25 {
    padding-top: 25px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.pb-25 {
    padding-bottom: 25px!important
}

.ml-25 {
    margin-left: 25px!important
}

.pl-25 {
    padding-left: 25px!important
}

.mr-25 {
    margin-right: 25px!important
}

.pr-25 {
    padding-right: 25px!important
}

.mt-30 {
    margin-top: 30px!important
}

.pt-30 {
    padding-top: 30px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.pb-30 {
    padding-bottom: 30px!important
}

.ml-30 {
    margin-left: 30px!important
}

.pl-30 {
    padding-left: 30px!important
}

.mr-30 {
    margin-right: 30px!important
}

.pr-30 {
    padding-right: 30px!important
}

.mt-35 {
    margin-top: 35px!important
}

.pt-35 {
    padding-top: 35px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.pb-35 {
    padding-bottom: 35px!important
}

.ml-35 {
    margin-left: 35px!important
}

.pl-35 {
    padding-left: 35px!important
}

.mr-35 {
    margin-right: 35px!important
}

.pr-35 {
    padding-right: 35px!important
}

.mt-40 {
    margin-top: 40px!important
}

.pt-40 {
    padding-top: 40px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.pb-40 {
    padding-bottom: 40px!important
}

.ml-40 {
    margin-left: 40px!important
}

.pl-40 {
    padding-left: 40px!important
}

.mr-40 {
    margin-right: 40px!important
}

.pr-40 {
    padding-right: 40px!important
}

.mt-45 {
    margin-top: 45px!important
}

.pt-45 {
    padding-top: 45px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.pb-45 {
    padding-bottom: 45px!important
}

.ml-45 {
    margin-left: 45px!important
}

.pl-45 {
    padding-left: 45px!important
}

.mr-45 {
    margin-right: 45px!important
}

.pr-45 {
    padding-right: 45px!important
}

.mt-50 {
    margin-top: 50px!important
}

.pt-50 {
    padding-top: 50px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.pb-50 {
    padding-bottom: 50px!important
}

.ml-50 {
    margin-left: 50px!important
}

.pl-50 {
    padding-left: 50px!important
}

.mr-50 {
    margin-right: 50px!important
}

.pr-50 {
    padding-right: 50px!important
}

.mt-75 {
    margin-top: 75px!important
}

.pt-75 {
    padding-top: 75px!important
}

.mb-75 {
    margin-bottom: 75px!important
}

.pb-75 {
    padding-bottom: 75px!important
}

.ml-75 {
    margin-left: 75px!important
}

.pl-75 {
    padding-left: 75px!important
}

.mr-75 {
    margin-right: 75px!important
}

.pr-75 {
    padding-right: 75px!important
}

.mt-100 {
    margin-top: 100px!important
}

.pt-100 {
    padding-top: 100px!important
}

.mb-100 {
    margin-bottom: 100px!important
}

.pb-100 {
    padding-bottom: 100px!important
}

.ml-100 {
    margin-left: 100px!important
}

.pl-100 {
    padding-left: 100px!important
}

.mr-100 {
    margin-right: 100px!important
}

.pr-100 {
    padding-right: 100px!important
}

.mt-1 {
    margin-top: 1rem!important
}

.mt-2 {
    margin-top: 2rem!important
}

.mt-3 {
    margin-top: 3rem!important
}

.mt-4 {
    margin-top: 4rem!important
}

.mt-5 {
    margin-top: 5rem!important
}

.mt-6 {
    margin-top: 6rem!important
}

.mt-7 {
    margin-top: 7rem!important
}

.mt-8 {
    margin-top: 8rem!important
}

.mt-9 {
    margin-top: 9rem!important
}

.mt-10 {
    margin-top: 10rem!important
}

.mt-11 {
    margin-top: 11rem!important
}

.mt-12 {
    margin-top: 12rem!important
}

.mt-13 {
    margin-top: 13rem!important
}

.mt-14 {
    margin-top: 14rem!important
}

.mt-15 {
    margin-top: 15rem!important
}

.mt-16 {
    margin-top: 16rem!important
}

.mt-17 {
    margin-top: 17rem!important
}

.mt-18 {
    margin-top: 18rem!important
}

.mt-19 {
    margin-top: 19rem!important
}

.mt-20 {
    margin-top: 20rem!important
}

.mr-1 {
    margin-right: 1rem!important
}

.mr-2 {
    margin-right: 2rem!important
}

.mr-3 {
    margin-right: 3rem!important
}

.mr-4 {
    margin-right: 4rem!important
}

.mr-5 {
    margin-right: 5rem!important
}

.mr-6 {
    margin-right: 6rem!important
}

.mr-7 {
    margin-right: 7rem!important
}

.mr-8 {
    margin-right: 8rem!important
}

.mr-9 {
    margin-right: 9rem!important
}

.mr-10 {
    margin-right: 10rem!important
}

.mr-11 {
    margin-right: 11rem!important
}

.mr-12 {
    margin-right: 12rem!important
}

.mr-13 {
    margin-right: 13rem!important
}

.mr-14 {
    margin-right: 14rem!important
}

.mr-15 {
    margin-right: 15rem!important
}

.mr-16 {
    margin-right: 16rem!important
}

.mr-17 {
    margin-right: 17rem!important
}

.mr-18 {
    margin-right: 18rem!important
}

.mr-19 {
    margin-right: 19rem!important
}

.mr-20 {
    margin-right: 20rem!important
}

.mb-1 {
    margin-bottom: 1rem!important
}

.mb-2 {
    margin-bottom: 2rem!important
}

.mb-3 {
    margin-bottom: 3rem!important
}

.mb-4 {
    margin-bottom: 4rem!important
}

.mb-5 {
    margin-bottom: 5rem!important
}

.mb-6 {
    margin-bottom: 6rem!important
}

.mb-7 {
    margin-bottom: 7rem!important
}

.mb-8 {
    margin-bottom: 8rem!important
}

.mb-9 {
    margin-bottom: 9rem!important
}

.mb-10 {
    margin-bottom: 10rem!important
}

.mb-11 {
    margin-bottom: 11rem!important
}

.mb-12 {
    margin-bottom: 12rem!important
}

.mb-13 {
    margin-bottom: 13rem!important
}

.mb-14 {
    margin-bottom: 14rem!important
}

.mb-15 {
    margin-bottom: 15rem!important
}

.mb-16 {
    margin-bottom: 16rem!important
}

.mb-17 {
    margin-bottom: 17rem!important
}

.mb-18 {
    margin-bottom: 18rem!important
}

.mb-19 {
    margin-bottom: 19rem!important
}

.mb-20 {
    margin-bottom: 20rem!important
}

.ml-1 {
    margin-left: 1rem!important
}

.ml-2 {
    margin-left: 2rem!important
}

.ml-3 {
    margin-left: 3rem!important
}

.ml-4 {
    margin-left: 4rem!important
}

.ml-5 {
    margin-left: 5rem!important
}

.ml-6 {
    margin-left: 6rem!important
}

.ml-7 {
    margin-left: 7rem!important
}

.ml-8 {
    margin-left: 8rem!important
}

.ml-9 {
    margin-left: 9rem!important
}

.ml-10 {
    margin-left: 10rem!important
}

.ml-11 {
    margin-left: 11rem!important
}

.ml-12 {
    margin-left: 12rem!important
}

.ml-13 {
    margin-left: 13rem!important
}

.ml-14 {
    margin-left: 14rem!important
}

.ml-15 {
    margin-left: 15rem!important
}

.ml-16 {
    margin-left: 16rem!important
}

.ml-17 {
    margin-left: 17rem!important
}

.ml-18 {
    margin-left: 18rem!important
}

.ml-19 {
    margin-left: 19rem!important
}

.ml-20 {
    margin-left: 20rem!important
}

.pt-1 {
    padding-top: 1rem!important
}

.pt-2 {
    padding-top: 2rem!important
}

.pt-3 {
    padding-top: 3rem!important
}

.pt-4 {
    padding-top: 4rem!important
}

.pt-5 {
    padding-top: 5rem!important
}

.pt-6 {
    padding-top: 6rem!important
}

.pt-7 {
    padding-top: 7rem!important
}

.pt-8 {
    padding-top: 8rem!important
}

.pt-9 {
    padding-top: 9rem!important
}

.pt-10 {
    padding-top: 10rem!important
}

.pt-11 {
    padding-top: 11rem!important
}

.pt-12 {
    padding-top: 12rem!important
}

.pt-13 {
    padding-top: 13rem!important
}

.pt-14 {
    padding-top: 14rem!important
}

.pt-15 {
    padding-top: 15rem!important
}

.pt-16 {
    padding-top: 16rem!important
}

.pt-17 {
    padding-top: 17rem!important
}

.pt-18 {
    padding-top: 18rem!important
}

.pt-19 {
    padding-top: 19rem!important
}

.pt-20 {
    padding-top: 20rem!important
}

.pr-1 {
    padding-right: 1rem!important
}

.pr-2 {
    padding-right: 2rem!important
}

.pr-3 {
    padding-right: 3rem!important
}

.pr-4 {
    padding-right: 4rem!important
}

.pr-5 {
    padding-right: 5rem!important
}

.pr-6 {
    padding-right: 6rem!important
}

.pr-7 {
    padding-right: 7rem!important
}

.pr-8 {
    padding-right: 8rem!important
}

.pr-9 {
    padding-right: 9rem!important
}

.pr-10 {
    padding-right: 10rem!important
}

.pr-11 {
    padding-right: 11rem!important
}

.pr-12 {
    padding-right: 12rem!important
}

.pr-13 {
    padding-right: 13rem!important
}

.pr-14 {
    padding-right: 14rem!important
}

.pr-15 {
    padding-right: 15rem!important
}

.pr-16 {
    padding-right: 16rem!important
}

.pr-17 {
    padding-right: 17rem!important
}

.pr-18 {
    padding-right: 18rem!important
}

.pr-19 {
    padding-right: 19rem!important
}

.pr-20 {
    padding-right: 20rem!important
}

.pb-1 {
    padding-bottom: 1rem!important
}

.pb-2 {
    padding-bottom: 2rem!important
}

.pb-3 {
    padding-bottom: 3rem!important
}

.pb-4 {
    padding-bottom: 4rem!important
}

.pb-5 {
    padding-bottom: 5rem!important
}

.pb-6 {
    padding-bottom: 6rem!important
}

.pb-7 {
    padding-bottom: 7rem!important
}

.pb-8 {
    padding-bottom: 8rem!important
}

.pb-9 {
    padding-bottom: 9rem!important
}

.pb-10 {
    padding-bottom: 10rem!important
}

.pb-11 {
    padding-bottom: 11rem!important
}

.pb-12 {
    padding-bottom: 12rem!important
}

.pb-13 {
    padding-bottom: 13rem!important
}

.pb-14 {
    padding-bottom: 14rem!important
}

.pb-15 {
    padding-bottom: 15rem!important
}

.pb-16 {
    padding-bottom: 16rem!important
}

.pb-17 {
    padding-bottom: 17rem!important
}

.pb-18 {
    padding-bottom: 18rem!important
}

.pb-19 {
    padding-bottom: 19rem!important
}

.pb-20 {
    padding-bottom: 20rem!important
}

.pl-1 {
    padding-left: 1rem!important
}

.pl-2 {
    padding-left: 2rem!important
}

.pl-3 {
    padding-left: 3rem!important
}

.pl-4 {
    padding-left: 4rem!important
}

.pl-5 {
    padding-left: 5rem!important
}

.pl-6 {
    padding-left: 6rem!important
}

.pl-7 {
    padding-left: 7rem!important
}

.pl-8 {
    padding-left: 8rem!important
}

.pl-9 {
    padding-left: 9rem!important
}

.pl-10 {
    padding-left: 10rem!important
}

.pl-11 {
    padding-left: 11rem!important
}

.pl-12 {
    padding-left: 12rem!important
}

.pl-13 {
    padding-left: 13rem!important
}

.pl-14 {
    padding-left: 14rem!important
}

.pl-15 {
    padding-left: 15rem!important
}

.pl-16 {
    padding-left: 16rem!important
}

.pl-17 {
    padding-left: 17rem!important
}

.pl-18 {
    padding-left: 18rem!important
}

.pl-19 {
    padding-left: 19rem!important
}

.pl-20 {
    padding-left: 20rem!important
}

.content {
    background-image: url(/assets/banner-_IOurS4a.jpg);
    width: 100%;
    background-position: center top;
    height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.content h1 {
    margin: 0;
    font-size: 40px;
    background: linear-gradient(210deg,rgba(var(--t),1),rgba(var(--primary),1) 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.content p {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px
}

.content .app {
    width: 1000px;
    height: 192px;
    position: relative;
    margin-bottom: -185px;
    z-index: 1;
    margin-top: 45px;
    animation: moveTo 2s infinite forwards alternate
}

@keyframes moveTo {
    0% {
        top: -20px
    }

    to {
        top: 0
    }
}

.content .app .mobile {
    background-image: url(/assets/mobile-BHF0NksG.png);
    width: 100%;
    height: 100%;
    background-size: 100% 100%
}

.content .app .shadow {
    position: absolute;
    content: "";
    width: 935px;
    pointer-events: none;
    animation: backgroundAnimate 8s infinite forwards alternate;
    height: 741px;
    background-size: 100% 100%;
    z-index: -1;
    top: -75%;
    left: 3%;
}

@keyframes backgroundAnimate {
    0% {
        background-image: url(/assets/shadow-pFJw7yAb.png)
    }

    25% {
        background-image: url(/assets/shadow-2-CYBR6JnI.png)
    }

    50% {
        background-image: url(/assets/shadow-pFJw7yAb.png)
    }

    to {
        background-image: url(/assets/shadow-2-CYBR6JnI.png)
    }
}

.content_3 h1 {
    text-align: center
}

.content_3 .buttons {
    width: 500px;
    margin: 0 auto
}

.content_3 .buttons .button {
    height: 65px
}

.content_2 {
    margin-top: 0px;
    position: relative;
    z-index: 5
}

.content_2 .card {
    padding: 5px !important;
    border-radius: 15px;
    background: linear-gradient(0deg,#000,#fff0)
}

.content_2 .card .icon {
    background: rgba(var(--primary),1);
    fill: rgba(var(--sc),1);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px
}

.content_2 .card .icon svg {
    width: 30px;
    height: 30px;
    fill: rgba(var(--primary-sc),1)
}

.content_2 .card h1 {
    font-size: 24px;
    margin-bottom: 0
}

.content_2 .card p {
    opacity: .6;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500
}

.content_5 {
    display: flex
}

.content_5 .social {
    margin-bottom: 30px
}

.content_5 .social svg {
    width: 24px;
    margin: 0 10px;
    height: 24px
}

.content_5,.content_4 {
    text-align: center
}

.content_4 img {
    border-radius: 10px
}

@media (min-width: 996px) {
    .content_4 img {
        border-radius:30px;
        border: 5px solid rgba(var(--primary),1)
    }
}

.content_2 .card {
    background: linear-gradient(0deg,#2a2a38,#fff0)
}

header {
    background: linear-gradient(90deg,#1b1b23,#2a2a38,#1b1b23)!important
}

.add2home-prompt {
    position: fixed;
    bottom: 1em;
    left: 1em;
    right: 1em;
    padding: 1em;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .5em;
    box-shadow: 0 0 1em #0003;
    z-index: 1000;
    text-align: center
}

.add2home-prompt button {
    margin-top: .5em;
    padding: .5em 1em;
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: .25em;
    cursor: pointer
}

.button {
    padding: 9px 12px;
    border-radius: 10px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    font-size: var(--btn-s);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--s-c),1);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background: rgba(var(--t),.05)
}

.button:hover {
    background: rgba(var(--t),.1)
}

.button svg {
    fill: rgba(var(--sc),1);
    margin-right: 5px
}

.button.block {
    width: 100%
}

.button.loading svg,.button.loading span {
    position: relative;
    animation: moveTop 2s alternate forwards
}

.button.loading svg {
    transform: scale(2)!important
}

.button.primary {
    background: rgba(var(--primary),1);
    color: rgba(var(--primary-sc),1)
}

.button.primary svg {
    fill: rgba(var(--primary-sc),1)
}

.button.primary:hover {
    background: rgba(var(--primary),.9)
}

.button.secondary {
    background: rgba(var(--secondary),1);
    color: rgba(var(--secondary-sc),1)
}

.button.secondary svg {
    fill: rgba(var(--secondary-sc),1)
}

.button.secondary:hover {
    background: rgba(var(--secondary),.9)
}

.button.success {
    background: rgba(var(--success),1)
}

.button.success:hover {
    background: rgba(var(--success),.9)
}

.button.warning {
    background: rgba(var(--warning),1)
}

.button.warning:hover {
    background: rgba(var(--warning),.9)
}

.button.info {
    background: rgba(var(--info),1)
}

.button.info:hover {
    background: rgba(var(--info),.9)
}

.button.danger {
    background: rgba(var(--danger),1)
}

.button.danger:hover {
    background: rgba(var(--danger),.9)
}

.button.dark {
    background: rgba(var(--primary),.1);
    color: rgba(var(--primary),1)
}

.button.dark svg {
    fill: rgba(var(--primary),1)
}

.button.dark:hover {
    background: rgba(var(--primary),1);
    color: rgba(var(--primary-sc),1)
}

.button.dark:hover svg {
    fill: rgba(var(--primary-sc),1)
}

.ios {
    background: #004ab2
}

.android {
    background: #069246!important
}

#a2hs-prompt {
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(var(--primary),1);
    border: 1px solid rgba(var(--primary),1);
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
    z-index: 1000;
    font-size: 14px;
    font-weight: 700;
    padding: 6px;
    text-align: center
}

#a2hs-container {
    position: relative
}

svg {
    width: 30px;
    height: 30px
}

#a2hs-close {
    position: absolute;
    top: -35px;
    right: -15px;
    border: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    background: rgba(var(--primary),1);
    border-radius: 20px
}