@import "tailwindcss";

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

:root {
    --background: #ffffff;
    --foreground: #171717;
}

.bg-main {
    background-color: rgb(247, 251, 241);
}

@theme inline {
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono);
    --color-dark: rgb(32, 33, 36);
    --color-dark2: rgb(48, 48, 53);
    --color-red1: #df463e;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background: #0a0a0a;
        --foreground: #ededed;
    }
}

body {
    background: var(--background);
    color: var(--foreground);
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.row {
    --gm-gutter-x: 1.875rem;
    --gm-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--gm-gutter-y));
    margin-right: calc(-0.5 * var(--gm-gutter-x));
    margin-left: calc(-0.5 * var(--gm-gutter-x));
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gm-gutter-x) * 0.5);
    padding-left: calc(var(--gm-gutter-x) * 0.5);
    margin-top: var(--gm-gutter-y);
}

.r-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

.vstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: stretch;
}

.hstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.g-0,
.gx-0 {
    --gm-gutter-x: 0;
}

.g-0,
.gy-0 {
    --gm-gutter-y: 0;
}

.g-1,
.gx-1 {
    --gm-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --gm-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --gm-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --gm-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --gm-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --gm-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --gm-gutter-x: 1.6rem;
}

.g-4,
.gy-4 {
    --gm-gutter-y: 1.6rem;
}

.g-5,
.gx-5 {
    --gm-gutter-x: 2.5rem;
}

.g-5,
.gy-5 {
    --gm-gutter-y: 2.5rem;
}

.g-6,
.gx-6 {
    --gm-gutter-x: 3.5rem;
}

.g-6,
.gy-6 {
    --gm-gutter-y: 3.5rem;
}

.g-7,
.gx-7 {
    --gm-gutter-x: 4rem;
}

.g-7,
.gy-7 {
    --gm-gutter-y: 4rem;
}

.g-8,
.gx-8 {
    --gm-gutter-x: 8rem;
}

.g-8,
.gy-8 {
    --gm-gutter-y: 8rem;
}

.g-9,
.gx-9 {
    --gm-gutter-x: 11rem;
}

.g-9,
.gy-9 {
    --gm-gutter-y: 11rem;
}

.shadow-1 {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.rounded-inherit {
    border-radius: inherit;
}


.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.1rem;
    --bs-btn-font-family: Inter, sans-serif;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.313rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none;
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn.primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #09B850;
    --bs-btn-border-color: #09B850;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #089c44;
    --bs-btn-hover-border-color: #079340;
    --bs-btn-focus-shadow-rgb: 46, 195, 106;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #079340;
    --bs-btn-active-border-color: #078a3c;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #09B850;
    --bs-btn-disabled-border-color: #09B850;
}

.btn.light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f8f8;
    --bs-btn-border-color: #f8f8f8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: lightgray;
    --bs-btn-hover-border-color: #c6c6c6;
    --bs-btn-focus-shadow-rgb: 211, 211, 211;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c6c6;
    --bs-btn-active-border-color: #bababa;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f8f8;
    --bs-btn-disabled-border-color: #f8f8f8;
}

.btn-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

.btn-icon.btn-xs {
    width: 2rem;
    height: 2rem;
    font-size: 0.8rem;
}

.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.8rem;
}

.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
    width: 3rem;
    height: 3rem;
    font-size: 1.4375rem;
}

.btn-icon.btn-xl {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.75rem;
}


.btn-ripple {
    position: relative;
    overflow: visible;
}

.btn-ripple:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-color: inherit;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 1;
    -webkit-animation-name: rippleanim;
    animation-name: rippleanim;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@keyframes rippleanim {
    0% {
        opacity: 1;
        -webkit-box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.9);
        box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.9);
    }
    100% {
        opacity: 0;
        -webkit-box-shadow: 0 0 0 15px rgba(var(--bs-primary-rgb), 0.4);
        box-shadow: 0 0 0 15px rgba(var(--bs-primary-rgb), 0.4);
    }
}


/*dialog css*/

.modal {
    --bs-dialog-zindex: 1055;
    --bs-dialog-width: 500px;
    --bs-dialog-padding: 1rem;
    --bs-dialog-margin: 0.5rem;
    --bs-dialog-color: ;
    --bs-dialog-bg: var(--bs-body-bg);
    --bs-dialog-border-color: var(--bs-border-color-translucent);
    --bs-dialog-border-width: 0;
    --bs-dialog-border-radius: 0.313rem;
    --bs-dialog-box-shadow: var(--bs-box-shadow-sm);
    --bs-dialog-inner-border-radius: 0.313rem;
    --bs-dialog-header-padding-x: 1rem;
    --bs-dialog-header-padding-y: 1rem;
    --bs-dialog-header-padding: 1rem 1rem;
    --bs-dialog-header-border-color: var(--bs-border-color);
    --bs-dialog-header-border-width: var(--bs-border-width);
    --bs-dialog-title-line-height: 1.5;
    --bs-dialog-footer-gap: 0.5rem;
    --bs-dialog-footer-bg: ;
    --bs-dialog-footer-border-color: var(--bs-border-color);
    --bs-dialog-footer-border-width: var(--bs-border-width);
    position: fixed;
    inset: 0;
    z-index: var(--bs-dialog-zindex);
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    transition: opacity .3s;
    background: rgba(0, 0, 0, 0.7);
}

.dialog-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-dialog-margin);
    pointer-events: none;
}

.modal.fade .dialog-dialog {
    transition: transform 0.2s ease-out;
    transform: scale(1.07);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .dialog-dialog {
        -webkit-transition: none;
        transition: none;
    }
}

.modal.show .dialog-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal.dialog-static .dialog-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.dialog-dialog-scrollable {
    height: calc(100% - var(--bs-dialog-margin) * 2);
}

.dialog-dialog-scrollable .dialog-content {
    max-height: 100%;
    overflow: hidden;
}

.dialog-dialog-scrollable .dialog-body {
    overflow-y: auto;
}

.dialog-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - var(--bs-dialog-margin) * 2);
}

.dialog-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    color: var(--bs-dialog-color);
    pointer-events: auto;
    background-color: #ffffff;
    background-clip: padding-box;
    border: var(--bs-dialog-border-width) solid var(--bs-dialog-border-color);
    border-radius: var(--bs-dialog-border-radius);
    outline: 0;
}

.dialog-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}

.dialog-backdrop.fade {
    opacity: 0;
}

.dialog-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}

.dialog-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--bs-dialog-header-padding);
    border-bottom: var(--bs-dialog-header-border-width) solid var(--bs-dialog-header-border-color);
    border-top-left-radius: var(--bs-dialog-inner-border-radius);
    border-top-right-radius: var(--bs-dialog-inner-border-radius);
}

.dialog-header .btn-close {
    padding: calc(var(--bs-dialog-header-padding-y) * 0.5) calc(var(--bs-dialog-header-padding-x) * 0.5);
    margin: calc(-0.5 * var(--bs-dialog-header-padding-y)) calc(-0.5 * var(--bs-dialog-header-padding-x)) calc(-0.5 * var(--bs-dialog-header-padding-y)) auto;
}

.dialog-title {
    margin-bottom: 0;
    line-height: var(--bs-dialog-title-line-height);
}

.dialog-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--bs-dialog-padding);
}

.dialog-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: calc(var(--bs-dialog-padding) - var(--bs-dialog-footer-gap) * 0.5);
    background-color: var(--bs-dialog-footer-bg);
    border-top: var(--bs-dialog-footer-border-width) solid var(--bs-dialog-footer-border-color);
    border-bottom-right-radius: var(--bs-dialog-inner-border-radius);
    border-bottom-left-radius: var(--bs-dialog-inner-border-radius);
}

.dialog-footer > * {
    margin: calc(var(--bs-dialog-footer-gap) * 0.5);
}

@media (min-width: 576px) {
    .modal {
        --bs-dialog-margin: 1.75rem;
        --bs-dialog-box-shadow: var(--bs-box-shadow);
    }

    .dialog-dialog {
        max-width: var(--bs-dialog-width);
        margin-right: auto;
        margin-left: auto;
    }

    .dialog-sm {
        --bs-dialog-width: 300px;
    }
}

@media (min-width: 992px) {
    .dialog-lg,
    .dialog-xl {
        --bs-dialog-width: 800px;
    }
}

@media (min-width: 1200px) {
    .dialog-xl {
        --bs-dialog-width: 1140px;
    }
}

.dialog-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

.dialog-fullscreen .dialog-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.dialog-fullscreen .dialog-header,
.dialog-fullscreen .dialog-footer {
    border-radius: 0;
}

.dialog-fullscreen .dialog-body {
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .dialog-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .dialog-fullscreen-sm-down .dialog-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .dialog-fullscreen-sm-down .dialog-header,
    .dialog-fullscreen-sm-down .dialog-footer {
        border-radius: 0;
    }

    .dialog-fullscreen-sm-down .dialog-body {
        overflow-y: auto;
    }
}

@media (max-width: 767.98px) {
    .dialog-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .dialog-fullscreen-md-down .dialog-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .dialog-fullscreen-md-down .dialog-header,
    .dialog-fullscreen-md-down .dialog-footer {
        border-radius: 0;
    }

    .dialog-fullscreen-md-down .dialog-body {
        overflow-y: auto;
    }
}

@media (max-width: 991.98px) {
    .dialog-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .dialog-fullscreen-lg-down .dialog-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .dialog-fullscreen-lg-down .dialog-header,
    .dialog-fullscreen-lg-down .dialog-footer {
        border-radius: 0;
    }

    .dialog-fullscreen-lg-down .dialog-body {
        overflow-y: auto;
    }
}

@media (max-width: 1199.98px) {
    .dialog-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .dialog-fullscreen-xl-down .dialog-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .dialog-fullscreen-xl-down .dialog-header,
    .dialog-fullscreen-xl-down .dialog-footer {
        border-radius: 0;
    }

    .dialog-fullscreen-xl-down .dialog-body {
        overflow-y: auto;
    }
}

@media (max-width: 1399.98px) {
    .dialog-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .dialog-fullscreen-xxl-down .dialog-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .dialog-fullscreen-xxl-down .dialog-header,
    .dialog-fullscreen-xxl-down .dialog-footer {
        border-radius: 0;
    }

    .dialog-fullscreen-xxl-down .dialog-body {
        overflow-y: auto;
    }
}

@media (min-width: 768px) {
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
}

.hold-transition > * {
    transition: none !important;
}

.tooltip {
    --ttp-pointer-size: 5px;
    --ttp-pointer-margin: -5px;
    --ttp-offset-x: 10px;
    --ttp-offset-y: -10px;
    transition: all 0.3s;
    font-size: 0.6975rem;
}

.tooltip .tooltip-inner {
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    padding: 0 6px;
    position: relative;
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    word-wrap: break-word;
    width: max-content;

}

/* Top Tooltip Animation */
.tooltip-top {
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%) translateY(var(--ttp-offset-x));
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: var(--ttp-pointer-margin);
    border-width: var(--ttp-pointer-size);
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-top.show {
    transform: translateX(-50%) translateY(0);
}

/* Bottom Tooltip Animation */
.tooltip-bottom {
    top: 125%;
    left: 50%;
    transform: translateX(-50%) translateY(var(--ttp-offset-y));
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: var(--ttp-pointer-margin);
    border-width: var(--ttp-pointer-size);
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

.tooltip-bottom.show {
    transform: translateX(-50%) translateY(0);
}

/* Left Tooltip Animation */
.tooltip-left {
    right: 125%;
    top: 50%;
    transform: translateY(-50%) translateX(var(--ttp-offset-x));
}

.tooltip-left::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: var(--ttp-pointer-margin);
    border-width: var(--ttp-pointer-size);
    border-style: solid;
    border-color: transparent transparent transparent #333;
}

.tooltip-left.show {
    transform: translateY(-50%) translateX(0);
}

/* Right Tooltip Animation */
.tooltip-right {
    left: 125%;
    top: 50%;
    transform: translateY(-50%) translateX(var(--ttp-offset-y));
}

.tooltip-right .tooltip-inner::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: var(--ttp-pointer-margin);
    border-width: var(--ttp-pointer-size);
    border-style: solid;
    border-color: transparent #333 transparent transparent;
}

.tooltip-right.show {
    transform: translateY(-50%) translateX(0);
}

.tooltip-wrapper {
    max-width: fit-content;
}

.spinner_jCIR {
    animation: spinner_B8Vq .9s linear infinite;
    animation-delay: -.9s
}

.spinner_upm8 {
    animation-delay: -.8s
}

.spinner_2eL5 {
    animation-delay: -.7s
}

.spinner_Rp9l {
    animation-delay: -.6s
}

.spinner_dy3W {
    animation-delay: -.5s
}

@keyframes spinner_B8Vq {
    0%, 66.66% {
        animation-timing-function: cubic-bezier(0.36, .61, .3, .98);
        y: 6px;
        height: 12px
    }
    33.33% {
        animation-timing-function: cubic-bezier(0.36, .61, .3, .98);
        y: 1px;
        height: 22px
    }
}