.layout-spacing {
    padding-bottom: 25px;
}
.widget {
    position: relative;
    padding: 20px;
    border-radius: 6px;
    border: none;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e0e6ed;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}
.widget .widget-heading {
    margin-bottom: 15px;
}
.widget h5 {
    letter-spacing: 0px;
    font-size: 19px;
    display: block;
    color: #0e1726;
    font-weight: 600;
    margin-bottom: 0;
}
.widget .widget-content {}

/*
    ==================
        Total Sales
    ==================
*/

/*
    ==================
        Total Sales
    ==================
*/

.widget-two {
    position: relative;
    background: #fff;
    padding: 0;
    border-radius: 8px;
    height: 100%;
    box-shadow: none;
    border: 1px solid #e0e6ed;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);

}
.widget-two .widget-content {
    font-size: 17px;
}
.widget-two .w-chart {
    position: absolute;
    bottom: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.widget-two .w-numeric-value {
    display: flex;
    color: #fff;
    font-weight: 500;
    padding: 20px;
    justify-content: space-between;
}
.widget-two .w-numeric-value .w-icon {
    display: inline-block;
    background: rgb(255, 236, 203);
    padding: 13px 12px;
    border-radius: 50%;
    display: inline-flex;
    align-self: center;
    height: 45px;
    width: 45px;
}
.widget-two .w-numeric-value svg {
    display: block;
    color: #e2a03f;
    width: 20px;
    height: 20px;
}
.widget-two .w-numeric-value .w-value {
    margin-bottom: -9px;
    letter-spacing: 0px;
    font-size: 19px;
    display: block;
    color: #0e1726;
    font-weight: 600;
}
.widget-two .w-numeric-value .w-numeric-title {
    font-size: 13px;
    color: #888ea8;
    font-weight: 600;
}

/*
    ==================
        Widget
    ==================
*/

.widget-one {
    position: relative;
    padding: 0;
    border-radius: 6px;
    height: 100%;
    border: none;
    background-color: #fff;

    border: 1px solid #e0e6ed;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}
.widget-one .widget-content {
    font-size: 17px;
}
.widget-one .w-numeric-value {
    position: absolute;
    display: flex;
    color: #fff;
    font-weight: 500;
    padding: 20px;
    width: 100%;
    justify-content: space-between;
}
.widget-one .w-numeric-value .w-icon {
    display: inline-block;
    background: #ddf5f0;
    padding: 13px 12px;
    border-radius: 12px;
    display: inline-flex;
    align-self: center;
    height: 45px;
    width: 45px;
    margin-right: 14px;
}
.widget-one .w-numeric-value svg {
    display: block;
    color: #1abc9c;
    width: 20px;
    height: 20px;
    fill: rgba(26, 188, 156, 0.49);
}
.widget-one .w-numeric-value .w-value {
    font-size: 26px;
    display: block;
    color: #515365;
    font-weight: 600;
    margin-bottom: -9px;
    text-align: right;
}
.widget-one .w-numeric-value .w-numeric-title {
    font-size: 13px;
    color: #515365;
    letter-spacing: 1px;
    font-weight: 600;
}
.widget-one .apexcharts-canvas svg {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/*
    ====================
        Order Summary
    ====================
*/

.widget-three {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    height: 100%;
    border: 1px solid #e0e6ed;
    box-shadow: 0 0 40px 0 rgb(94 92 154 / 6%);
}

.widget-three .widget-heading {
    display: flex;
    margin-bottom: 54px;
    justify-content: space-between;
}
.widget-three .widget-heading .task-action .dropdown-toggle svg {
    color: #888ea8;
    width: 19px;
    height: 19px;
}
.widget-three .widget-heading .task-action .dropdown-menu {
    transform: translate3d(-141px, 0, 0px);
}
.widget-three .widget-content {
    font-size: 17px;
}
.widget-three .widget-content .summary-list {
    display: flex;
}
.widget-three .widget-content .summary-list:not(:last-child) {
    margin-bottom: 32px;
}
.widget-three .widget-content .w-icon {
    display: inline-block;
    padding: 8px 8px;
    border-radius: 50%;
    display: inline-flex;
    align-self: center;
    height: 34px;
    width: 34px;
    margin-right: 12px;
}
.widget-three .widget-content .w-icon svg {
    display: block;
    width: 17px;
    height: 17px;
}
.widget-three .widget-content .summary-list:nth-child(1) .w-icon {
    background: rgb(220 207 247 / 55%);
}
.widget-three .widget-content .summary-list:nth-child(2) .w-icon {
    background: rgb(199 230 228 / 62%);
}
.widget-three .widget-content .summary-list:nth-child(3) .w-icon {
    background: rgb(255 236 203 / 51%);
}
.widget-three .widget-content .summary-list:nth-child(1) .w-icon svg {
    color: #805dca;
}
.widget-three .widget-content .summary-list:nth-child(2) .w-icon svg {
    color: #009688;
}
.widget-three .widget-content .summary-list:nth-child(3) .w-icon svg {
    color: #e2a03f;
}
.widget-three .widget-content .w-summary-details {
    width: 100%;
    align-self: center;
}
.widget-three .widget-content .w-summary-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1px;
}
.widget-three .widget-content .w-summary-info h6 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    color: #888ea8;
}
.widget-three .widget-content .w-summary-info p {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    color: #888ea8;
}
.widget-three .widget-content .w-summary-stats .progress {
    margin-bottom: 0;
    height: 6px;
    border-radius: 20px;
    box-shadow: 0 2px 2px rgba(224, 230, 237, 0.4588235294117647), 1px 6px 7px rgba(224, 230, 237, 0.4588235294117647);
}
.widget-three .widget-content .w-summary-stats .progress .progress-bar.bg-gradient-secondary {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #BA68C8 0%, #7579ff 100%);
}
.widget-three .widget-content .w-summary-stats .progress .progress-bar.bg-gradient-success {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #009688 0%, #25d5e4 100%);
}
.widget-three .widget-content .w-summary-stats .progress .progress-bar.bg-gradient-warning {
    background-color: #fc9842;
    background-image: linear-gradient(315deg, #fc9842 0%, #fe5f75 74%);
}

/*
    ==================
        Revenue
    ==================
*/
.widget-chart-one .widget-heading {
    display: flex;
    justify-content: space-between;
}
.widget-chart-one #revenueMonthly {
    overflow: hidden;
}
.widget-chart-one .widget-content .apexcharts-canvas {
    transition: .5s;
}
.widget-chart-one .widget-content .apexcharts-canvas svg {
    transition: .5s;
}
.widget-chart-one .apexcharts-legend-marker {
    left: -5px!important;
}
.widget-chart-one .apexcharts-yaxis-title {
    font-weight: 600;
    fill: #888e88;
}
.widget-chart-one .apexcharts-xaxis-title {
    font-weight: 600;
    fill: #888e88;
}
.widget-chart-one .widget-heading .task-action svg {
    color: #888ea8;
    width: 19px;
    height: 19px;
}
.widget-chart-one .widget-heading .task-action .dropdown-menu {
    transform: translate3d(-141px, 0, 0px);
}

/*
    =======================
        Sold By cateory
    =======================
*/

.widget-chart-two {
    padding: 0;
}
.widget.widget-chart-two .widget-heading {
    padding: 20px 20px 0 20px;
}
.widget-chart-two .widget-heading .w-icon {
    position: absolute;
    right: 20px;
    top: 15px;
}
.widget-chart-two .widget-heading .w-icon a {
    padding: 6px;
    border-radius: 10px;
    padding: 6px;
    background: #c7e6e4 !important;
    border: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.widget-chart-two .widget-heading .w-icon a svg {
    color: #009688;
}
.widget.widget-chart-two .widget-content {
    padding: 0 0 20px 0;
}
.widget-chart-two .apexcharts-canvas {
    margin: 0 auto;
}
.widget-chart-two .apexcharts-legend-marker {
    left: -5px!important;
}


/*
    ==================
        Transaction
    ==================
*/

.widget-table-one .widget-heading {
    display: flex;
    margin-bottom: 31px;
    justify-content: space-between;
}
.widget-table-one .widget-heading .task-action .dropdown-toggle svg {
    color: #888ea8;
    width: 19px;
    height: 19px;
}
.widget-table-one .widget-heading .task-action .dropdown-menu {
    transform: translate3d(-141px, c0, 0px);
}
.widget-table-one .transactions-list {
    border-radius: 6px;
}
.widget-table-one .transactions-list:not(:last-child) {
    margin-bottom: 22.2px;
}
.widget-table-one .transactions-list .t-item {
    display: flex;
    justify-content: space-between;
}
.widget-table-one .transactions-list .t-item .t-company-name {
    display: flex;
}
.widget-table-one .transactions-list .t-item .t-icon {
    margin-right: 12px;
}
.widget-table-one .transactions-list .t-item .t-icon .avatar {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}
.widget-table-one .transactions-list .t-item .t-icon .avatar .avatar-title {
    border-radius: 12px;
    position: relative;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
    background-color: rgb(255, 225, 226);
    color: #e7515a;
}
.widget-table-one .transactions-list.t-info .t-item .t-icon .avatar .avatar-title {
    background-color: rgb(186, 231, 255);
    color: #2196f3;
}
.widget-table-one .transactions-list.t-secondary .t-item .t-icon .icon {
    background-color: rgb(220, 207, 247);
}
.widget-table-one .transactions-list.t-secondary .t-item .t-icon .icon svg {
    color: #805dca;
}
.widget-table-one .transactions-list .t-item .t-icon .icon {
    position: relative;
    background-color: rgb(255, 236, 203);
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
}
.widget-table-one .transactions-list .t-item .t-icon .icon svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    color: #e2a03f;
    stroke-width: 2;
}
.widget-table-one .transactions-list .t-item .t-name {
    align-self: center;
}
.widget-table-one .transactions-list .t-item .t-name h4 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    transition: all 0.5s ease;
}
.widget-table-one .transactions-list:hover .t-item .t-name h4 {
    color: #2196f3;
}
.widget-table-one .transactions-list .t-item .t-name .meta-date {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500;
    color: #888ea8;
}
.widget-table-one .transactions-list .t-item .t-rate {
    align-self: center;
}
.widget-table-one .transactions-list .t-item .t-rate p {
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}
.widget-table-one .transactions-list .t-item .t-rate svg {
    width: 14px;
    height: 14px;
    vertical-align: baseline;
}
.widget-table-one .transactions-list .t-item .t-rate.rate-inc p {
    color: #009688;
}
.widget-table-one .transactions-list .t-item .t-rate.rate-dec p {
    color: #e7515a;
}


/*
    ========================
        Recent Activities
    ========================
*/
.widget-activity-four {
    padding-right: 0;
    padding-left: 0;
}
.widget-activity-four .widget-heading {
    margin-bottom: 28px;
    padding: 0 20px;
}
.widget-activity-four .widget-heading .w-icon {
    position: absolute;
    right: 20px;
    top: 15px;
}
.widget-activity-four .widget-heading .w-icon a {
    padding: 6px;
    border-radius: 10px;
    padding: 6px;
    background: #c7e6e4 !important;
    border: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.widget-activity-four .widget-heading .w-icon a svg {
    color: #009688;
}
.widget-activity-four .mt-container {
    position: relative;
    height: 326px;
    overflow: auto;
    padding-right: 12px;
}
.widget-activity-four .widget-content {
    padding: 0 8px 0 20px;
}
.widget-activity-four .timeline-line .item-timeline {
    display: flex;
    width: 100%;
    padding: 8px 0;
    transition: .5s;
    position: relative;
    border-radius: 6px;
    cursor: pointer;
}
.widget-activity-four .timeline-line .item-timeline .t-dot { position: relative; }
.widget-activity-four .timeline-line .item-timeline .t-dot:before {
    content: '';
    position: absolute;
    border-color: inherit;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: 6px;
    left: 5px;
    transform: translateX(-50%);
    border-color: #e0e6ed;
    background: #bfc9d4;
    z-index: 1;
}
.widget-activity-four .timeline-line .item-timeline .t-dot:after {
    position: absolute;
    border-color: inherit;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    left: 5px;
    transform: translateX(-50%);
    border-color: #e0e6ed;
    width: 0;
    height: auto;
    top: 12px;
    bottom: -19px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0;
}
.widget-activity-four .timeline-line .item-timeline.timeline-primary .t-dot:before {
    background: #4361ee;
    /* border: 2px solid rgb(27 85 226 / 33%); */
}
.widget-activity-four .timeline-line .item-timeline.timeline-success .t-dot:before {
    background-color: #1abc9c;
    /* border: 2px solid rgb(154, 210, 205); */
}
.widget-activity-four .timeline-line .item-timeline.timeline-danger .t-dot:before {
    background-color: #e7515a;
    /* border: 2px solid rgb(241, 172, 176); */
}
.widget-activity-four .timeline-line .item-timeline.timeline-dark .t-dot:before {
    background-color: #3b3f5c;
    /* border: 2px solid rgb(159, 163, 187); */
}
.widget-activity-four .timeline-line .item-timeline.timeline-secondary .t-dot:before {
    background: #805dca;
    /* border: 2px solid rgb(92 26 195 / 35%);     */
}
.widget-activity-four .timeline-line .item-timeline.timeline-warning .t-dot:before {
    background-color: #e2a03f;
    /* border: 2px solid rgb(222, 199, 165); */
}
.widget-activity-four .timeline-line .item-timeline:last-child .t-dot:after { display: none; }
.widget-activity-four .timeline-line .item-timeline .t-meta-time {
    margin: 0;
    min-width: 100px;
    max-width: 100px;
    font-size: 12px;
    font-weight: 700;
    color: #888ea8;
    align-self: center;
}
.widget-activity-four .timeline-line .item-timeline .t-text {
    align-self: center;
    margin-left: 14px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    transition: .5s;
}
.widget-activity-four .timeline-line .item-timeline .t-text p {
    margin: 0;
    font-size: 13px;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 0;
}
.widget-activity-four .timeline-line .item-timeline .t-text p a {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #009688;
}
.widget-activity-four .timeline-line .item-timeline .t-text span.badge {
    position: absolute;
    right: -1px;
    padding: 2px 4px;
    font-size: 10px;
    letter-spacing: 1px;
    opacity: 0;
    font-weight: 600;
    transform: none;
    top: 6px;
}
.widget-activity-four .timeline-line .item-timeline.timeline-primary .t-text span.badge {
    color: #4361ee;
    border: 1px solid #4361ee;
    background-color: #eaf1ff;
}
.widget-activity-four .timeline-line .item-timeline.timeline-secondary .t-text span.badge {
    color: #805dca;
    border: 1px solid #805dca;
    background-color: #f3effc;
}
.widget-activity-four .timeline-line .item-timeline.timeline-danger .t-text span.badge {
    color: #e7515a;
    border: 1px solid #e7515a;
    background-color: #fff5f5;
}
.widget-activity-four .timeline-line .item-timeline.timeline-warning .t-text span.badge {
    color: #e2a03f;
    border: 1px solid #e2a03f;
    background-color: #fff9ed;
}
.widget-activity-four .timeline-line .item-timeline.timeline-success .t-text span.badge {
    color: #009688;
    border: 1px solid #009688;
    background-color: #ddf5f0;
}
.widget-activity-four .timeline-line .item-timeline.timeline-dark .t-text span.badge {
    color: #3b3f5c;
    border: 1px solid #3b3f5c;
    background-color: #e3e4eb;
}
.widget-activity-four .timeline-line .item-timeline:hover .t-text span.badge {
    opacity: 1;
}
.widget-activity-four .timeline-line .item-timeline .t-text p.t-time {
    text-align: right;
    color: #888ea8;
    font-size: 10px;
}
.widget-activity-four .timeline-line .item-timeline .t-time {
    margin: 0;
    min-width: 80px;
    max-width: 80px;
    font-size: 13px;
    font-weight: 600;
    color: #e3e4eb;
    letter-spacing: 1px;
}
.widget-activity-four .tm-action-btn {
    text-align: center;
    padding-top: 19px;
}
.widget-activity-four .tm-action-btn button {
    background: transparent;
    box-shadow: none;
    padding: 0;
    color: #030305;
    font-weight: 800;
    letter-spacing: 0;
    border: none;
    font-size: 14px;
}
.widget-activity-four .tm-action-btn button:hover {
    transform: translateY(0);
}
.widget-activity-four .tm-action-btn button span {
    margin-right: 6px;
    display: inline-block;
    transition: .5s;
}
.widget-activity-four .tm-action-btn button:hover span {
    transform: translateX(-6px);
}
.widget-activity-four .tm-action-btn svg {
    width: 17px;
    height: 17px;
    vertical-align: sub;
    color: #e3e4eb;
    stroke-width: 2.5px;
    transition: .5s;
}
.widget-activity-four .tm-action-btn button:hover svg {
    transform: translateX(6px);
}

/*
    =====================
        Account Info
    =====================
*/
.widget-account-invoice-one .invoice-box .acc-total-info {
    padding: 0 0;
    margin-bottom: 60px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #bfc9d4;
}
.widget-account-invoice-one .invoice-box h5 {
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #4361ee;
}
.widget-account-invoice-one .invoice-box .acc-amount {
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 0;
    color: #009688;
}
.widget-account-invoice-one .invoice-box .inv-detail {
    margin-bottom: 55px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #bfc9d4;
}
.widget-account-invoice-one .invoice-box [class*="info-detail-"]:not(.info-sub) {
    display: flex;
    justify-content: space-between;
}
.widget-account-invoice-one .invoice-box [class*="info-detail-"]:not(.info-sub) p {
    margin-bottom: 13px;
    font-weight: 700;
    font-size: 14px;
}
.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 14px;
}
.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail p {
    margin-bottom: 0;
}
.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail-sub {
    margin-left: 9px;
}
.widget-account-invoice-one .invoice-box [class*="info-detail-"].info-sub .info-detail-sub p {
    color: #888ea8;
    margin-bottom: 2px;
    font-weight: 600;
}
.widget-account-invoice-one .invoice-box .inv-action {
    text-align: center;
    display: flex;
    justify-content: space-around;
}
.widget-account-invoice-one .invoice-box .inv-action a {
    transform: none;
}

/*
    =====================
        Account Info
    =====================
*/

.widget-account-invoice-three {
    padding: 0;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    background: none;
    border: none;
}
.widget-account-invoice-three .widget-heading {
    padding: 24px 30px 33px 30px;
    border-radius: 15px;
    background-color: rgb(22, 15, 107);
    background-image: linear-gradient(315deg, #160f6b 0%, #4361ee 74%);
    min-height: 213px;
    height: 100%;

}
.widget-account-invoice-three .widget-heading .wallet-usr-info {
    display: flex;
    justify-content: space-between;
}
.widget-account-invoice-three .widget-heading .wallet-usr-info span {
    display: inline-block;
    color: #fff;
    background: rgb(0 0 0 / 40%);
    padding: 5px 12px 5px 6px;
    border-radius: 21px;
    position: relative;
    font-size: 13px;
    letter-spacing: 1px;
    cursor: pointer;
}
.widget-account-invoice-three .widget-heading .add {
    align-self: center;
}
.widget-account-invoice-three .widget-heading .add span {
    padding: 6px;
    border-radius: 12px;
}
.widget-account-invoice-three .widget-heading span img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid rgb(255 255 255 / 18%);
}
.widget-account-invoice-three .widget-heading .wallet-balance {
    display: flex;
    justify-content: space-between;
    margin-top: 37px;
}

.widget-account-invoice-three .widget-heading .wallet-balance p {
    margin-bottom: 0;
    align-self: center;
    font-size: 19px;
    color: #fff;
}
.widget-account-invoice-three .widget-heading h5 {
    font-size: 28px;
    color: #fff;
    margin-top: 0;
    font-weight: 500;
}
.widget-account-invoice-three .widget-heading h5 .w-currency {
    color: #bfc9d4;
    display: inline-block;
}
.widget-account-invoice-three .widget-amount {
    text-align: center;
    margin-top: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    flex-wrap: nowrap;
}
.widget-account-invoice-three .widget-amount .w-a-info {
    display: inline-block;
    text-align: left;
}
.widget-account-invoice-three .widget-amount .w-a-info.funds-received {
    margin-right: 15px;
}
.widget-account-invoice-three .widget-amount span {
    font-weight: 600;
    color: #151516;
}
.widget-account-invoice-three .widget-amount .w-a-info svg {
    width: 18px;
    height: 18px;
    float: right;
}
.widget-account-invoice-three .widget-amount .w-a-info.funds-received svg {
    vertical-align: top;
    color: #009688;
}
.widget-account-invoice-three .widget-amount .w-a-info.funds-spent svg {
    vertical-align: bottom;
    color: #e7515a;
}
.widget-account-invoice-three .widget-amount p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
    margin-top: 10px;
}
.widget-account-invoice-three .widget-content {
    padding: 20px;
    margin-top: 0;
}
.widget-account-invoice-three .widget-content .bills-stats {
    margin-bottom: 24px;
}
.widget-account-invoice-three .widget-content .bills-stats span {
    display: inline-block;
    color: #fff;
    background: rgb(0 0 0 / 40%);
    padding: 4px 12px 4px 20px;
    border-radius: 21px;
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #1b2e4b;
}
.widget-account-invoice-three .widget-content .bills-stats span:before {
    content: '';
    position: absolute;
    height: 6px;
    width: 6px;
    background: white;
    border-radius: 50%;
    left: 9px;
    top: 9.5px;
}
.widget-account-invoice-three .invoice-list .inv-detail {
    margin-bottom: 24px;
}
.widget-account-invoice-three .invoice-list [class*="info-detail-"]:not(.info-sub) {
    display: flex;
    justify-content: space-between;
}
.widget-account-invoice-three .invoice-list [class*="info-detail-"]:not(.info-sub) p {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 13px;
    align-self: center;
}
.widget-account-invoice-three .invoice-list [class*="info-detail-"]:not(.info-sub) p span.w-currency {
    font-size: 16px;
    color: #888ea8;
    font-weight: 500;
}
.widget-account-invoice-three .invoice-list [class*="info-detail-"]:not(.info-sub) p span.bill-amount {
    font-size: 14px;
    color: #030305;
    font-weight: 700;
}
.widget-account-invoice-three .invoice-list .inv-action {
    text-align: center;
    display: flex;
    justify-content: space-around;
}
.widget-account-invoice-three .invoice-list .inv-action a {
    transform: none;
    border: none;
    font-size: 13px;
    padding: 6px 11px;
    font-weight: 600;
    letter-spacing: 1px;
}
.widget-account-invoice-three .invoice-list .inv-action a.view-details {
    color: #805dca!important;
    background: rgb(92 26 195 / 17%);
    border: none!important;
}
.widget-account-invoice-three .invoice-list .inv-action a.pay-now {
    color: #009688!important;
    background: #00968830;
    border: none!important;
}

/*
    =====================
        Recent Orders
    =====================
*/
.widget-table-two {
    position: relative;
}
.widget-table-two h5 {
    font-size: 19px;
    margin-bottom: 20px;
}
.widget-table-two .widget-content {
    background: transparent;
}
.widget-table-two .table {
    border-collapse: separate;
    border-spacing: 0 5px;
    margin-bottom: 0;
}
.widget-table-two .table > thead > tr > th {
    text-transform: initial;
    font-weight: 600;
    border-top: none;
    background: rgb(186 231 255 / 34%);
    border-right: none;
    border-left: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    padding: 10px 0 10px 15px;
}
.widget-table-two .table > thead > tr > th:first-child {
    border-bottom-left-radius: 6px;
}
.widget-table-two .table > thead > tr > th:first-child {
    border-top-left-radius: 6px;
}
.widget-table-two .table > thead > tr > th:last-child {
    border-bottom-right-radius: 6px;
}
.widget-table-two .table > thead > tr > th:last-child {
    border-top-right-radius: 6px;
}
.widget-table-two .table > thead > tr > th .th-content {
    color: #515365;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
}
.widget-table-two .table > thead > tr > th:first-child .th-content {
    margin-left: 10px;
}
.widget-table-two .table > thead > tr > th:last-child .th-content {
    margin-right: 10px;
}
.widget-table-two .table > thead > tr > th:nth-last-child(2) .th-content {
    text-align: center;
    padding: 0 15px 0 0;
}
.widget-table-two .table > tbody > tr > td {
    border-top: none;
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.widget-table-two .table > tbody > tr:hover > td {
    transform: translateY(-1px) scale(1.01);
}
.widget-table-two .table > tbody > tr > td .td-content {
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    color: #888ea8;
}
.widget-table-two .table > tbody > tr:hover > td .td-content {
    color: #515365;
}
.widget-table-two .table > tbody > tr > td:first-child {
    border-top-left-radius: 6px;
    padding: 10px 0 10px 15px;
}
.widget-table-two .table > tbody > tr > td:first-child {
    border-bottom-left-radius: 6px;
}
.widget-table-two .table > tbody > tr > td:last-child {
    border-top-right-radius: 6px;
    padding: 15.5px 0 15.5px 15px;
}
.widget-table-two .table > tbody > tr > td:last-child {
    border-bottom-right-radius: 6px;
}
.widget-table-two .table .td-content.customer-name {
    color: #515365;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 13px;
    display: flex;
}
.widget-table-two .table .td-content.product-brand {
    letter-spacing: 1px;
}
.widget-table-two .table .td-content img {
    width: 35px;
    height: 34px;
    border-radius: 6px;
    margin-right: 10px;
    padding: 2px;
    align-self: center;
}
.widget-table-two .table .td-content.customer-name span {
    align-self: center;
}
.widget-table-two .table tr > td:nth-last-child(2) .td-content {
    text-align: center;
}
.widget-table-two .table .td-content .badge {
    transform: none;
}
.widget-table-two .table tr:hover .td-content .badge {
    transform: translateY(-3px);
}
.widget-table-two .table tr .td-content .outline-badge-primary {
    background-color: #eaf1ff;
}
.widget-table-two .table tr .td-content .outline-badge-success {
    color: #009688;
    background-color: #ddf5f0;
    border-color: #009688;
}
.widget-table-two .table tr .td-content .outline-badge-danger {
    background-color: #fff5f5;
}


/*
    ===========================
        Top Selling Product
    ===========================
*/

.widget-table-three {
    position: relative;
}
.widget-table-three h5 {
    font-size: 19px;
    margin-bottom: 20px;
}
.widget-table-three .widget-content {
    background: transparent;
}
.widget-table-three .table {
    border-collapse: separate;
    border-spacing: 0 5px;
    margin-bottom: 0;
}
.widget-table-three .table > thead > tr > th:first-child .th-content {
    margin-left: 10px;
}
.widget-table-three .table > thead > tr > th:last-child .th-content {
    padding: 0 15px 0 0;
    width: 84%;
    margin: 0 auto;
}
.widget-table-three .table > thead > tr > th {
    text-transform: initial;
    font-weight: 600;
    border-top: none;
    background: rgb(186 231 255 / 34%);
    border-right: none;
    border-left: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    padding: 10px 0 10px 15px;
}
.widget-table-three .table > thead > tr > th:first-child {
    border-bottom-left-radius: 6px;
}
.widget-table-three .table > thead > tr > th:first-child {
    border-top-left-radius: 6px;
}
.widget-table-three .table > thead > tr > th:last-child {
    border-bottom-right-radius: 6px;
    padding-left: 0;
}
.widget-table-three .table > thead > tr > th:last-child {
    border-top-right-radius: 6px;
}
.widget-table-three .table > thead > tr > th .th-content {
    color: #515365;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
}
.widget-table-three .table > thead > tr > th:nth-last-child(2) .th-content {}
.widget-table-three .table > tbody > tr > td {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.widget-table-three .table > tbody > tr {
    background: transparent;
}
.widget-table-three .table > tbody > tr > td .td-content {
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 1px;
    color: #515365;
}
.widget-table-three .table > tbody > tr:hover > td .td-content {
    color: #3b3f5c;
}
.widget-table-three .table > tbody > tr > td:first-child {
    border-top-left-radius: 6px;
    padding: 12px 0px 12px 15px;
}
.widget-table-three .table > tbody > tr > td:first-child {
    border-bottom-left-radius: 6px;
}
.widget-table-three .table > tbody > tr > td:last-child {
    border-top-right-radius: 6px;
}
.widget-table-three .table > tbody > tr > td:last-child {
    border-bottom-right-radius: 6px;
}
.widget-table-three .table > tbody > tr > td:last-child .td-content {
    padding: 0 15px 0 0;
    width: 50%;
    margin: 0 auto;
}
.widget-table-three .table tr > td:nth-last-child(2) .td-content {
    padding: 0 0 0 0;
    width: 50%;
    margin: 0 auto;
}
.widget-table-three .table .td-content .discount-pricing {
    padding: 10px 0 10px 15px;
}
.widget-table-three .table .td-content.product-name {
    color: #515365;
    letter-spacing: 1px;
    display: flex;
}
.widget-table-three .table .td-content.product-name .prd-name {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 13px;
}
.widget-table-three .table tr:hover .td-content.product-name .prd-name {
    color: #888ea8;
}
.widget-table-three .table .td-content.product-name .prd-category {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    text-shadow: 1px 1px 7px rgb(0 0 0 / 26%);
}
.widget-table-three .table .td-content img {
    width: 35px;
    height: 35px;

    width: 42px;
    height: 42px;
    border-radius: 6px;
    margin-right: 10px;
    padding: 2px;
    box-shadow: 1px 1px 16px 0px rgb(0 0 0 / 18%);
    align-self: center;
}
.widget-table-three .table .td-content .pricing {
    padding: 10px 0 10px 15px;
}
.widget-table-three .table .td-content .tag {
    background: transparent;
    transform: none;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 2px 5px;
    border-radius: 6px;
}
.widget-table-three .table .td-content .tag-primary {
    color: #4361ee;
    border: 1px dashed #4361ee;
    background: #eaf1ff;
}
.widget-table-three .table .td-content .tag-success {
    color: #009688;
    border: 1px dashed #009688;
    background: #ddf5f0;
}
.widget-table-three .table .td-content .tag-danger {
    color: #e7515a;
    border: 1px dashed #e7515a;
    background: #fff5f5;
}
.widget-table-three .table .td-content a {
    position: relative;
    padding: 0;
    font-size: 13px;
    background: transparent;
    transform: none;
    letter-spacing: 1px;
}
.widget-table-three .table .td-content a svg.feather-chevrons-right {
    width: 15px;
    height: 15px;
    position: absolute;
    left: -20px;
    top: 1px;
}

/*
    ====================
        Media Object
    ====================
*/
@media(max-width: 1359px) and (min-width: 1200px) {
    /*
        ===========================
            Top Selling Product
        ===========================
    */



    .widget-account-invoice-three .widget-heading {
        padding: 24px 15px 63px 15px;
    }
    .widget-account-invoice-three .widget-amount .w-a-info {
        padding: 10px 9px;
        width: 44%;
    }
    .widget-account-invoice-three .widget-amount .w-a-info.funds-received {
        margin-right: 1px;
    }
    .widget-account-invoice-three .invoice-list .inv-action a {
        font-size: 12px;
        padding: 5px 6px;
    }
}
@media(max-width: 575px) {

    /*
        ==================
            Total Sales
        ==================
    */

    .widget-two .w-chart {
        position: inherit;
    }

    /*
        ========================
            Recent Activities
        ========================
    */

    .widget-activity-one .mt-container {
        height: auto;
    }



    /*
        ===========================
                Wallet
        ===========================
    */

    .widget-account-invoice-three .widget-heading {
        padding: 24px 22px 33px 22px;
    }
    .widget-account-invoice-three .widget-amount .w-a-info {
        padding: 12px 12px;
    }
    .widget-account-invoice-three .widget-heading h5 {
        font-size: 25px;
    }

    /*
        ===========================
            Top Selling Product
        ===========================
    */
    .widget-table-three .table > thead > tr > th {
        padding-right: 15px;
    }
    .widget-table-three .table > tbody > tr > td {
        border-top: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 12px;
        padding-left: 12px;
    }

}

@media (max-width: 1199px) {
    .widget-activity-four .mt-container {
        height: 159px;
    }
}

@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";
: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: rgba(255, 255, 255, 0.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(to right, #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__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff;
}

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

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

.Toastify__toast-container--top-right {
    top: 1em;
    right: 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 {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0;
    }

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

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

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

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

.Toastify__toast--rtl {
    direction: rtl;
}

.Toastify__toast--close-on-click {
    cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-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--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent);
}

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

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

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

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

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

    to {
        transform: scaleX(0);
    }
}

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

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

.Toastify__progress-bar--controlled {
    transition: transform 0.2s;
}

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

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

@keyframes Toastify__bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.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(0.215, 0.61, 0.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(0.215, 0.61, 0.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--top-left,
.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-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--top-left,
.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-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__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1;
    }

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

    to {
        opacity: 0;
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut;
}

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

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

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

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

    to {
        transform: perspective(400px);
    }
}

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

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

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

.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 {
        visibility: hidden;
        transform: translate3d(110%, 0, 0);
    }
}

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

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

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

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

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

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

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

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-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--top-left,
.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-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(360deg);
    }
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

:before,
:after {
    --tw-content: "";
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    line-height: inherit;
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

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

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}

small {
    font-size: 80%;
}

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


sup {
    top: -0.5em;
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

button,
select {
    text-transform: none;
}

button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

:-moz-focusring {
    outline: auto;
}

:-moz-ui-invalid {
    box-shadow: none;
}

progress {
    vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

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

::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

summary {
    display: list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

dialog {
    padding: 0;
}

textarea {
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}

button,
[role="button"] {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle;
}

img,
video {
    max-width: 100%;
    height: auto;
}

[hidden] {
    display: none;
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

.container {
    width: 100%;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.pointer-events-none {
    pointer-events: none;
}

.visible {
    visibility: visible;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.-top-2 {
    top: -0.5rem;
}

.bottom-0 {
    bottom: 0;
}

.bottom-\[-20\%\] {
    bottom: -20%;
}

.bottom-\[0\] {
    bottom: 0;
}

.bottom-\[12\%\] {
    bottom: 12%;
}

.bottom-\[16\%\] {
    bottom: 16%;
}

.bottom-\[2rem\] {
    bottom: 2rem;
}

.left-0 {
    left: 0;
}

.left-1\/2 {
    left: 50%;
}

.left-3 {
    left: 0.75rem;
}

.left-5 {
    left: 1.25rem;
}

.left-\[-200px\] {
    left: -200px;
}

.left-\[0\%\] {
    left: 0%;
}

.left-\[5\.4rem\] {
    left: 5.4rem;
}

.left-\[50\%\] {
    left: 50%;
}

.left-\[55\%\] {
    left: 55%;
}

.left-\[5rem\] {
    left: 5rem;
}

.left-\[calc\(50\%-70px\)\] {
    left: calc(50% - 70px);
}

.right-0 {
    right: 0;
}

.right-11 {
    right: 2.75rem;
}

.right-3 {
    right: 0.75rem;
}

.right-4 {
    right: 1rem;
}

.right-\[10px\] {
    right: 10px;
}

.right-\[16px\] {
    right: 16px;
}

.right-\[24px\] {
    right: 24px;
}

.right-\[4\.4rem\] {
    right: 4.4rem;
}

.right-\[4rem\] {
    right: 4rem;
}

.right-\[5\%\] {
    right: 5%;
}

.right-\[6\%\] {
    right: 6%;
}

.top-0 {
    top: 0;
}

.top-1\/2 {
    top: 50%;
}

.top-2 {
    top: 0.5rem;
}

.top-4 {
    top: 1rem;
}

.top-\[0\%\] {
    top: 0%;
}

.top-\[10px\] {
    top: 10px;
}

.top-\[1rem\] {
    top: 1rem;
}

.top-\[24px\] {
    top: 24px;
}

.top-\[40\%\] {
    top: 40%;
}

.top-\[42\%\] {
    top: 42%;
}

.top-\[5\.5rem\] {
    top: 5.5rem;
}

.top-\[50\%\] {
    top: 50%;
}

.top-\[58\%\] {
    top: 58%;
}

.top-\[6\%\] {
    top: 6%;
}

.top-\[60\%\] {
    top: 60%;
}

.top-\[61\%\] {
    top: 61%;
}

.top-\[63px\] {
    top: 63px;
}

.top-\[90\%\] {
    top: 90%;
}

.top-\[calc\(100\%\+11px\)\] {
    top: calc(100% + 11px);
}

.z-10 {
    z-index: 10;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.z-\[1000\] {
    z-index: 1000;
}

.z-\[100\] {
    z-index: 100;
}

.z-\[1200\] {
    z-index: 1200;
}

.z-\[1\] {
    z-index: 1;
}

.z-\[2\] {
    z-index: 2;
}

.z-\[3000\] {
    z-index: 3000;
}

.z-\[300\] {
    z-index: 300;
}

.z-\[49\] {
    z-index: 49;
}

.z-\[50\] {
    z-index: 50;
}

.z-\[51\] {
    z-index: 51;
}

.z-\[799\] {
    z-index: 799;
}

.z-\[800\] {
    z-index: 800;
}

.z-\[80\] {
    z-index: 80;
}

.z-\[99\] {
    z-index: 99;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-4 {
    grid-column: span 4 / span 4;
}

.m-0,
.m-\[0px\] {
    margin: 0;
}

.m-\[10px\] {
    margin: 10px;
}

.m-\[5px\] {
    margin: 5px;
}

.m-\[auto\] {
    margin: auto;
}

.mx-\[1rem\] {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.my-\[10px\] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-\[12px\] {
    margin-top: 12px;
    margin-bottom: 12px;
}

.my-\[15px\] {
    margin-top: 15px;
    margin-bottom: 15px;
}

.my-\[168px\] {
    margin-top: 168px;
    margin-bottom: 168px;
}

.my-\[16px\] {
    margin-top: 16px;
    margin-bottom: 16px;
}

.my-\[1rem\] {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px;
}

.my-\[32px\] {
    margin-top: 32px;
    margin-bottom: 32px;
}

.my-\[48px\] {
    margin-top: 48px;
    margin-bottom: 48px;
}

.my-\[4px\] {
    margin-top: 4px;
    margin-bottom: 4px;
}

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

.-mt-6 {
    margin-top: -1.5rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-40 {
    margin-bottom: 10rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-\[10px\] {
    margin-bottom: 10px;
}

.mb-\[12px\] {
    margin-bottom: 12px;
}

.mb-\[14px\] {
    margin-bottom: 14px;
}

.mb-\[16px\] {
    margin-bottom: 16px;
}

.mb-\[1rem\] {
    margin-bottom: 1rem;
}

.mb-\[20px\] {
    margin-bottom: 20px;
}

.mb-\[22px\] {
    margin-bottom: 22px;
}

.mb-\[24px\] {
    margin-bottom: 24px;
}

.mb-\[27px\] {
    margin-bottom: 27px;
}

.mb-\[28px\] {
    margin-bottom: 28px;
}

.mb-\[2px\] {
    margin-bottom: 2px;
}

.mb-\[30px\] {
    margin-bottom: 30px;
}

.mb-\[32px\] {
    margin-bottom: 32px;
}

.mb-\[35px\] {
    margin-bottom: 35px;
}

.mb-\[40px\] {
    margin-bottom: 40px;
}

.mb-\[44px\] {
    margin-bottom: 44px;
}

.mb-\[48px\] {
    margin-bottom: 48px;
}

.mb-\[50px\] {
    margin-bottom: 50px;
}

.mb-\[7px\] {
    margin-bottom: 7px;
}

.mb-\[8px\] {
    margin-bottom: 8px;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-\[-15px\] {
    margin-left: -15px;
}

.ml-\[-300px\] {
    margin-left: -300px;
}

.ml-\[10px\] {
    margin-left: 10px;
}

.ml-\[4px\] {
    margin-left: 4px;
}

.ml-\[51\%\] {
    margin-left: 51%;
}

.ml-\[5px\] {
    margin-left: 5px;
}

.ml-\[8px\] {
    margin-left: 8px;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mr-\[10px\] {
    margin-right: 10px;
}

.mr-\[12px\] {
    margin-right: 12px;
}

.mr-\[14px\] {
    margin-right: 14px;
}

.mr-\[20px\] {
    margin-right: 20px;
}

.mr-\[4px\] {
    margin-right: 4px;
}

.mr-\[5px\] {
    margin-right: 5px;
}

.mr-\[8px\] {
    margin-right: 8px;
}

.mr-\[9px\] {
    margin-right: 9px;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-1\.5 {
    margin-top: 0.375rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-\[-10px\] {
    margin-top: -10px;
}

.mt-\[-15px\] {
    margin-top: -15px;
}

.mt-\[-40px\] {
    margin-top: -40px;
}

.mt-\[-55px\] {
    margin-top: -55px;
}

.mt-\[0px\] {
    margin-top: 0;
}

.mt-\[10px\] {
    margin-top: 10px;
}

.mt-\[12px\] {
    margin-top: 12px;
}

.mt-\[13px\] {
    margin-top: 13px;
}

.mt-\[14px\] {
    margin-top: 14px;
}

.mt-\[15px\] {
    margin-top: 15px;
}

.mt-\[16px\] {
    margin-top: 16px;
}

.mt-\[18px\] {
    margin-top: 18px;
}

.mt-\[20px\] {
    margin-top: 20px;
}

.mt-\[22px\] {
    margin-top: 22px;
}

.mt-\[24px\] {
    margin-top: 24px;
}

.mt-\[27px\] {
    margin-top: 27px;
}

.mt-\[2px\] {
    margin-top: 2px;
}

.mt-\[32px\] {
    margin-top: 32px;
}

.mt-\[36px\] {
    margin-top: 36px;
}

.mt-\[40px\] {
    margin-top: 40px;
}

.mt-\[48px\] {
    margin-top: 48px;
}

.mt-\[53px\] {
    margin-top: 53px;
}

.mt-\[5px\] {
    margin-top: 5px;
}

.mt-\[8px\] {
    margin-top: 8px;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.aspect-square {
    aspect-ratio: 1 / 1;
}

.\!h-\[3rem\] {
    height: 3rem !important;
}

.\!h-\[64px\] {
    height: 64px !important;
}

.h-1 {
    height: 0.25rem;
}

.h-10 {
    height: 2.5rem;
}

.h-2 {
    height: 0.5rem;
}

.h-24 {
    height: 6rem;
}

.h-4 {
    height: 1rem;
}

.h-40 {
    height: 10rem;
}

.h-52 {
    height: 13rem;
}

.h-6 {
    height: 1.5rem;
}

.h-8 {
    height: 2rem;
}

.h-\[100\%\] {
    height: 100%;
}

.h-\[106svh\] {
    height: 106svh;
}

.h-\[10px\] {
    height: 10px;
}

.h-\[120px\] {
    height: 120px;
}

.h-\[122px\] {
    height: 122px;
}

.h-\[12px\] {
    height: 12px;
}

.h-\[138px\] {
    height: 138px;
}

.h-\[140px\] {
    height: 140px;
}

.h-\[16px\] {
    height: 16px;
}

.h-\[180px\] {
    height: 180px;
}

.h-\[190px\] {
    height: 190px;
}

.h-\[192\.5px\] {
    height: 192.5px;
}

.h-\[194px\] {
    height: 194px;
}

.h-\[1px\] {
    height: 1px;
}

.h-\[1rem\] {
    height: 1rem;
}

.h-\[200px\] {
    height: 200px;
}

.h-\[20px\] {
    height: 20px;
}

.h-\[219px\] {
    height: 219px;
}

.h-\[21px\] {
    height: 21px;
}

.h-\[226px\] {
    height: 226px;
}

.h-\[22px\] {
    height: 22px;
}

.h-\[233px\] {
    height: 233px;
}

.h-\[23px\] {
    height: 23px;
}

.h-\[242px\] {
    height: 242px;
}

.h-\[24px\] {
    height: 24px;
}

.h-\[25px\] {
    height: 25px;
}

.h-\[28px\] {
    height: 28px;
}

.h-\[29px\] {
    height: 29px;
}

.h-\[300px\] {
    height: 300px;
}

.h-\[30px\] {
    height: 30px;
}

.h-\[31px\] {
    height: 31px;
}

.h-\[320px\] {
    height: 320px;
}

.h-\[32px\] {
    height: 32px;
}

.h-\[34px\] {
    height: 34px;
}

.h-\[350px\] {
    height: 350px;
}

.h-\[36px\] {
    height: 36px;
}

.h-\[38px\] {
    height: 38px;
}

.h-\[390px\] {
    height: 390px;
}

.h-\[40px\] {
    height: 40px;
}

.h-\[420px\] {
    height: 420px;
}

.h-\[424px\] {
    height: 424px;
}

.h-\[42px\] {
    height: 42px;
}

.h-\[43px\] {
    height: 43px;
}

.h-\[440px\] {
    height: 440px;
}

.h-\[448px\] {
    height: 448px;
}

.h-\[44px\] {
    height: 44px;
}

.h-\[45px\] {
    height: 45px;
}

.h-\[48px\] {
    height: 48px;
}

.h-\[4px\] {
    height: 4px;
}

.h-\[50\%\] {
    height: 50%;
}

.h-\[50px\] {
    height: 50px;
}

.h-\[511px\] {
    height: 511px;
}

.h-\[52px\] {
    height: 52px;
}

.h-\[56px\] {
    height: 56px;
}

.h-\[64px\] {
    height: 64px;
}

.h-\[69px\] {
    height: 69px;
}

.h-\[76px\] {
    height: 76px;
}

.h-\[78px\] {
    height: 78px;
}

.h-\[80px\] {
    height: 80px;
}

.h-\[80svh\] {
    height: 80svh;
}

.h-\[84px\] {
    height: 84px;
}

.h-\[8rem\] {
    height: 8rem;
}

.h-\[95px\] {
    height: 95px;
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.max-h-\[350px\] {
    max-height: 350px;
}

.max-h-\[400px\] {
    max-height: 400px;
}

.max-h-\[440px\] {
    max-height: 440px;
}

.max-h-\[470px\] {
    max-height: 470px;
}

.max-h-\[481px\] {
    max-height: 481px;
}

.max-h-\[85vh\] {
    max-height: 85vh;
}

.max-h-\[90vh\] {
    max-height: 90vh;
}

.min-h-\[20px\] {
    min-height: 20px;
}

.min-h-\[24px\] {
    min-height: 24px;
}

.min-h-\[25px\] {
    min-height: 25px;
}

.min-h-\[32px\] {
    min-height: 32px;
}

.min-h-\[416px\] {
    min-height: 416px;
}

.min-h-\[448px\] {
    min-height: 448px;
}

.min-h-\[45px\] {
    min-height: 45px;
}

.min-h-\[48px\] {
    min-height: 48px;
}

.min-h-\[700px\] {
    min-height: 700px;
}

.\!w-\[3rem\] {
    width: 3rem !important;
}

.w-1 {
    width: 0.25rem;
}

.w-10 {
    width: 2.5rem;
}

.w-2 {
    width: 0.5rem;
}

.w-4 {
    width: 1rem;
}

.w-40 {
    width: 10rem;
}

.w-6 {
    width: 1.5rem;
}

.w-60 {
    width: 15rem;
}

.w-8 {
    width: 2rem;
}

.w-9\/12 {
    width: 75%;
}

.w-\[0\.125rem\] {
    width: 0.125rem;
}

.w-\[100\%\] {
    width: 100%;
}

.w-\[100px\] {
    width: 100px;
}

.w-\[102px\] {
    width: 102px;
}

.w-\[109px\] {
    width: 109px;
}

.w-\[10rem\] {
    width: 10rem;
}

.w-\[110px\] {
    width: 110px;
}

.w-\[113px\] {
    width: 113px;
}

.w-\[114px\] {
    width: 114px;
}

.w-\[12\.5\%\] {
    width: 12.5%;
}

.w-\[120px\] {
    width: 120px;
}

.w-\[127px\] {
    width: 127px;
}

.w-\[12px\] {
    width: 12px;
}

.w-\[132px\] {
    width: 132px;
}

.w-\[135px\] {
    width: 135px;
}

.w-\[145px\] {
    width: 145px;
}

.w-\[147\.5px\] {
    width: 147.5px;
}

.w-\[155px\] {
    width: 155px;
}

.w-\[16px\] {
    width: 16px;
}

.w-\[174px\] {
    width: 174px;
}

.w-\[17px\] {
    width: 17px;
}

.w-\[180px\] {
    width: 180px;
}

.w-\[185\.59px\] {
    width: 185.59px;
}

.w-\[199px\] {
    width: 199px;
}

.w-\[20\%\] {
    width: 20%;
}

.w-\[200px\] {
    width: 200px;
}

.w-\[20px\] {
    width: 20px;
}

.w-\[210px\] {
    width: 210px;
}

.w-\[214px\] {
    width: 214px;
}

.w-\[21px\] {
    width: 21px;
}

.w-\[220px\] {
    width: 220px;
}

.w-\[240px\] {
    width: 240px;
}

.w-\[24px\] {
    width: 24px;
}

.w-\[251px\] {
    width: 251px;
}

.w-\[25px\] {
    width: 25px;
}

.w-\[27px\] {
    width: 27px;
}

.w-\[28px\] {
    width: 28px;
}

.w-\[30\%\] {
    width: 30%;
}

.w-\[300px\] {
    width: 300px;
}

.w-\[30px\] {
    width: 30px;
}

.w-\[310px\] {
    width: 310px;
}

.w-\[316px\] {
    width: 316px;
}

.w-\[317px\] {
    width: 317px;
}

.w-\[327px\] {
    width: 327px;
}

.w-\[32px\] {
    width: 32px;
}

.w-\[348px\] {
    width: 348px;
}

.w-\[360px\] {
    width: 360px;
}

.w-\[36px\] {
    width: 36px;
}

.w-\[372px\] {
    width: 372px;
}

.w-\[387px\] {
    width: 387px;
}

.w-\[38px\] {
    width: 38px;
}

.w-\[3px\] {
    width: 3px;
}

.w-\[40px\] {
    width: 40px;
}

.w-\[40xp\] {
    width: 40xp;
}

.w-\[420px\] {
    width: 420px;
}

.w-\[42px\] {
    width: 42px;
}

.w-\[48px\] {
    width: 48px;
}

.w-\[49\.6px\] {
    width: 49.6px;
}

.w-\[50\%\] {
    width: 50%;
}

.w-\[508px\] {
    width: 508px;
}

.w-\[50px\] {
    width: 50px;
}

.w-\[57px\] {
    width: 57px;
}

.w-\[60px\] {
    width: 60px;
}

.w-\[64px\] {
    width: 64px;
}

.w-\[74px\] {
    width: 74px;
}

.w-\[75\%\] {
    width: 75%;
}

.w-\[77px\] {
    width: 77px;
}

.w-\[80\%\] {
    width: 80%;
}

.w-\[80px\] {
    width: 80px;
}

.w-\[83px\] {
    width: 83px;
}

.w-\[86px\] {
    width: 86px;
}

.w-\[87\.5\%\] {
    width: 87.5%;
}

.w-\[87px\] {
    width: 87px;
}

.w-\[8rem\] {
    width: 8rem;
}

.w-\[90\%\] {
    width: 90%;
}

.w-\[90px\] {
    width: 90px;
}

.w-\[90vw\] {
    width: 90vw;
}

.w-\[92\%\] {
    width: 92%;
}

.w-\[92px\] {
    width: 92px;
}

.w-\[93px\] {
    width: 93px;
}

.w-\[94\%\] {
    width: 94%;
}

.w-\[95\%\] {
    width: 95%;
}

.w-\[96\%\] {
    width: 96%;
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.min-w-\[149px\] {
    min-width: 149px;
}

.min-w-\[20px\] {
    min-width: 20px;
}

.min-w-\[24px\] {
    min-width: 24px;
}

.min-w-\[25px\] {
    min-width: 25px;
}

.min-w-\[55px\] {
    min-width: 55px;
}

.min-w-\[65vw\] {
    min-width: 65vw;
}

.min-w-\[6rem\] {
    min-width: 6rem;
}

.max-w-\[12rem\] {
    max-width: 12rem;
}

.max-w-\[26rem\] {
    max-width: 26rem;
}

.max-w-\[275px\] {
    max-width: 275px;
}

.max-w-\[280px\] {
    max-width: 280px;
}

.max-w-\[30rem\] {
    max-width: 30rem;
}

.max-w-\[31\.75rem\] {
    max-width: 31.75rem;
}

.max-w-\[311px\] {
    max-width: 311px;
}

.max-w-\[364px\] {
    max-width: 364px;
}

.max-w-\[420px\] {
    max-width: 420px;
}

.max-w-\[450px\] {
    max-width: 450px;
}

.max-w-\[500px\] {
    max-width: 500px;
}

.max-w-\[508px\] {
    max-width: 508px;
}

.max-w-\[90\%\] {
    max-width: 90%;
}

.max-w-full {
    max-width: 100%;
}

.flex-1 {
    flex: 1 1 0%;
}

.shrink-0 {
    flex-shrink: 0;
}

.grow {
    flex-grow: 1;
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-contentShow {
    animation: contentShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    to {
        background-position: 0% 50%;
    }
}

.animate-gradient {
    animation: animatedgradient 5s ease infinite alternate;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    user-select: none;
}

.resize-none {
    resize: none;
}

.resize {
    resize: both;
}

.list-disc {
    list-style-type: disc;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

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

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.place-content-center {
    place-content: center;
}

.place-items-center {
    place-items: center;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-0 {
    gap: 0px;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-1\.5 {
    gap: 0.375rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-2\.5 {
    gap: 0.625rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-\[0\.5rem\] {
    gap: 0.5rem;
}

.gap-\[1px\] {
    gap: 1px;
}

.gap-\[25px\] {
    gap: 25px;
}

.gap-\[4px\] {
    gap: 4px;
}

.gap-\[8px\] {
    gap: 8px;
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[12px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(12px * var(--tw-space-x-reverse));
    margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[14px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(14px * var(--tw-space-x-reverse));
    margin-left: calc(14px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[16px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(16px * var(--tw-space-x-reverse));
    margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[24px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(24px * var(--tw-space-x-reverse));
    margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[30px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(30px * var(--tw-space-x-reverse));
    margin-left: calc(30px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[3px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(3px * var(--tw-space-x-reverse));
    margin-left: calc(3px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[4px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4px * var(--tw-space-x-reverse));
    margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[6px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(6px * var(--tw-space-x-reverse));
    margin-left: calc(6px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[7px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(7px * var(--tw-space-x-reverse));
    margin-left: calc(7px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[8px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(8px * var(--tw-space-x-reverse));
    margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-\[9px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(9px * var(--tw-space-x-reverse));
    margin-left: calc(9px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.self-end {
    align-self: flex-end;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

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

.text-ellipsis {
    text-overflow: ellipsis;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-\[0\.25rem\] {
    border-radius: 0.25rem;
}

.rounded-\[0\.375rem\] {
    border-radius: 0.375rem;
}

.rounded-\[0\.5rem\] {
    border-radius: 0.5rem;
}

.rounded-\[0\.7rem\] {
    border-radius: 0.7rem;
}

.rounded-\[0px\] {
    border-radius: 0;
}

.rounded-\[10px\] {
    border-radius: 10px;
}

.rounded-\[12px\] {
    border-radius: 12px;
}

.rounded-\[16px\] {
    border-radius: 16px;
}

.rounded-\[1rem\] {
    border-radius: 1rem;
}

.rounded-\[20px\] {
    border-radius: 20px;
}

.rounded-\[22px\] {
    border-radius: 22px;
}

.rounded-\[24px\] {
    border-radius: 24px;
}

.rounded-\[26px\] {
    border-radius: 26px;
}

.rounded-\[32px\] {
    border-radius: 32px;
}

.rounded-\[36px\] {
    border-radius: 36px;
}

.rounded-\[48px\] {
    border-radius: 48px;
}

.rounded-\[4px\] {
    border-radius: 4px;
}

.rounded-\[67\.875px\] {
    border-radius: 67.875px;
}

.rounded-\[6px\] {
    border-radius: 6px;
}

.rounded-\[7px\] {
    border-radius: 7px;
}

.rounded-\[8px\] {
    border-radius: 8px;
}

.rounded-\[inherit\] {
    border-radius: inherit;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-b-\[16px\] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

.rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rounded-t-\[0\.5rem\] {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.rounded-t-\[10px\] {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0px;
}

.border-2 {
    border-width: 2px;
}

.border-\[1\.2px\] {
    border-width: 1.2px;
}

.border-\[1px\] {
    border-width: 1px;
}

.border-\[2px\] {
    border-width: 2px;
}

.border-x-0,
.border-x-\[0px\] {
    border-left-width: 0px;
    border-right-width: 0px;
}

.border-y-\[0px\] {
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-l-2 {
    border-left-width: 2px;
}

.border-l-\[0px\] {
    border-left-width: 0px;
}

.border-t-0,
.border-t-\[0px\] {
    border-top-width: 0px;
}

.border-solid {
    border-style: solid;
}

.border-none {
    border-style: none;
}

.\!border-\[\#68698D\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(104 105 141 / var(--tw-border-opacity)) !important;
}

.border-\[\#262646\] {
    --tw-border-opacity: 1;
    border-color: rgb(38 38 70 / var(--tw-border-opacity));
}

.border-\[\#2D2E4C\] {
    --tw-border-opacity: 1;
    border-color: rgb(45 46 76 / var(--tw-border-opacity));
}

.border-\[\#2F333D\] {
    --tw-border-opacity: 1;
    border-color: rgb(47 51 61 / var(--tw-border-opacity));
}

.border-\[\#313250\] {
    --tw-border-opacity: 1;
    border-color: rgb(49 50 80 / var(--tw-border-opacity));
}

.border-\[\#343552\] {
    --tw-border-opacity: 1;
    border-color: rgb(52 53 82 / var(--tw-border-opacity));
}

.border-\[\#353742\] {
    --tw-border-opacity: 1;
    border-color: rgb(53 55 66 / var(--tw-border-opacity));
}

.border-\[\#35B592\] {
    --tw-border-opacity: 1;
    border-color: rgb(53 181 146 / var(--tw-border-opacity));
}

.border-\[\#363754\] {
    --tw-border-opacity: 1;
    border-color: rgb(54 55 84 / var(--tw-border-opacity));
}

.border-\[\#363A43\],
.border-\[\#363a43\] {
    --tw-border-opacity: 1;
    border-color: rgb(54 58 67 / var(--tw-border-opacity));
}

.border-\[\#393C45\] {
    --tw-border-opacity: 1;
    border-color: rgb(57 60 69 / var(--tw-border-opacity));
}

.border-\[\#3C42D1\] {
    --tw-border-opacity: 1;
    border-color: rgb(60 66 209 / var(--tw-border-opacity));
}

.border-\[\#44D095\] {
    --tw-border-opacity: 1;
    border-color: rgb(68 208 149 / var(--tw-border-opacity));
}

.border-\[\#4E4F69\] {
    --tw-border-opacity: 1;
    border-color: rgb(78 79 105 / var(--tw-border-opacity));
}

.border-\[\#53230A\] {
    --tw-border-opacity: 1;
    border-color: rgb(83 35 10 / var(--tw-border-opacity));
}

.border-\[\#575875\] {
    --tw-border-opacity: 1;
    border-color: rgb(87 88 117 / var(--tw-border-opacity));
}

.border-\[\#5A5D64\] {
    --tw-border-opacity: 1;
    border-color: rgb(90 93 100 / var(--tw-border-opacity));
}

.border-\[\#5C6AAB\] {
    --tw-border-opacity: 1;
    border-color: rgb(92 106 171 / var(--tw-border-opacity));
}

.border-\[\#6045FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(96 69 255 / var(--tw-border-opacity));
}

.border-\[\#68698D\] {
    --tw-border-opacity: 1;
    border-color: rgb(104 105 141 / var(--tw-border-opacity));
}

.border-\[\#8A8EE3\] {
    --tw-border-opacity: 1;
    border-color: rgb(138 142 227 / var(--tw-border-opacity));
}

.border-\[\#96989C\] {
    --tw-border-opacity: 1;
    border-color: rgb(150 152 156 / var(--tw-border-opacity));
}

.border-\[\#DD4A4A\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 74 74 / var(--tw-border-opacity));
}

.border-\[\#E5E5E5\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.border-\[\#EB5E5E\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 94 94 / var(--tw-border-opacity));
}

.border-\[\#FBFBFB\] {
    --tw-border-opacity: 1;
    border-color: rgb(251 251 251 / var(--tw-border-opacity));
}

.border-\[\#FFF645\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 246 69 / var(--tw-border-opacity));
}

.border-\[\#dd4a4a\] {
    --tw-border-opacity: 1;
    border-color: rgb(221 74 74 / var(--tw-border-opacity));
}

.border-\[8a8ee3\] {
    border-color: 8a8ee3;
}

.border-transparent {
    border-color: transparent;
}

.\!bg-\[\#262646\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(38 38 70 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#3B42F2\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(59 66 242 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#3C42D1\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(60 66 209 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#DD4A4A\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(221 74 74 / var(--tw-bg-opacity)) !important;
}

.\!bg-transparent {
    background-color: transparent !important;
}

.\!bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#101134\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 17 52 / var(--tw-bg-opacity));
}

.bg-\[\#1212121A\] {
    background-color: #1212121a;
}

.bg-\[\#13172233\] {
    background-color: #13172233;
}

.bg-\[\#13172257\] {
    background-color: #13172257;
}

.bg-\[\#1317227c\] {
    background-color: #1317227c;
}

.bg-\[\#13172282\] {
    background-color: #13172282;
}

.bg-\[\#131722\] {
    --tw-bg-opacity: 1;
    background-color: rgb(19 23 34 / var(--tw-bg-opacity));
}

.bg-\[\#131722\]\/10 {
    background-color: #1317221a;
}

.bg-\[\#131722\]\/60 {
    background-color: #13172299;
}

.bg-\[\#131722a0\] {
    background-color: #131722a0;
}

.bg-\[\#14133D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(20 19 61 / var(--tw-bg-opacity));
}

.bg-\[\#1C1D3E33\] {
    background-color: #1c1d3e33;
}

.bg-\[\#1C1D3E80\] {
    background-color: #1c1d3e80;
}

.bg-\[\#1C1D3E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(28 29 62 / var(--tw-bg-opacity));
}

.bg-\[\#1c1d3e33\] {
    background-color: #1c1d3e33;
}

.bg-\[\#1c1d3e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(28 29 62 / var(--tw-bg-opacity));
}

.bg-\[\#212242\] {
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 66 / var(--tw-bg-opacity));
}

.bg-\[\#232444\] {
    --tw-bg-opacity: 1;
    background-color: rgb(35 36 68 / var(--tw-bg-opacity));
}

.bg-\[\#242731\] {
    --tw-bg-opacity: 1;
    background-color: rgb(36 39 49 / var(--tw-bg-opacity));
}

.bg-\[\#25B076\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 176 118 / var(--tw-bg-opacity));
}

.bg-\[\#262646\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 70 / var(--tw-bg-opacity));
}

.bg-\[\#282C36\] {
    --tw-bg-opacity: 1;
    background-color: rgb(40 44 54 / var(--tw-bg-opacity));
}

.bg-\[\#2A2B4A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(42 43 74 / var(--tw-bg-opacity));
}

.bg-\[\#2D2E4C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(45 46 76 / var(--tw-bg-opacity));
}

.bg-\[\#2D313A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(45 49 58 / var(--tw-bg-opacity));
}

.bg-\[\#2a2b4a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(42 43 74 / var(--tw-bg-opacity));
}

.bg-\[\#2d2e4c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(45 46 76 / var(--tw-bg-opacity));
}

.bg-\[\#302F54\] {
    --tw-bg-opacity: 1;
    background-color: rgb(48 47 84 / var(--tw-bg-opacity));
}

.bg-\[\#313250\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 50 80 / var(--tw-bg-opacity));
}

.bg-\[\#343552\] {
    --tw-bg-opacity: 1;
    background-color: rgb(52 53 82 / var(--tw-bg-opacity));
}

.bg-\[\#363407\] {
    --tw-bg-opacity: 1;
    background-color: rgb(54 52 7 / var(--tw-bg-opacity));
}

.bg-\[\#363754\] {
    --tw-bg-opacity: 1;
    background-color: rgb(54 55 84 / var(--tw-bg-opacity));
}

.bg-\[\#363A43\] {
    --tw-bg-opacity: 1;
    background-color: rgb(54 58 67 / var(--tw-bg-opacity));
}

.bg-\[\#3C42D133\] {
    background-color: #3c42d133;
}

.bg-\[\#3C42D180\] {
    background-color: #3c42d180;
}

.bg-\[\#3C42D1\] {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 209 / var(--tw-bg-opacity));
}

.bg-\[\#44D095\] {
    --tw-bg-opacity: 1;
    background-color: rgb(68 208 149 / var(--tw-bg-opacity));
}

.bg-\[\#50AF95\] {
    --tw-bg-opacity: 1;
    background-color: rgb(80 175 149 / var(--tw-bg-opacity));
}

.bg-\[\#5752205E\] {
    background-color: #5752205e;
}

.bg-\[\#575875\] {
    --tw-bg-opacity: 1;
    background-color: rgb(87 88 117 / var(--tw-bg-opacity));
}

.bg-\[\#B1B3ED\] {
    --tw-bg-opacity: 1;
    background-color: rgb(177 179 237 / var(--tw-bg-opacity));
}

.bg-\[\#D9AD13\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 173 19 / var(--tw-bg-opacity));
}

.bg-\[\#D9D9D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}

.bg-\[\#DD4A4A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(221 74 74 / var(--tw-bg-opacity));
}

.bg-\[\#ECECFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 236 250 / var(--tw-bg-opacity));
}

.bg-\[\#F0F1F3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 241 243 / var(--tw-bg-opacity));
}

.bg-\[\#F3BA2D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 186 45 / var(--tw-bg-opacity));
}

.bg-\[\#F96868\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 104 104 / var(--tw-bg-opacity));
}

.bg-\[\#FAB613\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 182 19 / var(--tw-bg-opacity));
}

.bg-\[\#FBFBFB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 251 251 / var(--tw-bg-opacity));
}

.bg-\[\#FFF645\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 246 69 / var(--tw-bg-opacity));
}

.bg-\[\#FFFA83\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 250 131 / var(--tw-bg-opacity));
}

.bg-\[\#FFFFFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-\[\#dd4a4a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(221 74 74 / var(--tw-bg-opacity));
}

.bg-\[\#fff\],
.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-bgprimary {
    --tw-bg-opacity: 1;
    background-color: rgb(28 29 62 / var(--tw-bg-opacity));
}

.bg-bgprimary2 {
    --tw-bg-opacity: 1;
    background-color: rgb(33 34 66 / var(--tw-bg-opacity));
}

.bg-black\/40 {
    background-color: #0006;
}

.bg-black\/60 {
    background-color: #0009;
}

.bg-inputbg2 {
    --tw-bg-opacity: 1;
    background-color: rgb(45 46 76 / var(--tw-bg-opacity));
}

.bg-primary2 {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 209 / var(--tw-bg-opacity));
}

.bg-refundWarning {
    background-color: #5752205e;
}

.bg-transparent {
    background-color: transparent;
}

.bg-warning {
    background-color: #5752205e;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.from-\[\#0E1559\] {
    --tw-gradient-from: #0e1559 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 21 89 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#E3B101\] {
    --tw-gradient-from: #e3b101 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(227 177 1 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#EAE29A\] {
    --tw-gradient-from: #eae29a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(234 226 154 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FABD53\] {
    --tw-gradient-from: #fabd53 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(250 189 83 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#eae29a\] {
    --tw-gradient-from: #eae29a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(234 226 154 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#2E42DD\] {
    --tw-gradient-to: #2e42dd var(--tw-gradient-to-position);
}

.to-\[\#F36868\] {
    --tw-gradient-to: #f36868 var(--tw-gradient-to-position);
}

.to-\[\#FCF19D\] {
    --tw-gradient-to: #fcf19d var(--tw-gradient-to-position);
}

.to-\[\#FF09C9\] {
    --tw-gradient-to: #ff09c9 var(--tw-gradient-to-position);
}

.to-\[\#ff09c9\] {
    --tw-gradient-to: #ff09c9 var(--tw-gradient-to-position);
}

.bg-300\% {
    background-size: 300%;
}

.fill-\[\#313250\] {
    fill: #313250;
}

.fill-\[\#fff\] {
    fill: #fff;
}

.object-contain {
    object-fit: contain;
}

.object-cover {
    object-fit: cover;
}

.\!p-0 {
    padding: 0 !important;
}

.p-0 {
    padding: 0;
}

.p-0\.5 {
    padding: 0.125rem;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-\[0\.25rem\] {
    padding: 0.25rem;
}

.p-\[0\.5rem\] {
    padding: 0.5rem;
}

.p-\[0rem\] {
    padding: 0rem;
}

.p-\[10px\] {
    padding: 10px;
}

.p-\[16px\] {
    padding: 16px;
}

.p-\[1rem\] {
    padding: 1rem;
}

.p-\[20px\] {
    padding: 20px;
}

.p-\[24px\] {
    padding: 24px;
}

.p-\[25px\] {
    padding: 25px;
}

.p-\[2rem\] {
    padding: 2rem;
}

.p-\[30px\] {
    padding: 30px;
}

.p-\[3px\] {
    padding: 3px;
}

.p-\[5px\] {
    padding: 5px;
}

.p-\[8px\] {
    padding: 8px;
}

.\!px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-\[0\.75rem\] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-\[0\.875rem\] {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.px-\[1\.5rem\] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px;
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px;
}

.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px;
}

.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
}

.px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
}

.px-\[2rem\] {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px;
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.py-\[0\.25rem\] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-\[0\.2rem\] {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.py-\[0\.5rem\] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-\[0\.75rem\] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-\[0\.85rem\] {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px;
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px;
}

.py-\[1rem\] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px;
}

.py-\[3rem\] {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px;
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px;
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px;
}

.\!pb-\[1rem\] {
    padding-bottom: 1rem !important;
}

.pb-\[0px\] {
    padding-bottom: 0;
}

.pb-\[15px\] {
    padding-bottom: 15px;
}

.pb-\[16px\] {
    padding-bottom: 16px;
}

.pb-\[170px\] {
    padding-bottom: 170px;
}

.pb-\[20px\] {
    padding-bottom: 20px;
}

.pb-\[240px\] {
    padding-bottom: 240px;
}

.pb-\[24px\] {
    padding-bottom: 24px;
}

.pb-\[48px\] {
    padding-bottom: 48px;
}

.pb-\[50px\] {
    padding-bottom: 50px;
}

.pb-\[5px\] {
    padding-bottom: 5px;
}

.pb-\[5rem\] {
    padding-bottom: 5rem;
}

.pb-\[60px\] {
    padding-bottom: 60px;
}

.pb-\[6rem\] {
    padding-bottom: 6rem;
}

.pb-\[80px\] {
    padding-bottom: 80px;
}

.pb-\[8px\] {
    padding-bottom: 8px;
}

.pl-10 {
    padding-left: 2.5rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-\[0px\] {
    padding-left: 0;
}

.pl-\[10px\] {
    padding-left: 10px;
}

.pl-\[16px\] {
    padding-left: 16px;
}

.pl-\[19px\] {
    padding-left: 19px;
}

.pl-\[20px\] {
    padding-left: 20px;
}

.pl-\[24px\] {
    padding-left: 24px;
}

.pl-\[3px\] {
    padding-left: 3px;
}

.pr-24 {
    padding-right: 6rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-\[0px\] {
    padding-right: 0;
}

.pr-\[16px\] {
    padding-right: 16px;
}

.pr-\[18px\] {
    padding-right: 18px;
}

.pr-\[19px\] {
    padding-right: 19px;
}

.pr-\[24px\] {
    padding-right: 24px;
}

.pr-\[2px\] {
    padding-right: 2px;
}

.pr-\[5px\] {
    padding-right: 5px;
}

.pt-2 {
    padding-top: 0.5rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-40 {
    padding-top: 10rem;
}

.pt-\[10px\] {
    padding-top: 10px;
}

.pt-\[15px\] {
    padding-top: 15px;
}

.pt-\[16px\] {
    padding-top: 16px;
}

.pt-\[20px\] {
    padding-top: 20px;
}

.pt-\[24px\] {
    padding-top: 24px;
}

.pt-\[30px\] {
    padding-top: 30px;
}

.pt-\[40px\] {
    padding-top: 40px;
}

.pt-\[8px\] {
    padding-top: 8px;
}

.\!text-left {
    text-align: left !important;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-end {
    text-align: end;
}

.align-middle {
    vertical-align: middle;
}

.font-\[Outfit\] {
    font-family: Outfit;
}

.\!text-\[20px\] {
    font-size: 20px !important;
}

.\!text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-\[0\.75rem\] {
    font-size: 0.75rem;
}

.text-\[0\.875rem\] {
    font-size: 0.875rem;
}

.text-\[1\.25rem\] {
    font-size: 1.25rem;
}

.text-\[1\.5rem\] {
    font-size: 1.5rem;
}

.text-\[10px\] {
    font-size: 10px;
}

.text-\[11px\] {
    font-size: 11px;
}

.text-\[12px\] {
    font-size: 12px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-\[15px\] {
    font-size: 15px;
}

.text-\[16px\] {
    font-size: 16px;
}

.text-\[18px\] {
    font-size: 18px;
}

.text-\[1rem\] {
    font-size: 1rem;
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[22px\] {
    font-size: 22px;
}

.text-\[24px\] {
    font-size: 24px;
}

.text-\[26px\] {
    font-size: 26px;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-\[2rem\] {
    font-size: 2rem;
}

.text-\[32px\] {
    font-size: 32px;
}

.text-\[96px\] {
    font-size: 96px;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-\[14px\] {
    font-weight: 14px;
}

.font-\[300\] {
    font-weight: 300;
}

.font-\[400\] {
    font-weight: 400;
}

.font-\[500\] {
    font-weight: 500;
}

.font-\[600\] {
    font-weight: 600;
}

.font-\[900\] {
    font-weight: 900;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-\[24px\] {
    line-height: 24px;
}

.leading-\[30px\] {
    line-height: 30px;
}

.leading-none {
    line-height: 1;
}

.leading-normal {
    line-height: 1.5;
}

.-tracking-tighter {
    letter-spacing: 0.05em;
}

.tracking-tight {
    letter-spacing: -0.025em;
}

.tracking-tighter {
    letter-spacing: -0.05em;
}

.\!text-\[\#121212\] {
    --tw-text-opacity: 1 !important;
    color: rgb(18 18 18 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#3C42D1\] {
    --tw-text-opacity: 1 !important;
    color: rgb(60 66 209 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#FFF7D9\] {
    --tw-text-opacity: 1 !important;
    color: rgb(255 247 217 / var(--tw-text-opacity)) !important;
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#\#FBFBFB\] {
    color: #fbfbfb;
}

.text-\[\#000000\],
.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-\[\#00FF00\] {
    --tw-text-opacity: 1;
    color: rgb(0 255 0 / var(--tw-text-opacity));
}

.text-\[\#121212\] {
    --tw-text-opacity: 1;
    color: rgb(18 18 18 / var(--tw-text-opacity));
}

.text-\[\#131722\] {
    --tw-text-opacity: 1;
    color: rgb(19 23 34 / var(--tw-text-opacity));
}

.text-\[\#35B592\] {
    --tw-text-opacity: 1;
    color: rgb(53 181 146 / var(--tw-text-opacity));
}

.text-\[\#3B42F2\] {
    --tw-text-opacity: 1;
    color: rgb(59 66 242 / var(--tw-text-opacity));
}

.text-\[\#3C42D1\] {
    --tw-text-opacity: 1;
    color: rgb(60 66 209 / var(--tw-text-opacity));
}

.text-\[\#44D095\] {
    --tw-text-opacity: 1;
    color: rgb(68 208 149 / var(--tw-text-opacity));
}

.text-\[\#4D4D4D\] {
    --tw-text-opacity: 1;
    color: rgb(77 77 77 / var(--tw-text-opacity));
}

.text-\[\#575875\] {
    --tw-text-opacity: 1;
    color: rgb(87 88 117 / var(--tw-text-opacity));
}

.text-\[\#5A5D64\] {
    --tw-text-opacity: 1;
    color: rgb(90 93 100 / var(--tw-text-opacity));
}

.text-\[\#5B5D63\] {
    --tw-text-opacity: 1;
    color: rgb(91 93 99 / var(--tw-text-opacity));
}

.text-\[\#5a5d64\] {
    --tw-text-opacity: 1;
    color: rgb(90 93 100 / var(--tw-text-opacity));
}

.text-\[\#68698D\],
.text-\[\#68698d\] {
    --tw-text-opacity: 1;
    color: rgb(104 105 141 / var(--tw-text-opacity));
}

.text-\[\#6D7076\] {
    --tw-text-opacity: 1;
    color: rgb(109 112 118 / var(--tw-text-opacity));
}

.text-\[\#777777\] {
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity));
}

.text-\[\#777980\] {
    --tw-text-opacity: 1;
    color: rgb(119 121 128 / var(--tw-text-opacity));
}

.text-\[\#777\] {
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity));
}

.text-\[\#8B9CC1\] {
    --tw-text-opacity: 1;
    color: rgb(139 156 193 / var(--tw-text-opacity));
}

.text-\[\#96989C\] {
    --tw-text-opacity: 1;
    color: rgb(150 152 156 / var(--tw-text-opacity));
}

.text-\[\#9999ACCC\] {
    color: #9999accc;
}

.text-\[\#9B9CC1\] {
    --tw-text-opacity: 1;
    color: rgb(155 156 193 / var(--tw-text-opacity));
}

.text-\[\#9D9EBA\] {
    --tw-text-opacity: 1;
    color: rgb(157 158 186 / var(--tw-text-opacity));
}

.text-\[\#9EB3DC\] {
    --tw-text-opacity: 1;
    color: rgb(158 179 220 / var(--tw-text-opacity));
}

.text-\[\#A7A8BF\] {
    --tw-text-opacity: 1;
    color: rgb(167 168 191 / var(--tw-text-opacity));
}

.text-\[\#B0B1B5\] {
    --tw-text-opacity: 1;
    color: rgb(176 177 181 / var(--tw-text-opacity));
}

.text-\[\#DD4A4A\] {
    --tw-text-opacity: 1;
    color: rgb(221 74 74 / var(--tw-text-opacity));
}

.text-\[\#EB5E5E\] {
    --tw-text-opacity: 1;
    color: rgb(235 94 94 / var(--tw-text-opacity));
}

.text-\[\#ECECFA\] {
    --tw-text-opacity: 1;
    color: rgb(236 236 250 / var(--tw-text-opacity));
}

.text-\[\#F6F6F6\] {
    --tw-text-opacity: 1;
    color: rgb(246 246 246 / var(--tw-text-opacity));
}

.text-\[\#FBFBFB\] {
    --tw-text-opacity: 1;
    color: rgb(251 251 251 / var(--tw-text-opacity));
}

.text-\[\#FF4445\] {
    --tw-text-opacity: 1;
    color: rgb(255 68 69 / var(--tw-text-opacity));
}

.text-\[\#FF696A\] {
    --tw-text-opacity: 1;
    color: rgb(255 105 106 / var(--tw-text-opacity));
}

.text-\[\#FFF645\] {
    --tw-text-opacity: 1;
    color: rgb(255 246 69 / var(--tw-text-opacity));
}

.text-\[\#FFF7D9\] {
    --tw-text-opacity: 1;
    color: rgb(255 247 217 / var(--tw-text-opacity));
}

.text-\[\#FFFFFF99\] {
    color: #fff9;
}

.text-\[\#FFFFFFCC\] {
    color: #fffc;
}

.text-\[\#FFFFFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-\[\#dd4a4a\] {
    --tw-text-opacity: 1;
    color: rgb(221 74 74 / var(--tw-text-opacity));
}

.text-\[\#fbfbfb\] {
    --tw-text-opacity: 1;
    color: rgb(251 251 251 / var(--tw-text-opacity));
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgb(255 246 69 / var(--tw-text-opacity));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-white2 {
    --tw-text-opacity: 1;
    color: rgb(251 251 251 / var(--tw-text-opacity));
}

.underline {
    text-decoration-line: underline;
}

.placeholder-\[\#FBFBFB\]::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(251 251 251 / var(--tw-placeholder-opacity));
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-80 {
    opacity: 0.8;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_10px_38px_-10px_rgba\(22\,_23\,_24\,_0\.35\)\,_0px_10px_20px_-15px_rgba\(22\,_23\,_24\,_0\.2\)\] {
    --tw-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
    --tw-shadow-colored: 0px 10px 38px -10px var(--tw-shadow-color), 0px 10px 20px -15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[hsl\(206_22\%_7\%_\/_35\%\)_0px_10px_38px_-10px\,_hsl\(206_22\%_7\%_\/_20\%\)_0px_10px_20px_-15px\] {
    --tw-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
    --tw-shadow-colored: 0px 10px 38px -10px var(--tw-shadow-color), 0px 10px 20px -15px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.outline {
    outline-style: solid;
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-\[0\.3s\] {
    transition-property: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.duration-100 {
    transition-duration: 0.1s;
}

.duration-300 {
    transition-duration: 0.3s;
}

.will-change-\[opacity\,transform\] {
    will-change: opacity, transform;
}

.will-change-\[transform\,opacity\] {
    will-change: transform, opacity;
}

.will-change-transform {
    will-change: transform;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

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

@font-face {
    font-family: ergonic;
    src: local("ergonic"), url(/assets/Ergonic-CViGZckt.ttf) format("truetype");
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100vw;
}

.phoneInput input {
    background: #2d2e4c;
    height: 48px;
    border-radius: 8px;
    padding-left: 16px;
}

* {
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}

#layout {
    position: relative;
}

:root {
    --bgColor: #131722;
    --primaryFont: "Outfit", sans-serif;
    --secondaryFont: "Inter", sans-serif;
    --lightWhite: #fbfbfb;
    --currentItemBg: rgba(60, 66, 209, 0.1);
    --swapSectionBg: #1c1d3e;
    --inputColor: #2a2b4a;
    --inputColor2: #2d2e4c;
    --lightGrey: #68698d;
    --borderColor: #2f333d;
    --borderRadius: 8px;
    --grey-2: #81848c;
    --grey-3: #777980;
    --grey-4: #909399;
    --grey-5: #212242;
    --grey-6: #80848d;
    --grey-7: #343552;
    --grey-8: #96989c;
    --lightBlue: #5889e7;
    --darkBlue: #4f60f2;
    --yellow: #fff645;
    --toastify-border-radius: 8px;
    --toastify-color-success: #3c42d1;
    -toastify-color-error: #3c8ce7e5;
    --toastify-toast-min-height: 54px;
    --toastify-toast-max-height: 800px;
}

body {
    font-family: var(--primaryFont);
    color: var(--lightWhite);
    background-image: url(/assets/zappy-bg-DeEWmcZ4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-family: var(--primaryFont);
}

input {
    color: #fff;
}

input::placeholder {
    font-family: var(--primaryFont);
    color: var(--grey-8);
    font-size: 1rem;
}

input:focus {
    outline: none;
}

input[type="checkbox"]:before {
    content: "";
    display: block;
    position: relative;
    border: 2px solid #777980;
    border-radius: 4px;
    background-color: transparent;
}

input[type="checkbox"]:after {
    content: "";
    display: block;
    position: relative;
    border: 2px solid #777980;
    border-radius: 4px;
    background-color: transparent;
}

input:checked {
    background-color: red;
}

input[type="password"]:not(:placeholder-shown) {
    font: larger Verdana, sans-serif;
    letter-spacing: 1px;
}

button {
    font-weight: 500;
    font-family: var(--primaryFont);
    color: var(--lightWhite);
}

button:disabled {
    border-color: gray;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.error_page {
    background: url(/assets/zappy-error-BlfDNOe4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.ping {
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    right: -50%;
    bottom: -50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    width: 200%;
    height: 200%;
    background: linear-gradient(269deg, #4474d0 -6.56%, #3c42d1 97.1%);
    animation: ping 1.3s ease-in-out infinite both;
}

@keyframes ping {
    0% {
        transform: scale(0.2);
        opacity: 0.8;
    }

    80% {
        transform: scale(1.2);
        opacity: 0;
    }

    to {
        transform: scale(2.2);
        opacity: 0;
    }
}

.ql-bubble .ql-toolbar {
    position: absolute;
    display: flex;
    background-color: gray;
    width: 210px;
    flex-direction: row;
    border-radius: 50px;
    bottom: calc(100% + 30px);
}

.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    display: none;
}

.ql-bubble .ql-editor {
    padding: 0;
}

.fancy {
    --offset: 3px;
    position: relative;
    overflow: hidden;
}

.fancy:before {
    content: "";
    background: conic-gradient(transparent 270deg, white, transparent);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    width: 100%;
    animation: rotate 2s linear infinite;
}

.fancy:after {
    content: "";
    background: inherit;
    border-radius: inherit;
    position: absolute;
    inset: var(--offset);
    height: calc(100% - 2 * var(--offset));
    width: calc(100% - 2 * var(--offset));
}

.fancy div {
    background: transparent;
    color: #fff;
    font-size: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: 1.5rem;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) scale(1.4) rotate(0);
    }

    to {
        transform: translate(-50%, -50%) scale(1.4) rotate(1turn);
    }
}

.first-letter\:capitalize:first-letter {
    text-transform: capitalize;
}

.placeholder\:text-\[14px\]::placeholder {
    font-size: 14px;
}

.placeholder\:text-sm::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.placeholder\:text-\[\#68698D\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(104 105 141 / var(--tw-text-opacity));
}

.placeholder\:text-white::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.last\:self-end:last-child {
    align-self: flex-end;
}

.last\:rounded-b-\[8px\]:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.last\:bg-transparent:last-child {
    background-color: transparent;
}

.read-only\:text-\[\#96989C\]:read-only {
    --tw-text-opacity: 1;
    color: rgb(150 152 156 / var(--tw-text-opacity));
}

.hover\:border-\[1px\]:hover {
    border-width: 1px;
}

.hover\:border-\[\#3c42d1\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(60 66 209 / var(--tw-border-opacity));
}

.hover\:border-\[\#8A8EE3\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(138 142 227 / var(--tw-border-opacity));
}

.hover\:bg-\[\#252e477f\]:hover {
    background-color: #252e477f;
}

.hover\:bg-\[\#262646\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 70 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#302F54\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(48 47 84 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#313250\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(49 50 80 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#3A3F4F\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(58 63 79 / var(--tw-bg-opacity));
}

.hover\:bg-white\/20:hover {
    background-color: #fff3;
}

.hover\:text-\[\#555BEA\]:hover {
    --tw-text-opacity: 1;
    color: rgb(85 91 234 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:shadow-\[0_0_0_2px\]:focus {
    --tw-shadow: 0 0 0 2px;
    --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.disabled\:\!bg-\[\#363754CC\]:disabled {
    background-color: #363754cc !important;
}

.disabled\:\!text-\[\#9999ACCC\]:disabled {
    color: #9999accc !important;
}

.data-\[state\=checked\]\:translate-x-\[19px\][data-state="checked"] {
    --tw-translate-x: 19px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.data-\[side\=bottom\]\:animate-slideUpAndFade[data-side="bottom"] {
    animation: slideUpAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.data-\[side\=left\]\:animate-slideRightAndFade[data-side="left"] {
    animation: slideRightAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.data-\[side\=right\]\:animate-slideLeftAndFade[data-side="right"] {
    animation: slideLeftAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.data-\[side\=top\]\:animate-slideDownAndFade[data-side="top"] {
    animation: slideDownAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.data-\[state\=delayed-open\]\:data-\[side\=bottom\]\:animate-slideDownAndFade[data-side="bottom"][data-state="delayed-open"] {
    animation: slideDownAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideUpAndFade {
    0% {
        opacity: 0;
        transform: translateY(2px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.data-\[state\=delayed-open\]\:data-\[side\=bottom\]\:animate-slideUpAndFade[data-side="bottom"][data-state="delayed-open"] {
    animation: slideUpAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideRightAndFade {
    0% {
        opacity: 0;
        transform: translate(-2px);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

.data-\[state\=delayed-open\]\:data-\[side\=left\]\:animate-slideRightAndFade[data-side="left"][data-state="delayed-open"] {
    animation: slideRightAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideLeftAndFade {
    0% {
        opacity: 0;
        transform: translate(2px);
    }

    to {
        opacity: 1;
        transform: translate(0);
    }
}

.data-\[state\=delayed-open\]\:data-\[side\=right\]\:animate-slideLeftAndFade[data-side="right"][data-state="delayed-open"] {
    animation: slideLeftAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideDownAndFade {
    0% {
        opacity: 0;
        transform: translateY(-2px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.data-\[state\=delayed-open\]\:data-\[side\=top\]\:animate-slideDownAndFade[data-side="top"][data-state="delayed-open"] {
    animation: slideDownAndFade 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.data-\[state\=open\]\:animate-contentShow[data-state="open"] {
    animation: contentShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.data-\[state\=open\]\:animate-overlayShow[data-state="open"] {
    animation: overlayShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.data-\[state\=active\]\:bg-\[\#3C42D1\][data-state="active"] {
    --tw-bg-opacity: 1;
    background-color: rgb(60 66 209 / var(--tw-bg-opacity));
}

.data-\[state\=checked\]\:bg-\[\#34C759\][data-state="checked"] {
    --tw-bg-opacity: 1;
    background-color: rgb(52 199 89 / var(--tw-bg-opacity));
}

.data-\[state\=active\]\:text-\[\#FBFBFB\][data-state="active"] {
    --tw-text-opacity: 1;
    color: rgb(251 251 251 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
    .sm\:bottom-\[20px\] {
        bottom: 20px;
    }

    .sm\:mb-\[40px\] {
        margin-bottom: 40px;
    }

    .sm\:ml-2 {
        margin-left: 0.5rem;
    }

    .sm\:ml-\[51\%\] {
        margin-left: 51%;
    }

    .sm\:mt-\[-1px\] {
        margin-top: -1px;
    }

    .sm\:mt-\[-55px\] {
        margin-top: -55px;
    }

    .sm\:mt-\[20px\] {
        margin-top: 20px;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:hidden {
        display: none;
    }

    .sm\:h-\[318px\] {
        height: 318px;
    }

    .sm\:h-\[350px\] {
        height: 350px;
    }

    .sm\:w-\[15px\] {
        width: 15px;
    }

    .sm\:w-\[210px\] {
        width: 210px;
    }

    .sm\:w-\[420px\] {
        width: 420px;
    }

    .sm\:w-\[508px\] {
        width: 508px;
    }

    .sm\:w-\[85\%\] {
        width: 85%;
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:items-start {
        align-items: flex-start;
    }

    .sm\:items-center {
        align-items: center;
    }

    .sm\:justify-start {
        justify-content: flex-start;
    }

    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .sm\:rounded-\[16px\] {
        border-radius: 16px;
    }

    .sm\:p-\[0rem\] {
        padding: 0rem;
    }

    .sm\:pb-\[15px\] {
        padding-bottom: 15px;
    }

    .sm\:pt-\[0px\] {
        padding-top: 0;
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 768px) {
    .md\:sticky {
        position: -webkit-sticky;
        position: sticky;
    }

    .md\:left-0 {
        left: 0;
    }

    .md\:left-\[54\.5\%\] {
        left: 54.5%;
    }

    .md\:top-\[7\.3rem\] {
        top: 7.3rem;
    }

    .md\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .md\:mt-10 {
        margin-top: 2.5rem;
    }

    .md\:block {
        display: block;
    }

    .md\:h-\[480px\] {
        height: 480px;
    }

    .md\:h-\[700px\] {
        height: 700px;
    }

    .md\:w-\[210px\] {
        width: 210px;
    }

    .md\:w-full {
        width: 100%;
    }

    .md\:min-w-\[460px\] {
        min-width: 460px;
    }

    .md\:gap-3 {
        gap: 0.75rem;
    }

    .md\:bg-\[\#1C1D3E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(28 29 62 / var(--tw-bg-opacity));
    }

    .md\:p-8 {
        padding: 2rem;
    }

    .md\:p-\[24px\] {
        padding: 24px;
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .md\:pb-\[20px\] {
        padding-bottom: 20px;
    }

    .md\:pb-\[270px\] {
        padding-bottom: 270px;
    }

    .md\:pb-\[340px\] {
        padding-bottom: 340px;
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .md\:text-\[20px\] {
        font-size: 20px;
    }

    .md\:text-\[28px\] {
        font-size: 28px;
    }

    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 1024px) {
    .lg\:absolute {
        position: absolute;
    }

    .lg\:left-\[54\%\] {
        left: 54%;
    }

    .lg\:left-\[55\%\] {
        left: 55%;
    }

    .lg\:left-\[67\%\] {
        left: 67%;
    }

    .lg\:top-\[25\%\] {
        top: 25%;
    }

    .lg\:top-\[56\%\] {
        top: 56%;
    }

    .lg\:mb-0 {
        margin-bottom: 0;
    }

    .lg\:mb-\[24px\] {
        margin-bottom: 24px;
    }

    .lg\:mb-\[8px\] {
        margin-bottom: 8px;
    }

    .lg\:ml-\[8rem\] {
        margin-left: 8rem;
    }

    .lg\:mt-\[64px\] {
        margin-top: 64px;
    }

    .lg\:mt-auto {
        margin-top: auto;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-\[214px\] {
        height: 214px;
    }

    .lg\:h-\[36px\] {
        height: 36px;
    }

    .lg\:h-\[480px\] {
        height: 480px;
    }

    .lg\:w-\[178px\] {
        width: 178px;
    }

    .lg\:w-\[221px\] {
        width: 221px;
    }

    .lg\:w-\[246px\] {
        width: 246px;
    }

    .lg\:w-\[300px\] {
        width: 300px;
    }

    .lg\:w-\[332px\] {
        width: 332px;
    }

    .lg\:w-\[36px\] {
        width: 36px;
    }

    .lg\:w-\[420px\] {
        width: 420px;
    }

    .lg\:w-\[428px\] {
        width: 428px;
    }

    .lg\:w-\[450px\] {
        width: 450px;
    }

    .lg\:w-\[460px\] {
        width: 460px;
    }

    .lg\:w-\[508px\] {
        width: 508px;
    }

    .lg\:w-\[750px\] {
        width: 750px;
    }

    .lg\:w-\[834px\] {
        width: 834px;
    }

    .lg\:w-\[90\%\] {
        width: 90%;
    }

    .lg\:w-full {
        width: 100%;
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:gap-0 {
        gap: 0px;
    }

    .lg\:space-x-\[16px\] > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(16px * var(--tw-space-x-reverse));
        margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-x-\[18px\] > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(18px * var(--tw-space-x-reverse));
        margin-left: calc(18px * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-x-\[19px\] > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(19px * var(--tw-space-x-reverse));
        margin-left: calc(19px * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-x-\[24px\] > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(24px * var(--tw-space-x-reverse));
        margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-x-\[8px\] > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(8px * var(--tw-space-x-reverse));
        margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .lg\:self-center {
        align-self: center;
    }

    .lg\:rounded-lg {
        border-radius: 0.5rem;
    }

    .lg\:p-\[8px\] {
        padding: 8px;
    }

    .lg\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .lg\:text-\[14px\] {
        font-size: 14px;
    }

    .lg\:text-\[24px\] {
        font-size: 24px;
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .lg\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .lg\:font-semibold {
        font-weight: 600;
    }
}

@media (min-width: 1280px) {
    .xl\:h-\[243px\] {
        height: 243px;
    }
}

.\[\&\:not\(\:last-child\)\]\:border-b-\[1px\]:not(:last-child) {
    border-bottom-width: 1px;
}

.\[\&\:not\(\:last-child\)\]\:border-b-\[\#ffffff1a\]:not(:last-child) {
    border-bottom-color: #ffffff1a;
}

:root {
    --PhoneInput-color--focus: #03b2cb;
    --PhoneInputInternationalIconPhone-opacity: 0.8;
    --PhoneInputInternationalIconGlobe-opacity: 0.65;
    --PhoneInputCountrySelect-marginRight: 0.35em;
    --PhoneInputCountrySelectArrow-width: 0.3em;
    --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
    --PhoneInputCountrySelectArrow-borderWidth: 1px;
    --PhoneInputCountrySelectArrow-opacity: 0.45;
    --PhoneInputCountrySelectArrow-color: currentColor;
    --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountrySelectArrow-transform: rotate(45deg);
    --PhoneInputCountryFlag-aspectRatio: 1.5;
    --PhoneInputCountryFlag-height: 1em;
    --PhoneInputCountryFlag-borderWidth: 1px;
    --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, 0.5);
    --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, 0.1);
}

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

.PhoneInputInput {
    flex: 1;
    min-width: 0;
}

.PhoneInputCountryIcon {
    width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
    height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
    width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
    background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
    display: block;
    width: 100%;
    height: 100%;
}

.PhoneInputInternationalIconPhone {
    opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
    opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

.PhoneInputCountry {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    border: 0;
    opacity: 0;
    cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
    cursor: default;
}

.PhoneInputCountrySelectArrow {
    display: block;
    content: "";
    width: var(--PhoneInputCountrySelectArrow-width);
    height: var(--PhoneInputCountrySelectArrow-width);
    margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
    border-style: solid;
    border-color: var(--PhoneInputCountrySelectArrow-color);
    border-top-width: 0;
    border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    border-left-width: 0;
    border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    transform: var(--PhoneInputCountrySelectArrow-transform);
    opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
    opacity: 1;
    color: var(--PhoneInputCountrySelectArrow-color--focus);
}

._button_137ya_1 {
    border-radius: 24px;
    padding: 0.75rem 1.5rem;
    background: #3c42d1;
    color: #fff;
    letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
    ._button_137ya_1 {
        padding: 0.5rem 1rem;
    }
}

._button_137ya_1:hover {
    cursor: pointer;
}

._button_137ya_1:disabled {
    color: #777980;
    background: var(--inputColor2);
}

._back-btn_137ya_24 {
    cursor: pointer;
}

._chatBot_137ya_28 {
    position: fixed;
    right: 1rem;
    top: 80%;
    cursor: pointer;
    z-index: 49;
    display: flex;
    flex-direction: column;
    width: 50px;
    height: 50px;
}

._chatbotsupportnotif_137ya_45 {
    position: absolute;
    right: 0;
    top: -8px;
    width: 20px;
    height: 20px;
    background-color: #fff645;
    color: #000;
    font-size: 12;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    padding: 5px;
}

._chatbotusernotif_137ya_61 {
    position: absolute;
    right: 0;
    top: -8px;
    width: 22px;
    height: 22px;
    background-color: #fff645;
    color: #000;
    font-size: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    padding: 5px;
}

._notif_137ya_77 {
    display: flex;
    flex-direction: column;
    z-index: 50;
}

._chatBotimg_137ya_83 {
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 40;
}

@media (min-width: 540px) {
    ._chatBot_137ya_28 {
        right: 7%;
    }
}

._backArrow_s61br_1 {
    cursor: pointer;
}

._modalContainer_s61br_4 {
    padding-top: 2rem;
    padding-inline: 1.5rem;
    margin-top: 2rem;
    width: 508px;
    height: 452px;
    background: var(--swapSectionBg);
    border-radius: 8px;
}

._accountsContainer_s61br_13 {
    margin-top: 2rem;
}

._accountContainer_s61br_16 {
    cursor: pointer;
    gap: 1rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    background: var(--inputColor);
    height: 64px;
    border-bottom: 1px solid #393c45;
}

._accountContainer_s61br_16 h3 {
    font-size: 1rem;
    font-size: 14px;
    font-weight: 500;
    color: var(--lightWhite);
}

._accountContainer_s61br_16 img {
    width: 40px;
    height: 40px;
}

._accountContainer_s61br_16:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

._bankDetails_s61br_46 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._bankDetails_s61br_46 img {
    width: 25px;
    height: 25px;
}

._bankDetails_s61br_46 h3,
._bankDetails_s61br_46 p {
    font-size: 1rem;
    font-weight: 500;
    font-style: normal;
}

._bankDetails_s61br_46 p {
    font-size: 14px;
}

._buttonsContainer_s61br_66 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
}

._buttonsContainer_s61br_66 p {
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 14px;
    font-style: normal;
    color: var(--lightWhite);
}

._btnContainer_s61br_80 {
    width: 100%;
    height: 48px;
    margin-bottom: 3rem;
}

._btnContainer_s61br_80 button {
    background: linear-gradient(269.4deg, #4474d0 -6.56%, #3c42d1 97.1%);
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    border-radius: 30px;
    color: var(--lightWhite);
    font-family: var(--primaryFont);
    font-weight: 500;
    font-size: 1rem;
    font-style: normal;
    cursor: pointer;
}

._newAccountBtn_s61br_99 button {
    background: transparent;
    border: 1px solid #5a5d64;
    border-radius: 8px;
}

@media screen and (max-width: 768px) {
    ._modalContainer_s61br_4 {
        margin: 0 auto;
    }
}

@media screen and (max-width: 540px) {
    ._existingAccount_s61br_112 {
        padding-inline: 1rem;
    }

    ._modalContainer_s61br_4 {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    ._modalContainer_s61br_4 {
        padding-inline: 0.3rem;
    }

    ._bankDetails_s61br_46 h3 {
        font-size: 0.875rem;
        font-weight: 400;
        font-style: normal;
    }

    ._accountsContainer_s61br_13 {
        padding-inline: 12px;
    }
}

._newAccountModal_s61br_134 {
    min-height: 530px;
    width: 528px;
    padding-bottom: 1.5rem;
}

._newAccountInputContainer_s61br_139 {
    margin-top: 2.5rem;
}

._reminderText_s61br_142 {
    margin-top: 1rem;
    font-size: 1rem;
    color: var(--grey-2);
    line-height: 24px;
}

._formItem_s61br_149 {
    display: flex;
    margin-bottom: 1.7rem;
    justify-content: space-between;
    position: relative;
    gap: 1rem;
}

._formItem_s61br_149 label {
    position: absolute;
    top: 0.4rem;
    left: 1rem;
    font-weight: 500;
    font-size: 14px;
    color: var(--lightGrey);
    font-family: var(--primaryFont);
}

._formItem_s61br_149 img {
    width: 24px;
    height: 24px;
}

._formControl_s61br_169 input {
    height: 56px;
    background: var(--inputColor);
    border: none;
    outline: none;
    width: 312px;
    border-radius: 4px;
    color: var(--lightWhite);
    font-weight: 500;
    font-size: 1.125rem;
    padding-left: 1rem;
    padding-top: 1rem;
}

._formControl_s61br_169 input::placeholder {
    color: var(--grey-3);
    font-weight: 500;
    font-size: 1.125rem;
    font-family: var(--primaryFont);
    padding-left: -1rem;
}

._loadingContainer_s61br_190 {
    margin-top: -0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

._loadingContainer_s61br_190 p {
    color: var(--lightWhite);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--primaryFont);
}

._errorContainer_s61br_203,
._transparentBg_s61br_204 {
    margin-top: -0.5rem;
    margin-bottom: 2rem;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
    gap: 0.5rem;
    background: #5752205e;
    border-radius: 4px;
}

._transparentBg_s61br_204 {
    background: transparent;
}

._transparentBg_s61br_204 img {
    width: 24px;
    height: 24px;
}

._errorContainer_s61br_203 p {
    font-family: var(--primaryFont);
    font-size: 14px;
    font-style: normal;
}

._accountIcon_s61br_228 {
    position: absolute;
    right: 0.5rem;
    top: 1rem;
}

._bankDropdown_s61br_234 {
    width: 160px;
    height: 56px;
    background: var(--inputColor);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding-left: 0.5rem;
    border-radius: 4px;
}

._bankDropdown_s61br_234 select {
    border: none;
    outline: none;
    width: 100%;
    background: transparent;
    font-size: 1rem;
    font-family: var(--primaryFont);
    font-weight: 500;
    color: var(--lightWhite);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7Y2xDcAwCAQZJfsvlTEoQEpEQWNhG9m4sf4kuueOCAAQoqqvHTM/s61tfE9ZbCwi3yzict9SlvYximQ2y5Ft+UhUJu9FSuVRpFzeRo7IAbicH/l03MOj8GeIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
}

._accountNameInput_s61br_262,
._accountNameInput_s61br_262 input {
    width: 100%;
}

._nextBtn_s61br_268 {
    margin-top: 3rem;
    height: 48px;
    background: linear-gradient(0deg, #282c36, #282c36), linear-gradient(269.4deg, #4474d0 -6.56%, #3c42d1 97.1%);
    width: 100%;
    outline: none;
    border: none;
    border-radius: 30px;
    color: var(--grey-3);
    font-family: var(--primaryFont);
    font-weight: 500;
    font-size: 1rem;
    font-style: normal;
    cursor: pointer;
}

._activeBtn_s61br_286 {
    background: linear-gradient(269.4deg, #4474d0 -6.56%, #3c42d1 97.1%);
    color: var(--lightWhite);
}

._saveContainer_s61br_290 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._checkBox_s61br_295 {
    width: 21px;
    height: 21px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid var(--grey-3);
    border-radius: 4px;
    display: none;
    position: relative;
}

._checkBox_s61br_295:checked:after {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: 4px;
    width: 6px;
    height: 15px;
    border: solid white;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
    ._newAccountModal_s61br_134 {
        margin: 0 auto;
    }
}

@media screen and (max-width: 540px) {
    ._newAccountContainer_s61br_328 {
        padding-inline: 1rem;
    }

    ._bankDropdown_s61br_234 select {
        background-position: right 1px center;
    }

    ._newAccountModal_s61br_134,
    ._formControl_s61br_169 input,
    ._formControl_s61br_169 {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    ._saveContainer_s61br_290 {
        justify-content: flex-start;
        gap: 1rem;
    }

    ._switch_s61br_350 {
        display: none;
    }

    ._bankDropdown_s61br_234 {
        padding-left: 0;
    }

    ._checkBox_s61br_295 {
        display: block;
    }
}

@media screen and (max-width: 280px) {
    ._newAccountContainer_s61br_328 {
        padding: 0;
    }

    ._bankDropdown_s61br_234 {
        padding-left: 0;
        gap: 0.2;
    }

    ._formControl_s61br_169 input::placeholder {
        font-size: 14px;
    }

    ._formControl_s61br_169 input {
        font-size: 14px;
    }

    ._bankDropdown_s61br_234 select {
        background-position: right 0.2px center;
        font-size: 12px;
    }
}

._page-title_jifro_1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: var(--lightWhite);
}

._modal_jifro_8 {
    border-radius: 8px;
    background: var(--swapSectionBg);
}

._modal2_jifro_13 {
    background: var(--swapSectionBg);
    max-height: 210px;
    width: 100%;
    background-color: #363754;
    z-index: 5;
    overflow-y: scroll;
}

._modal-btn_jifro_23 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

._search-input__container_jifro_31 {
    padding: 1.5rem 1.5rem 0;
}

._search-input__container2_jifro_35 {
    padding: 1rem 0rem 0rem;
    background-color: #363754;
}

._search-input_jifro_31 {
    background: var(--inputColor2);
    border-radius: 1.6rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0rem 1rem;
}

._search-input2_jifro_51 {
    background-color: #363754;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #77798060;
    width: 100%;
}

._search-input2_jifro_51 input,
._search-input_jifro_31 input {
    border: 0;
    background: transparent;
    margin-left: 1rem;
    color: #fff;
    padding: 0.75rem 0;
    width: 100%;
}

._search-input_jifro_31 input::placeholder {
    color: #fff;
}

._search-input_jifro_31 input:focus {
    outline: none;
}

._accounts-list_jifro_88 li {
    padding: 0.8rem 1.5rem;
    border-bottom: 1px solid #77798060;
    display: flex;
    justify-content: stretch;
    gap: 0.7rem;
    position: relative;
}

._accounts-list2_jifro_97 {
    max-height: 210px;
    cursor: pointer;
}

._accounts-list2_jifro_97 li {
    padding: 0.8rem 1.5rem;
    border-bottom: 1px solid #77798060;
    display: flex;
    gap: 0.7rem;
    position: relative;
    height: 100%;
    background-color: #363754;
    cursor: pointer;
}

._list-content_jifro_115 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

._delete-account_jifro_122 {
    background-color: #282c36;
    padding: 1rem;
    border-radius: 8px;
    position: absolute;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    right: 1.5rem;
    color: #dd4a4a;
    top: 50%;
    transform: translateY(-50%);
}

._account-number_jifro_136 {
    color: #777980;
    font-size: 0.8rem;
    margin-top: 5px;
}

@media screen and (min-width: 768px) {
    ._modal_jifro_8 {
        width: 90%;
    }
}

._text-center_jifro_149 {
    text-align: center;
}

._bank-icon_jifro_153 {
    margin: 0.5rem auto 2rem;
}

._empty-state_jifro_157 {
    padding: 1.5rem 1.5rem 0;
}

._empty-bank__text_jifro_161 {
    width: 80%;
    margin: auto;
    font-size: 14px;
    line-height: 21px;
    color: #96989c;
    font-weight: 400;
}

._btn-container_jifro_170 {
    padding: 1.5rem;
}

._btn-group_jifro_173 ._btn_jifro_170 {
    width: 100%;
    border-radius: 24px;
    color: #fbfbfb;
}

._dropDownText_jifro_181 {
    display: flex;
    cursor: pointer;
    background: var(--inputColor);
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 4px;
    width: 100%;
    max-width: 140px;
    padding: 0 1rem;
    min-height: 56px;
}

._dropDownText_jifro_181 p {
    font-size: 1rem;
    line-height: 20px;
    font-family: var(--primaryFont);
    font-weight: 500;
}

._crytoDropdown_jifro_202 {
    z-index: 100;
    background: var(--inputColor);
    width: 100%;
    max-width: 460px;
    border-radius: var(--borderRadius);
    position: absolute;
    top: 0;
    left: 0;
    height: 299px;
    overflow: hidden;
    overflow-y: scroll;
}

._searchInputContainer_jifro_215 {
    display: flex;
    justify-content: stretch;
    gap: 1rem;
    align-items: center;
    padding: 0 1rem;
    height: 50px;
}

._searchInputContainer_jifro_215 img {
    cursor: pointer;
}

._searchInputContainer_jifro_215 input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
}

._singleCrypto_jifro_234 {
    height: 59px;
    border-top: 1px solid #363a43;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 3px;
    padding-left: 1rem;
    cursor: pointer;
}

._cryptoIcon_jifro_244 {
    width: 24px;
}

._cryptoInfo_jifro_247 h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 20.16px;
}

._cryptoInfo_jifro_247 span {
    font-size: 12px;
    line-height: 15.12px;
    font-weight: 400;
    font-style: normal;
}

._authScreen-container_jujyg_4 {
    height: 100%;
    width: 100vw;
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

._authScreen_jujyg_4 {
    width: 100%;
    padding: 1rem;
    position: absolute;
}

._authForm_jujyg_20 {
    width: 100%;
    max-width: 420px;
    padding: 1rem;
    background: #131722;
    border-radius: var(--borderRadius);
    margin: auto;
}

._logoContainer_jujyg_30 {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

._authBigHeader_jujyg_36 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 36px;
    font-family: var(--primaryFont);
    color: var(--lightWhite);
}

._authSmallHeader_jujyg_43 {
    margin-top: 1rem;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    font-family: var(--primaryFont);
    color: var(--lightWhite);
    font-style: normal;
}

._authInput_jujyg_55 {
    margin-top: 2rem;
    height: 100%;
    width: 100%;
}

._username-field_jujyg_61 {
    display: flex;
    gap: 1rem;
}

._username-field_jujyg_61 ._authInput_jujyg_55 {
    margin: 0;
}

._authInputContainer_jujyg_69 {
    margin-top: 32px;
}

._showIcon_jujyg_73 {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}

._submitBtn_jujyg_80 {
    margin-top: 1.5rem;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 24px;
}

._submitBtn_jujyg_80 p {
    font-size: 1rem;
    line-height: 20.16px;
    font-family: var(--primaryFont);
}

._linkContainer_jujyg_96 {
    display: flex;
    justify-content: end;
}

._forgotText_jujyg_101 {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1rem;
}

._googleLink_jujyg_106 {
    background: transparent;
    border: 1px solid var(--lightWhite);
    border-radius: var(--borderRadius);
}

._otpForm_jujyg_113 {
    min-height: 258px;
}

._otpSmallHeader_jujyg_116 {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    font-family: var(--primaryFont);
    color: #9d9eba;
    font-style: normal;
}

._email-icon_jujyg_127 {
    margin: 1rem auto;
}

._resendText_jujyg_130 {
    margin-top: 2rem;
}

._resendText_jujyg_130 span {
    display: inline-block;
    padding-left: 0.2rem;
}

._otpInputContainer_jujyg_137 {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

._otpInput_jujyg_137 input {
    width: 48px;
    height: 48px;
    border-radius: var(--borderRadius);
    border: none;
    background: var(--inputColor);
    color: var(--lightWhite);
    outline: none;
    text-align: center;
    font-weight: 600;
    font-size: 1.5rem;
}

._select_jujyg_155 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7Y2xDcAwCAQZJfsvlTEoQEpEQWNhG9m4sf4kuueOCAAQoqqvHTM/s61tfE9ZbCwi3yzict9SlvYximQ2y5Ft+UhUJu9FSuVRpFzeRo7IAbicH/l03MOj8GeIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: right 10px center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 13px 13px 13px 5px;
    width: 100%;
}

._phoneInput_jujyg_165 input {
    background: #2d2e4c;
    height: 48px;
    border-radius: 8px;
    padding-left: 16px;
}

@media screen and (max-width: 375px) {
    ._authScreen_jujyg_4 {
        padding-inline: 1rem;
    }

    ._authBigHeader_jujyg_36 {
        font-size: 20px;
        line-height: 30px;
    }

    ._authSmallHeader_jujyg_43 {
        font-size: 1rem;
        line-height: 24px;
    }

    ._authForm_jujyg_20 {
        width: 100%;
    }

    ._otpForm_jujyg_113 h2 {
        font-size: 1.5rem;
    }

    ._otpInputContainer_jujyg_137 {
        gap: 0.5rem;
    }

    ._otpInput_jujyg_137 input {
        height: 40px;
        width: 40px;
    }
}

._text-center_jujyg_204 {
    text-align: center;
}

@media screen and (max-width: 280px) {
    ._googleLink_jujyg_106 p {
        font-size: 12px;
    }
}

@media screen and (min-width: 600px) {
    ._authScreen_jujyg_4 {
        top: 10%;
    }

    ._authForm_jujyg_20 {
        padding: 1.5rem;
    }
}

._backToLogin_jujyg_223 {
    color: #fff645;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
}

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

@media screen and (max-width: 600px) {
    ._otpinputs_jujyg_238 {
        width: 38px !important;
        height: 48px;
    }
}

._otpinputsEdit_jujyg_252 {
    width: 45px !important;
    height: 48px;
}

._input-field_kic1w_1 {
    background: var(--inputColor);
}

._searchInput_kic1w_5 {
    position: relative;
    background: var(--inputColor);
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 1rem;
}

._input-field_kic1w_1 {
    border-radius: 8px;
}

._input-field_kic1w_1 input,
._searchInput_kic1w_5 input {
    border-radius: 8px;
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    font-size: 1rem;
    font-weight: 500;
    color: var(--light);
    background-color: transparent;
    height: 45px;
}

._input-field_kic1w_1 input:-internal-autofill-selected,
._searchInput_kic1w_5 input:-internal-autofill-selected {
    background-color: transparent;
}

._searchInput_kic1w_5 input::placeholder {
    font-size: 1rem;
    font-weight: 500;
}

._searchIcon_kic1w_42 {
    position: absolute;
    top: 0.8rem;
    left: 1rem;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-transition: background-color 600000s 0s, color 600000s 0s;
    transition: background-color 600000s 0s, color 600000s 0s;
    background-color: #2d313a;
}

._progress-bar_rdo1o_2 {
    width: 100%;
    height: 5px;
    background-color: #363a43;
    border-radius: 4px;
}

._progress-bar__fill_rdo1o_10 {
    height: 100%;
    transition: width 0.5s ease;
    border-radius: 4px;
    background-image: linear-gradient(to right, #4474d0, #3c42d1);
    position: relative;
    overflow: hidden;
}

._progress-bar__fill_rdo1o_10:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #0000, #fff6, #0000);
    animation: _wave_rdo1o_1 2s infinite linear;
}

@keyframes _wave_rdo1o_1 {
    0% {
        transform: translate(-100%);
    }

    to {
        transform: translate(100%);
    }
}

._homePage_rdo1o_44 {
    width: 100%;
    position: relative;
}

._modal_rdo1o_49 {
    border-radius: 8px;
    background: var(--swapSectionBg);
    padding: 1.5rem;
}

._modal-title_rdo1o_55 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

._modal-message_rdo1o_61 {
    line-height: 25px;
}

._accounts-list_rdo1o_66 li {
    padding: 0.8rem 1.5rem;
    border-bottom: 1px solid #77798060;
    display: flex;
    justify-content: stretch;
    gap: 0.7rem;
    position: relative;
}

._list-content_rdo1o_75 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

._modal_rdo1o_49._m-0_rdo1o_83 {
    padding: 0;
}

._mb-2_rdo1o_87 {
    margin-bottom: 2.5rem;
}

._p-3_rdo1o_91 {
    padding: 1.5rem;
}

._account-number_rdo1o_95 {
    color: #777980;
    font-size: 0.8rem;
    margin-top: 5px;
}

._account-number__container_rdo1o_102 {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

@media (max-width: 767px) {
    ._account-number__container_rdo1o_102 {
        flex-direction: column;
    }
}

._account-name_rdo1o_114 {
    margin-top: 1rem;
    text-transform: capitalize;
}

._account-name_rdo1o_114 input {
    text-transform: capitalize;
}

._checkbox-container_rdo1o_122 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1.5rem 0 1rem;
    font-size: 0.75rem;
}

._amount_rdo1o_130 {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

._text_rdo1o_136 {
    margin-bottom: 1rem;
}

._text-center_rdo1o_140 {
    text-align: center;
}

._text-gray_rdo1o_144 {
    color: #909399;
}

._bg-gray_rdo1o_148 {
    background: #262646;
    border-radius: 8px;
    padding: 0.3rem 1rem;
}

._status_rdo1o_154 {
    margin-top: 4rem;
}

._status_rdo1o_154 img {
    width: 100%;
}

._status-icon_rdo1o_160 {
    margin-bottom: 1rem;
}

._status-states_rdo1o_164 {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

._bank-icon_rdo1o_170 {
    margin-right: 6px;
}

._modal-btn_rdo1o_174 {
    margin-top: 2rem;
    width: 100%;
}

._transactionsHeader_rdo1o_179 {
    display: flex;
    justify-content: space-between;
    margin: 2.5rem auto 1.5rem;
    max-width: 508px;
}

._transactionsHeader_rdo1o_179 h2 {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fbfbfb;
}

._page-title_rdo1o_199 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    gap: 1rem;
}

._chatBot_rdo1o_191 {
    position: absolute;
    top: 580px;
    left: 650px;
    cursor: pointer;
}

._order-info_rdo1o_213 {
    padding: 16px;
}

._deposit-address_rdo1o_227 {
    width: 100%;
    margin-top: 1rem;
    border-radius: 8px;
    background: #363754;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.8rem;
}

._bank-summary_rdo1o_217 {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

._bank-summary_rdo1o_217 img {
    margin-right: 0.5rem;
}

._deposit-address__container_rdo1o_227 {
    margin-top: 15px;
    padding: 1rem;
}

._deposit-address__container_rdo1o_227 img._qr-code_rdo1o_232 {
    margin-top: 1rem;
}

._deposit-address__text_rdo1o_247 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    width: 35ch;
    font-size: 14px;
}

._eth-icon_rdo1o_255 {
    margin-right: 0.5rem;
}

@media screen and (min-width: 768px) {
    ._modal_rdo1o_49 {
        width: 90%;
    }
}

._go__back_rdo1o_296 {
    width: 5%;
}

._join_rdo1o_300 {
    font-family: ergonic;
    color: #fbfbfb;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

._referralTags_7b0qv_1 {
    color: #9b9cc1;
    font-size: 12px;
    font-weight: 400;
}

._referralValues_7b0qv_7 {
    font-size: 18px;
    padding-top: 3px;
    font-weight: 500;
}

._affiliate_7b0qv_13 {
    font-family: ergonic;
    color: #121212;
    font-size: 24px;
    font-weight: 400;
}

._join_7b0qv_20 {
    font-family: ergonic;
    color: #fbfbfb;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

._bgGradient_7b0qv_28 {
    background: linear-gradient(180deg, #3c42d1 22.67%, #6065e7), linear-gradient(180deg, #0e1559, #2e42dd);
}

._inviteDialogContent_7b0qv_33 {
    background-image: linear-gradient(#3c42d1, #6065e7);
    border-radius: 8px;
    box-shadow: #0e121659 0 10px 38px -10px, #0e121633 0 10px 20px -15px;
    position: fixed;
    top: 52%;
    left: 54%;
    transform: translate(-50%, -50%);
    width: 80vw;
    max-width: 436px;
    height: 93vh;
    max-height: 660px;
    overflow-y: scroll;
    z-index: 1000;
    padding: 32px 24px 16px;
    animation: _contentShow_7b0qv_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

._loyaltyDialogContent_7b0qv_55 {
    background: linear-gradient(180deg, #0e1559, #2e42dd), linear-gradient(180deg, #3c42d1 22.67%, #6065e7), var(--Surface-0dp, #101134);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    max-width: 508px;
    overflow-y: auto;
    z-index: 1000;
    padding: 32px 48px 40px;
    animation: _contentShow_7b0qv_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 16px;
}

._gradientBackground_7b0qv_72 {
    background: linear-gradient(180deg, #0e1559, #2e42dd), linear-gradient(180deg, #3c42d1 22.67%, #6065e7), var(--Surface-0dp, #101134);
}

._affiliateDialogContent_7b0qv_77 {
    background-color: #262646;
    border-radius: 8px;
    box-shadow: #0e121659 0 10px 38px -10px, #0e121633 0 10px 20px -15px;
    position: fixed;
    top: 52%;
    left: 54%;
    transform: translate(-50%, -50%);
    width: 80vw;
    max-width: 508px;
    overflow-y: auto;
    z-index: 1000;
    padding: 16px 24px;
    animation: _contentShow_7b0qv_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

._inviteFriends_7b0qv_98 {
    font-family: ergonic;
    font-size: 28px;
    font-weight: 400;
    width: 80%;
}

@media (max-width: 768px) {
    ._inviteDialogContent_7b0qv_33 {
        width: 90vw;
        left: 50%;
    }

    ._inviteFriends_7b0qv_98 {
        width: 100%;
    }

    ._affiliateDialogContent_7b0qv_77 {
        width: 100%;
        max-width: 90%;
        left: 50%;
    }
}

._inviteDialogContent_7b0qv_33::-webkit-scrollbar {
    width: 0px;
}

._inviteDialogContent_7b0qv_33::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

._inviteDialogContent_7b0qv_33::-webkit-scrollbar-thumb {
    background-color: #cbc6bf;
    border-radius: 100px;
}

._inviteDialogContent_7b0qv_33:focus {
    outline: none;
}

._leaderboard_7b0qv_140 {
    color: #fbfbfb;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: "liga" off;
    font-family: ergonic;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

._price_7b0qv_153 {
    background: linear-gradient(272deg, #eae29a, #ff09c9 105.21%);
    padding: 16px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    border-radius: 16px;
}

._priceText_7b0qv_165 {
    color: #3c42d1;
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: capitalize;
    padding: 4px 16px;
    background: #fbfbfb;
    border-radius: 24px;
}

._amount_7b0qv_178 {
    color: #fbfbfb;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
}

._stat_7b0qv_188 {
    border: 1px solid #3c42d1;
    background: #1c1d3e33;
    margin-bottom: 16px;
    padding: 12px 16px 0;
}

._shareSection_7b0qv_195 {
    border-radius: 8px;
    background: #2a2b4ab3;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 150px;
    width: 100%;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

._lead_7b0qv_140 {
    background: linear-gradient(272deg, #eae29a, #ff09c9 105.21%);
}

._points_7b0qv_215 {
    color: #fff;
    font-feature-settings: "liga" off;
    font-family: Ergonic;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

._pledge_7b0qv_225 {
    background: linear-gradient(272deg, #eae29a, #ff09c9 105.21%);
}

._successDialogContent_7b0qv_229 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    max-width: 508px;
    overflow-y: auto;
    z-index: 1000;
    animation: _contentShow_7b0qv_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 16px;
}

._successTopContent_7b0qv_244 {
    background: linear-gradient(180deg, #0e1559, #2e42dd), linear-gradient(180deg, #3c42d1 22.67%, #6065e7), var(--Surface-0dp, #101134);
    padding: 32px 24px;
    border-radius: 16px 16px 0 0;
}

._successLowerContent_7b0qv_251 {
    background: linear-gradient(180deg, #0e1559, #2e42dd), linear-gradient(180deg, #3c42d1 22.67%, #6065e7), var(--Surface-0dp, #101134);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 0 0 16px 16px;
}

._borderGradient_7b0qv_262 {
    border-width: 1px;
    border-radius: 4px;
    padding: 0 0.25rem;
    border-color: #fabd53;
    font-size: 10px;
    font-weight: 400;
    color: #fbfbfb;
}

._historyContainer_1j8tu_1 {
    width: 508px;
    margin: 0.5rem auto;
    border-radius: 50px;
}

._removeMargin_1j8tu_7 {
    margin-top: 0;
    padding-bottom: 0;
}

._dateContainer_1j8tu_11 {
    height: 44px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: var(--inputColor);
    display: flex;
    gap: 8px;
    padding-left: 1rem;
    align-items: center;
}

._removeRadius_1j8tu_21 {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

._dateContainer_1j8tu_11 h3 {
    font-size: 1rem;
    font-weight: 400;
}

._historyItem_1j8tu_29 {
    padding: 0.5rem;
    padding-inline: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--swapSectionBg);
    min-height: 72px;
    cursor: pointer;
    border-bottom: 1px solid #2f333d;
}

._historyItem_1j8tu_29:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

._removeBottomRadius_1j8tu_44 {
    border-bottom: none;
}

._receiverContainer_1j8tu_48 {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex: 1;
}

._receiverContainer_1j8tu_48 p {
    color: var(--grey-3);
    font-size: 14px;
    font-weight: 400;
    font-family: var(--primaryFont);
}

._historyDetails_1j8tu_61 {
    display: flex;
    gap: 1rem;
}

._historyDetails_1j8tu_61 img {
    margin-top: 0.3rem;
}

._receiverContainer_1j8tu_48 h3,
._amountText_1j8tu_71 h3 {
    font-size: 1rem;
    font-weight: 400;
    font-family: var(--primaryFont);
}

@media screen and (max-width: 768px) {
    ._historyContainer_1j8tu_1 {
        margin: 0 auto;
    }
}

@media screen and (max-width: 540px) {
    ._historyContainer_1j8tu_1 {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    ._historyContainer_1j8tu_1 {
        width: 100%;
    }

    ._amountText_1j8tu_71 h3 {
        margin-top: -1rem;
    }
}

@media screen and (max-width: 280px) {
    ._historyContainer_1j8tu_1 {
        width: 100%;
        padding-inline: 0;
    }

    ._historyDetails_1j8tu_61 img {
        margin-top: 1rem;
        width: 23px;
        height: 23px;
    }

    ._historyItem_1j8tu_29:last-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    ._receiverContainer_1j8tu_48 h3,
    ._amountText_1j8tu_71 h3 {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
    }

    ._dateContainer_1j8tu_11 {
        height: 44px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }
}

._swapFormContainer_xsv7d_1 {
    background: var(--swapSectionBg);
    max-width: 508px;
    border-radius: 8px;
    padding: 1rem 0.75rem;
    transition: 0.3s linear;
    margin: 0 auto;
}

._swapFormContainer_xsv7d_1 h2 {
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--lightWhite);
}

._swapText_xsv7d_16 {
    margin-top: 0.5rem;
    font-style: normal;
    font-weight: 400;
    color: var(--lightWhite);
    line-height: 15px;
}

._swapInputContainer_xsv7d_23 {
    margin-top: 2.5rem;
}

._formItem-container_xsv7d_27 {
    margin-bottom: 1.7rem;
}

._formItem_xsv7d_27 {
    display: flex;
    justify-content: stretch;
    gap: 0.5rem;
    position: relative;
    min-height: 75px;
}

._formItem_xsv7d_27 label {
    font-size: 12px;
    color: var(--lightGrey);
    margin: 0;
}

._formControl_xsv7d_45 {
    background: var(--inputColor);
    padding: 5px 16px;
    border-radius: 4px;
    width: 100%;
    min-height: 66px;
}

._formControl_xsv7d_45 input {
    border: none;
    background: transparent;
    color: var(--lightWhite);
    font-weight: 500;
    font-size: 1.125rem;
    height: 25px;
    width: 100%;
    display: block;
}

._formControl_xsv7d_45 input::placeholder {
    color: var(--lightWhite);
    font-weight: 500;
    font-size: 1.125rem;
    font-family: var(--primaryFont);
}

._exchange-rate_xsv7d_77 {
    margin-top: 1rem;
    color: var(--yellow);
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 20px;
    border: 1px solid var(--yellow);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
}

._country_xsv7d_90 {
    width: 100%;
    max-width: 140px;
    background: var(--inputColor);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    height: 56px;
}

._cryptoDropdown_xsv7d_102 select {
    border: none;
    outline: none;
    width: 100%;
    background: transparent;
    font-size: 15px;
    font-weight: 500;
    color: var(--lightWhite);
    cursor: pointer;
    font-family: var(--primaryFont);
    font-style: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7Y2xDcAwCAQZJfsvlTEoQEpEQWNhG9m4sf4kuueOCAAQoqqvHTM/s61tfE9ZbCwi3yzict9SlvYximQ2y5Ft+UhUJu9FSuVRpFzeRo7IAbicH/l03MOj8GeIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
}

._country_xsv7d_90 img {
    height: 24.5px;
    width: 24.5px;
}

._country_xsv7d_90 p {
    margin-top: 0;
    font-size: 1rem;
    font-weight: 500;
    font-style: normal;
    font-family: var(--primaryFont);
}

._submit-btn_xsv7d_133 {
    width: 100%;
    margin-top: 1rem;
}

._panel_xsv7d_140 {
    margin-top: 20px;
    position: relative;
}

._toggle-panel__btn_xsv7d_145 {
    margin: auto;
    background: var(--inputColor);
    padding: 0.5rem 1rem;
    border: 0;
    border-radius: 1rem;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    z-index: 10;
}

._toggle-panel__btn_xsv7d_145 img {
    transition: 0.3s linear;
}

._rotate-icon_xsv7d_163 {
    transform: rotate(180deg);
}

._refund-address__container_xsv7d_167 {
    transition: all 0.3s linear;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

._refund-address_xsv7d_167 {
    display: grid;
    gap: 0.75rem;
    align-items: flex-start;
    background: #262646;
    padding: 0.75rem 1rem;
    overflow: hidden;
    border-radius: 8px;
}

._hide_xsv7d_184 {
    opacity: 0;
    height: 0;
}

._show_xsv7d_189 {
    opacity: 1;
    margin-top: 1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

._refund-address_xsv7d_167 ._title_xsv7d_195 {
    font-size: 18px;
    margin-bottom: 1rem;
}

._refund-address_xsv7d_167 ._instruction_xsv7d_200 {
    font-size: 0.75rem;
    line-height: 150%;
}

._refund-address_xsv7d_167 input {
    background: var(--inputColor2);
    border: 0;
    height: 44px;
    width: 210px;
    padding: 0 1rem;
    border-radius: 4px;
}

._refund-address_xsv7d_167 input::placeholder {
    font-size: 0.75rem;
}

@media screen and (min-width: 600px) {
    ._swapFormContainer_xsv7d_1 {
        padding: 2rem 1.5rem;
        margin: 0 auto;
    }

    ._formControl_xsv7d_45 {
        max-width: 330px;
    }

    ._refund-address_xsv7d_167 {
        grid-template-columns: repeat(2, 1fr);
    }
}

._tabScrollContainer_xsv7d_233 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
}

._compartmentButtons_xsv7d_240 {
    display: flex;
    gap: 10px;
    position: relative;
}

._button_xsv7d_246 {
    padding: 10px 20px;
    background: #2a2b4a;
    border: none;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

._activeCompartment_xsv7d_256 {
    background-color: var(--swapSectionBg);
    border: 1px solid #3c42d1;
    color: #fff;
}

._inactiveCompartment_xsv7d_262 {
    background-color: #2a2b4a;
    color: #68698d;
}

._line_xsv7d_267 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 460px;
    background-color: #f0f0f0;
}

._activeLine_xsv7d_276 {
    background-color: #3c42d1;
}

._exchangeRate_xsv7d_280 {
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid #fff645;
    padding: 12px;
}

@media (max-width: 737px) {
    ._exchangeRate_xsv7d_280 {
        width: 100%;
    }
}

._dropDownText_174vc_1 {
    display: flex;
    cursor: pointer;
    background: var(--inputColor);
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 4px;
    width: 100%;
    max-width: 140px;
    padding: 0 1rem;
    min-height: 56px;
}

._dropDownText_174vc_1 p {
    font-size: 1rem;
    line-height: 20px;
    font-family: var(--primaryFont);
    font-weight: 500;
}

._crytoDropdown_174vc_22 {
    z-index: 100;
    background: var(--inputColor);
    width: 100%;
    max-width: 460px;
    border-radius: var(--borderRadius);
    position: absolute;
    top: 0;
    left: 0;
    height: 299px;
    overflow: hidden;
    overflow-y: scroll;
}

._searchInputContainer_174vc_35 {
    display: flex;
    justify-content: stretch;
    gap: 1rem;
    align-items: center;
    padding: 0 1rem;
    height: 50px;
}

._searchInputContainer_174vc_35 img {
    cursor: pointer;
}

._searchInputContainer_174vc_35 input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
}

._singleCrypto_174vc_54 {
    height: 59px;
    border-top: 1px solid #363a43;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 3px;
    padding-left: 1rem;
    cursor: pointer;
}

._cryptoIcon_174vc_64 {
    width: 24px;
}

._cryptoInfo_174vc_67 h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 20.16px;
}

._cryptoInfo_174vc_67 span {
    font-size: 12px;
    line-height: 15.12px;
    font-weight: 400;
    font-style: normal;
}

:root {
    --white2: #fbfbfb;
    --primary: #282c36;
    --inputbg: #363a43;
    --primary-color: #0076c6;
    --blur: 10px;
}

.AlertDialogOverlay {
    background-color: #1317227c;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: overlayShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1000;
}

.AlertDialogContent {
    background-color: var(--swapSectionBg);
    border-radius: 8px;
    box-shadow: #0e121659 0 10px 38px -10px, #0e121633 0 10px 20px -15px;
    position: fixed;
    top: 50%;
    left: 51%;
    transform: translate(-50%, -50%);
    width: 80vw;
    max-width: 420px;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 1000;
    padding: 26px;
    animation: contentShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

.OnBoardingDialogContent {
    background-color: var(--swapSectionBg);
    border-radius: 8px;
    box-shadow: #0e121659 0 10px 38px -10px, #0e121633 0 10px 20px -15px;
    position: fixed;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    width: 80vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 420px;
    max-height: 90vh;
    overflow-y: auto;
    z-index: 1000;
    animation: contentShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 768px) {
    .AlertDialogContent {
        width: 90vw;
        left: 50%;
    }
}

.AlertDialogContent::-webkit-scrollbar {
    width: 0px;
}

.AlertDialogContent::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.AlertDialogContent::-webkit-scrollbar-thumb {
    background-color: #cbc6bf;
    border-radius: 100px;
}

.AlertDialogContent:focus {
    outline: none;
}

.AlertDialogTitle {
    color: var(--white2);
    font-size: 29px;
    font-weight: 600;
    margin: 32px 0 16px;
}

.AlertDialogDescription {
    color: var(--white2);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
    margin: 16px 0 32px;
}

.Button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    height: 35px;
}

.Button.violet {
    background-color: #fff;
    color: var(--violet11);
    box-shadow: 0 2px 10px var(--blackA7);
}

.Button.violet:hover {
    background-color: var(--mauve3);
}

.Button.violet:focus {
    box-shadow: 0 0 0 2px #000;
}

.Button.red {
    background-color: var(--red4);
    color: var(--red11);
}

.Button.red:hover {
    background-color: var(--red5);
}

.Button.red:focus {
    box-shadow: 0 0 0 2px var(--red7);
}

.Button.mauve {
    background-color: var(--mauve4);
    color: var(--mauve11);
}

.Button.mauve:hover {
    background-color: var(--mauve5);
}

.Button.mauve:focus {
    box-shadow: 0 0 0 2px var(--mauve7);
}

@keyframes overlayShow {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes contentShow {
    0% {
        opacity: 0;
        transform: translate(-50%, -48%) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.AlertHeader {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: space-between;
}

.AlertDialogInput {
    border-radius: 4px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: var(--white2);
    border: none;
    outline: none;
    width: 100%;
    margin-bottom: 5px;
}

.dialog__cancel {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.dialog__cancel img {
    cursor: pointer;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 10px;
}

.dialog__cancel img:hover {
    opacity: 0.8;
    background-color: #363a43;
}

._dropDownText_19jfp_1 {
    display: flex;
    cursor: pointer;
    background: var(--inputColor);
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 4px;
    width: 147px;
    padding: 0 1rem;
}

@media (max-width: 767px) {
    ._dropDownText_19jfp_1 {
        width: 100%;
        height: 60px;
        justify-content: space-between;
    }
}

._dropDownText_19jfp_1 p {
    font-size: 16px;
    font-family: var(--primaryFont);
    font-weight: 400;
    width: 83px;
}

._crytoDropdown_19jfp_30 {
    z-index: 100;
    background: var(--inputColor);
    width: 100%;
    max-width: 460px;
    border-radius: var(--borderRadius);
    position: absolute;
    top: 127px;
    left: 209px;
    height: 299px;
    overflow: hidden;
    overflow-y: scroll;
}

@media screen and (max-width: 480px) {
    ._crytoDropdown_19jfp_30 {
        left: 5%;
        top: 100px;
        width: 90%;
        border-radius: 0;
    }
}

._crytoDropdown_19jfp_30::-webkit-scrollbar {
    width: 10px;
}

._searchInputContainer_19jfp_62 {
    display: flex;
    justify-content: stretch;
    gap: 1rem;
    align-items: center;
    padding: 0 1rem;
    height: 50px;
}

._searchInputContainer_19jfp_62 img {
    cursor: pointer;
}

._searchInputContainer_19jfp_62 input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    font-weight: 400;
}

._singleCrypto_19jfp_82 {
    height: 59px;
    border-top: 1px solid #363a43;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 3px;
    padding-left: 1rem;
    cursor: pointer;
}

._cryptoIcon_19jfp_92 {
    width: 24px;
}

._cryptoInfo_19jfp_95 h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 20.16px;
}

._cryptoInfo_19jfp_95 span {
    font-size: 12px;
    line-height: 15.12px;
    font-weight: 400;
    font-style: normal;
}

._page-title_tlbnq_1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: var(--lightWhite);
}

._modal_tlbnq_8 {
    border-radius: 8px;
    background: var(--swapSectionBg);
    overflow: hidden;
}

._search-input_tlbnq_14 {
    background: var(--inputColor2);
    border-radius: 1.6rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    margin: 0 1rem 1.5rem;
    padding: 0rem 1rem;
}

._search-input_tlbnq_14 input {
    border: 0;
    background: transparent;
    margin-left: 1rem;
    color: #fff;
    padding: 0.75rem 0;
    width: 100%;
}

._search-input_tlbnq_14 input::placeholder {
    color: #fff;
}

._search-input_tlbnq_14 input:focus {
    outline: none;
}

@media screen and (min-width: 768px) {
    ._modal_tlbnq_8 {
        width: 90%;
    }
}

._snapshotDialogContent_tlbnq_47 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    max-width: 508px;
    overflow-y: auto;
    z-index: 1000;
    animation: _contentShow_tlbnq_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 16px;
    outline: none;
}

._page-title_1xz1g_2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: var(--lightWhite);
}

._page-title_1xz1g_2 img {
    margin-bottom: 1.5rem;
}

._transactionsPage_1xz1g_13 {
    max-width: 508px;
    background: var(--swapSectionBg);
    padding-top: 1.5rem;
    border-radius: 8px;
    margin: 0;
}

._searchContainer_1xz1g_22 {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-inline: 1rem;
    margin-bottom: 1rem;
}

._searchContainer_1xz1g_22 ._searchInput_1xz1g_30 {
    width: 100%;
}

._singleDay_1xz1g_34 {
    background: var(--swapSectionBg);
    padding-bottom: 0rem;
    margin-bottom: 0;
}

._filterContainer_1xz1g_40 {
    cursor: pointer;
}

._transactionDetailsPage_1xz1g_45 {
    padding-bottom: 2rem;
    position: relative;
}

._chatBot_1xz1g_49 {
    bottom: 12.2rem;
    left: 40rem;
    position: absolute;
    cursor: pointer;
}

._backArrow_1xz1g_55 img {
    cursor: pointer;
}

._transactionContainer_1xz1g_59 {
    margin-top: 2rem;
    padding: 2rem 0;
    max-width: 508px;
    background: var(--swapSectionBg);
    min-height: 635px;
    border-radius: 8px;
}

._transactionHeader_1xz1g_69 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

._transactionHeader_1xz1g_69 h3 {
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400;
}

._transactionHeader_1xz1g_69 h2 {
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0;
}

._transactionItem_1xz1g_92 {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid var(--borderColor);
}

._transactionItem_1xz1g_92:last-child {
    border-bottom: none;
}

._transactionItem_1xz1g_92 p {
    color: var(--grey-4);
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0.5rem;
}

._transactionItem_1xz1g_92 h3 {
    font-size: 1rem;
    font-weight: 500;
    color: var(--lightWhite);
    font-style: normal;
}

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

._successIcon_1xz1g_117 img {
    width: 11px;
    height: 11px;
}

._accountNumber_1xz1g_121 {
    padding-left: 0.5rem;
}

._bankLogo_1xz1g_124 {
    margin-top: 2px;
    width: 16px;
    height: 16px;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
    padding: 10px;
}

._dropDownText_hpyix_1 {
    display: flex;
    cursor: pointer;
    background: var(--inputColor);
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    height: 48px;
    border-radius: 4px;
    width: 100%;
    padding: 0 1rem;
}

._dropDownText_hpyix_1 p {
    font-size: 16px;
    font-family: var(--primaryFont);
    font-weight: 400;
    width: 83px;
}

._crytoDropdown_hpyix_24 {
    z-index: 100;
    background: var(--inputColor);
    width: 100%;
    max-width: 372px;
    border-radius: var(--borderRadius);
    position: absolute;
    top: 270px;
    left: 24px;
    height: 299px;
    overflow: hidden;
    overflow-y: scroll;
}

._crytoDropdown_hpyix_24::-webkit-scrollbar {
    width: 10px;
}

._searchInputContainer_hpyix_45 {
    display: flex;
    justify-content: stretch;
    gap: 1rem;
    align-items: center;
    padding: 0 1rem;
    height: 50px;
}

._searchInputContainer_hpyix_45 img {
    cursor: pointer;
}

._searchInputContainer_hpyix_45 input {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    font-weight: 400;
}

._singleCrypto_hpyix_65 {
    height: 59px;
    border-top: 1px solid #363a43;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 3px;
    padding-left: 1rem;
    cursor: pointer;
}

._cryptoIcon_hpyix_75 {
    width: 24px;
}

._cryptoInfo_hpyix_78 h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 20.16px;
}

._cryptoInfo_hpyix_78 span {
    font-size: 12px;
    line-height: 15.12px;
    font-weight: 400;
    font-style: normal;
}

._page-title_yd5wd_1 {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    gap: 1rem;
    font-weight: 600;
    color: var(--lightWhite);
    cursor: pointer;
}

._go__back_yd5wd_12 {
    width: 5%;
}

._modal_yd5wd_16 {
    border-radius: 8px;
    background: var(--swapSectionBg);
    padding: 1.5rem;
}

._modal-title_yd5wd_22 {
    font-size: 1.25rem;
    font-weight: 500;
}

._modal-form_yd5wd_27 {
    margin-top: 2rem;
}

._modal-input_yd5wd_31 {
    border-radius: 8px;
    margin-top: 2rem;
    background: var(--inputColor2);
    border: 0;
    width: 100%;
    height: 45px;
    padding: 0 0.9rem;
}

._modal-btn-outline_yd5wd_41 {
    margin-top: 2rem;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    background-color: transparent;
    border: 1px solid var(--lightWhite);
}

._modal-btn_yd5wd_41 {
    margin-top: 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: #3c42d1;
}

._search-input_yd5wd_63 {
    background: var(--inputColor2);
    border-radius: 1.6rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0 1rem;
}

._username-email_yd5wd_74 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

._username-email_yd5wd_74 img {
    display: inline-block;
}

._email_yd5wd_84 {
    margin-top: 0.25rem;
    color: #777980;
}

._settings-list_yd5wd_89 {
    list-style: none;
    margin-top: 1.5rem;
}

._settings-list_yd5wd_89 li {
    display: flex;
    gap: 0.7rem;
    margin-bottom: 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
}

._settings-list_yd5wd_89 li:not(:first-child) {
    background: var(--swapSectionBg);
}

._settings-list_yd5wd_89 li a {
    color: #fff;
    width: 100%;
    font-size: 14px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

@media screen and (min-width: 600px) {
    ._settings-list_yd5wd_89 li {
        width: 75%;
    }

    ._security-list_yd5wd_121 li {
        width: 90%;
    }
}

._username-link_yd5wd_126 {
    padding: 0.6rem 0.5rem;
    background: linear-gradient(269.4deg, #4474d0 -6.56%, #3c42d1 97.1%), #fbfbfb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._spinner-container_yd5wd_134 {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

._username-label_yd5wd_142 {
    font-size: 11px;
    margin-bottom: 0.2rem;
}

._list-content_yd5wd_147 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

@media screen and (min-width: 768px) {
    ._modal_yd5wd_16,
    ._two-fa__modal_yd5wd_156 {
        width: 90%;
    }
}

._text-center_yd5wd_161 {
    text-align: center;
}

._tier_yd5wd_167 {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

._tier_yd5wd_167 p {
    font-size: 1.5rem;
    font-weight: 700;
}

._tier-limits__container_yd5wd_178 {
    margin-top: 1.5rem;
}

._tier-limits_yd5wd_178 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._tier-limits_yd5wd_178:first-child {
    margin-bottom: 1.5rem;
}

._text-gray_yd5wd_192 {
    color: #777980;
}

._modal-message_yd5wd_196 {
    line-height: 25px;
}

._horizontal-line_yd5wd_200 {
    opacity: 0.1;
    margin: 30px 0;
}

._bvn-input_yd5wd_205,
._passport-number_yd5wd_206,
._utility-bill__select_yd5wd_207 {
    border-radius: 8px;
    color: #fff;
    border: 0;
    width: 100%;
    margin-top: 20px;
}

._passport-number_yd5wd_206 {
    background: transparent;
    border: 1px solid #363a43;
}

._passport-upload-img_yd5wd_220 {
    width: 100%;
    margin-top: 1rem;
}

._verification-document_yd5wd_225 {
    max-width: 80%;
    display: block;
    margin: 2rem auto 1.5rem;
}

._bvn-input_yd5wd_205 {
    background: #393c45;
    padding: 1rem 1.25rem;
}

._bvn-input_yd5wd_205::placeholder {
    color: #777980;
}

._utility-bill__select_yd5wd_207 {
    position: relative;
    border: 1px solid #363a43;
    z-index: 10;
}

._utility-bill__select_yd5wd_207 ._content_yd5wd_247 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
}

._utility-bill__select_yd5wd_207 ._content_yd5wd_247 img {
    transition: 0.2s;
}

._rotate-icon_yd5wd_258 {
    transform: rotate(180deg);
}

._utility-bill__options_yd5wd_262 {
    background: #212242;
    width: 100%;
    border-radius: 8px;
    z-index: 5;
    transition: 0.3s;
}

@media screen and (max-width: 600px) {
    ._utility-bill__options_yd5wd_262 {
        position: relative;
    }
}

._utility-bill__options_yd5wd_262 li {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #363a43;
}

._utility-bill__options_yd5wd_262 li:last-child {
    border-bottom: none;
}

._show_yd5wd_285 {
    display: block;
}

._hide_yd5wd_289 {
    display: none;
}

._blue-text_yd5wd_293 {
    color: #4f7dd6;
}

._warning-message_yd5wd_297 {
    background: #5752205e;
    border-radius: 8px;
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
    margin-top: 0.75rem;
}

._warning-message_yd5wd_297 p {
    padding: 0.35rem 0.6rem;
    border-left: 2px solid #d9ad13;
}

._upload-section_yd5wd_310 {
    background: #3c42d11a;
    border: 1px dashed #3c42d1;
    border-radius: 8px;
    padding: 2rem;
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

._file-name_yd5wd_321 {
    font-size: 0.75rem;
    margin: 1rem 0;
}

._security-list_yd5wd_121 li a {
    color: #fff;
    padding: 1.9rem 1.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._security-list_yd5wd_121 li {
    display: flex;
    background: var(--swapSectionBg);
    font-size: 1.125rem;
}

._security-list_yd5wd_121 li:first-child {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #343741;
}

._security-list_yd5wd_121 li:last-child {
    border-radius: 0 0 8px 8px;
}

._security-list-disable_yd5wd_367 li a {
    color: #fff;
    padding: 1.9rem 1.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._security-list-disable_yd5wd_367 li {
    display: flex;
    background: var(--swapSectionBg);
    font-size: 1.125rem;
}

._security-list-disable_yd5wd_367 li:first-child {
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #343741;
}

._security-list-disable_yd5wd_367 li:last-child {
    border-radius: 0 0 8px 8px;
}

._security-list-disable_yd5wd_367 li a {
    color: #777980;
    padding: 1.9rem 1.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._forgot-password__link_yd5wd_399 {
    display: block;
    margin-top: 0.75rem;
}

._forgot-password__link_yd5wd_399 {
    color: #fff645;
    cursor: pointer;
}

._communications-list_yd5wd_414 li {
    background: #1f232d;
    font-size: 1.125rem;
    padding: 1.9rem 1.5rem;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._toggle-container_yd5wd_424 {
    border-radius: 1rem;
    width: 2rem;
    height: 1.25rem;
    padding: 0.125rem;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
}

._toggle-btn_yd5wd_435 {
    width: 1rem;
    height: 1rem;
    background: #1f232d;
    border-radius: 50%;
    position: absolute;
    transition: 0.3s;
}

._toggle-on_yd5wd_444 {
    right: 0.125rem;
}

._toggle-off_yd5wd_448 {
    left: 0.125rem;
}

._bg-white_yd5wd_452 {
    background: #fff;
}

._bg-green_yd5wd_456 {
    background: green;
}

._two-fa__modal_yd5wd_156 {
    border-radius: 8px;
    background: var(--swapSectionBg);
    padding: 1.5rem 1.25rem;
}

@media (max-width: 767px) {
    ._two-fa__modal_yd5wd_156 {
        width: 100%;
    }
}

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

._qr-code__checkbox_yd5wd_473 p {
    max-width: 40ch;
    margin-right: 0.5rem;
}

@media (max-width: 767px) {
    ._qr-code__checkbox_yd5wd_473 p {
        max-width: 270px;
    }
}

._qr-code__container_yd5wd_489 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}

._copy-text_yd5wd_497 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
    ._qr-code__container_yd5wd_489 {
        flex-direction: row;
        align-items: baseline;
    }
}

._password-input_yd5wd_511 {
    margin-top: 1rem;
    background: #2d313a;
    border-radius: 8px;
    border: 0;
    width: 100%;
    height: 45px;
    padding: 0 0.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._password-input_yd5wd_511 input {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
}

._otpInputContainer_yd5wd_531 {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

._otpInput_yd5wd_531 input {
    width: 48px;
    height: 48px;
    border-radius: var(--borderRadius);
    border: none;
    background: var(--inputColor);
    color: var(--lightWhite);
    outline: none;
    text-align: center;
    font-weight: 600;
    font-size: 1.5rem;
}

._btn-cancel_yd5wd_550 {
    border: 1px solid #96989c;
    background: transparent;
    padding: 1rem 1.5rem;
    width: 100%;
    border-radius: 24px;
    color: #fbfbfb;
    margin-top: 2rem;
}

._email-icon_yd5wd_562 {
    margin-bottom: 2rem;
}

._otp-container_yd5wd_566 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 2rem 0;
}

._otp-input_yd5wd_573 {
    background: transparent;
    background: #343741;
    border-radius: 8px;
    border: none;
    width: 100%;
    width: 45px;
    height: 45px;
}

@media screen and (min-width: 600px) {
    ._communications-list_yd5wd_414 {
        width: 90%;
    }
}

._input__error_yd5wd_589 {
    color: #dd4a4a;
    font-size: 16px;
    margin-left: 10px;
    font-weight: 400;
}

._input__error__container_yd5wd_597 {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

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

@media screen and (max-width: 600px) {
    ._otpinputs_yd5wd_603 {
        width: 38px !important;
        height: 48px;
    }
}

:root {
    --white2: #fbfbfb;
    --primary: #282c36;
    --inputbg: #363a43;
    --btn-bg: #3c42d1;
    --accordion-bg: #343741;
    --accordion-bg-hover: #343741a6;
    --seperator: #5a5d64;
    --blur: 10px;
}

.AccordionItem {
    overflow: hidden;
    margin-top: 1px;
}

.AccordionItem:first-child {
    margin-top: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.AccordionItem:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.AccordionItem:focus-within {
    position: relative;
    z-index: 1;
}

.AccordionHeader {
    margin: 0 auto;
}

.AccordionTrigger {
    font-family: inherit;
    background-color: transparent;
    padding: 0 20px;
    height: 45px;
    width: 70%;
    margin: 0 auto;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    line-height: 1;
    color: var(--white2);
    background-color: var(--inputColor);
    border-radius: 16px;
    border: 0;
}

.AccordionTrigger:hover {
    background-color: var(--inputColor);
}

.AccordionContent {
    overflow: hidden;
    font-size: 15px;
    color: var(--white2);
    background-color: var(--inputColor);
    padding: 8px;
    box-shadow: 0 0 10px #0000001a;
    border-radius: 8px;
    margin-top: 8px;
}

.AccordionContent[data-state="open"] {
    animation: slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}

.AccordionContent[data-state="closed"] {
    animation: slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}

.AccordionContentText {
    padding: 15px 20px;
}

.AccordionChevron {
    color: var(--violet10);
    transition: transform 0.3s cubic-bezier(0.87, 0, 0.13, 1);
}

.AccordionTrigger[data-state="open"] > .AccordionChevron {
    transform: rotate(180deg);
}

@keyframes slideDown {
    0% {
        height: 0;
    }

    to {
        height: var(--radix-accordion-content-height);
    }
}

@keyframes slideUp {
    0% {
        height: var(--radix-accordion-content-height);
    }

    to {
        height: 0;
    }
}

.content__details {
    font-size: 14px;
    color: var(-white2);
    font-weight: 400;
}

.content__details > h3 {
    color: var(--white2);
    font-weight: 400;
}

.content__list {
    padding: 3px 20px;
    border-radius: 10px;
    margin-bottom: 16px;
}

.content__list li {
    list-style: disc;
    color: var(--white2);
    font-weight: 400;
}

.bvn__info {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    align-items: center;
}

.bvn__info__text {
    color: var(-white2);
    font-size: 12px;
    margin-left: 10px;
}

.SeparatorRoot[data-orientation="horizontal"] {
    height: 1px;
    width: 100%;
    background-color: var(--seperator);
}

.bvn__verify__btn {
    background-color: var(--btn-bg);
    margin-top: 32px;
    color: var(--white2);
    border-radius: 24px;
    padding: 12px 16px;
    border: 0;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    font-size: 16px;
}

._page-title_1tcfr_1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    gap: 1rem;
}

._social-media__list_1tcfr_8 {
    list-style: none;
    margin-top: 2rem;
}

._social-media__list_1tcfr_8 ._list-item_1tcfr_13 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

._list-item_1tcfr_13 ._contact-link_1tcfr_19,
._contact-link_1tcfr_19 a {
    color: #fbfbfb;
    display: flex;
}

._articles_1tcfr_29 {
    margin-top: 3rem;
}

@media screen and (min-width: 768px) {
    ._social-media__list_1tcfr_8 {
        width: 90%;
    }
}

._transactionFilter_qijzb_1 {
    margin-bottom: 4rem;
}

._dropDown_qijzb_5 {
    background: var(--inputColor2);
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    border-radius: 4px;
    overflow: scroll;
}

._dropDown-container_qijzb_14 {
    position: relative;
}

._dropdownMenu_qijzb_17 {
    background: var(--inputColor2);
    position: absolute;
    border-radius: 8px;
    width: 100%;
    height: 284px;
    overflow: hidden;
    overflow-y: scroll;
    top: -5%;
    z-index: 99;
}

._dropdownMenu_qijzb_17::-webkit-scrollbar {
    display: none;
}

._searchInputContainer_qijzb_35 {
    padding: 0 1rem;
    display: flex;
    align-items: center;
}

._searchInputContainer_qijzb_35 input {
    background: transparent;
    border: 0;
    height: 48px;
    width: 100%;
    margin-left: 1rem;
}

._cryptoList_qijzb_49 {
    width: 100%;
    background: var(--inputColor2);
}

._cryptoList_qijzb_49 li {
    padding: 10px 16px;
    border-bottom: 1px solid #363a43;
    display: flex;
    height: 59px;
    justify-content: space-between;
}

._crypto_qijzb_49 {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

._filterContainer_qijzb_67 {
    margin-top: 2rem;
    padding: 1.5rem;
    max-width: 508px;
    min-height: 571px;
    background: #262646;
    border-radius: var(--borderRadius);
    overflow-y: scroll;
    overflow-x: hidden;
}

._filterContainer_qijzb_67::-webkit-scrollbar {
    display: none;
}

._filterHeader_qijzb_81 {
    font-size: 1.5rem;
    font-family: var(--primaryFont);
    font-weight: 600;
    line-height: 30px;
    color: var(--lightWhite);
}

._filterText_qijzb_88 {
    padding-top: 1.5rem;
    font-size: 1rem;
    font-family: var(--primaryFont);
    font-weight: 400;
    line-height: 24px;
    color: var(--lightWhite);
}

._filterFormControl_qijzb_97 {
    margin-top: 32px;
    width: 100%;
}

._filterFormControl_qijzb_97 label {
    display: block;
    margin-bottom: 0.5rem;
    color: #96989c;
    font-size: 14px;
}

._filterFormControl_qijzb_97 h3,
._filterDropdown_qijzb_114 h3 {
    font-weight: 500;
    font-size: 1rem;
    font-family: var(--primaryFont);
    line-height: 20.16px;
}

._filterInput_qijzb_121 input {
    border-radius: var(--borderRadius);
    font-family: var(--primaryFont);
    padding-left: 1rem;
    height: 48px;
}

._filterInput_qijzb_121 input:placeholder {
    color: #777980 !important;
}

._filterDropdown_qijzb_114 {
    margin-top: 2rem;
    position: relative;
}

._filterDropdown_qijzb_114 article {
    width: 100%;
    height: 40px;
    padding-top: 2px;
}

._tokenSubmit_qijzb_141 {
    width: 100%;
    margin-top: 2rem;
    font-size: 1rem;
    font-family: var(--primaryFont);
    border-radius: 24px;
}

._errorReminder_qijzb_148 {
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    background: #5752205e;
    gap: 0.5rem;
    height: 40px;
    border-radius: 4px;
}

._errorReminder_qijzb_148 p {
    font-size: 14px;
    font-family: var(--primaryFont);
    line-height: 17.64px;
    font-weight: 500;
}

._filterTokenDropdown_qijzb_166 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

._filterTokenDropdown_qijzb_166::-webkit-scrollbar {
    display: none;
}

._checkbox_1dve5_1 {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    ._checkbox_1dve5_1 {
        width: 25px;
        height: 20px;
        margin-right: 2px;
    }
}

._inactive_1dve5_20 {
    border: 2px solid var(--grey-3);
}

._active_1dve5_24 {
    background: linear-gradient(269.4deg, #4474d0 -6.56%, #3c42d1 97.1%);
}

._header_176f2_1 {
    padding: 1rem;
    border-bottom: 1px solid #353742;
    position: -webkit-sticky;
    position: sticky;
    width: 100vw;
    top: 0;
    z-index: 80;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: row;
    align-items: center;
}

._container_176f2_19 {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._userIconContainer_176f2_28 {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

._avatar_176f2_36 img {
    height: 35px;
}

._down-arrow_176f2_40 {
    display: none;
}

._signout-container_176f2_46 {
    position: absolute;
    right: 0;
    top: 2.5rem;
    background: var(--swapSectionBg);
    padding: 1rem 3rem;
    border-radius: 12px;
    transition: 0.3s;
}

._user-details_176f2_56 {
    display: flex;
    align-items: center;
    width: 189px;
    gap: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--grey-3);
}

._user-details_176f2_56 ._username_176f2_65 {
    white-space: nowrap;
    margin-bottom: 0.15rem;
}

._user-details_176f2_56 ._email_176f2_70 {
    color: var(--grey-3);
    font-size: 0.875rem;
}

._signout-text_176f2_75 {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    padding-top: 1rem;
}

._show_176f2_82 {
    opacity: 1;
}

._hide_176f2_86 {
    opacity: 0;
    visibility: hidden;
}

._modal-title_176f2_91 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    display: grid;
    gap: 1rem;
}

._btn-group_176f2_98 {
    display: flex;
    justify-content: stretch;
    gap: 1rem;
    margin-top: 1.5rem;
}

._btn-group_176f2_98 ._btn_176f2_98 {
    border-radius: 24px;
    color: #fbfbfb;
    padding: 1rem 1.5rem;
    width: 100%;
}

._btn-logout_176f2_111 {
    background: #dd494a;
    border: 0;
}

._btn-cancel_176f2_115 {
    border: 1px solid #96989c;
    background: transparent;
    border-radius: 24px;
    color: #fbfbfb;
}

@media screen and (min-width: 600px) {
    ._header_176f2_1 {
        padding: 1rem;
    }

    ._down-arrow_176f2_40 {
        display: inline-block;
    }
}

._hamburger-icon_176f2_132 {
    cursor: pointer;
}

@media (min-width: 768px) {
    ._hamburger-icon_176f2_132 {
        display: none;
    }
}

@media (max-width: 767px) {
    ._zapLogo_176f2_143 {
        display: none;
    }
}

._backdrop_1kudi_1 {
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: #13172099;
    display: flex;
    justify-content: center;
    z-index: 50;
    top: 0;
    padding: 1rem;
}

._modal-content_1kudi_13 {
    background: var(--grey-5);
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
    top: 20vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 343px;
    width: 100%;
}

._close-icon_1kudi_25 {
    position: absolute;
    right: 24px;
}

._input-container_1azdd_1 {
    background: var(--inputColor);
    padding: 0.25rem 1rem 0.5rem;
    border-radius: 4px;
}

._input-container_1azdd_1 label {
    font-size: 14px;
    color: var(--lightGrey);
}

._active_1azdd_12 {
    border: 1px solid var(--primaryColor);
    box-shadow: 0 0 0 1px var(--primaryColor);
}

._input-container_1azdd_1 input {
    border: 0;
    background: transparent;
    width: 100%;
    height: 1.5rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--inputColor) inset !important;
    border: none !important;
    background-color: var(--inputColor) !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}

._layout_o5f3u_1 {
    width: 750px;
    margin: 1rem auto;
    display: flex;
    justify-content: stretch;
    gap: 3rem;
    padding: 1rem;
    position: relative;
}

._layout-content_o5f3u_13 {
    width: 100%;
}

@media screen and (min-width: 600px) {
    ._layout_o5f3u_1 {
        margin: 4rem auto;
    }
}

@media screen and (min-width: 768px) {
    ._layout_o5f3u_1 {
        padding: 0;
    }
}

@media (max-width: 767px) {
    ._layout_o5f3u_1 {
        width: 100%;
    }
}

._header_xb1ve_1,
._faq_xb1ve_2 h2 {
    padding-top: 2rem;
    line-height: 30px;
    font-weight: 600;
    font-size: 1.5rem;
}

._faq_xb1ve_2 p {
    font-size: 1rem;
    margin-top: 2rem;
    line-height: 24px;
}

._faqModal_xb1ve_16 {
    border-radius: var(--borderRadius);
    position: fixed;
    bottom: 2rem;
    right: 12rem;
    overflow-y: hidden;
    width: 380px;
    background: var(--grey-5);
    z-index: 100;
    height: 80vh;
    min-height: 577px;
    max-height: 590px;
}

._frequentlyAskedQuestions_xb1ve_31 {
    display: flex;
    flex-direction: column;
    height: screen;
    overflow-y: scroll;
    max-height: 380px;
}

@media screen and (max-width: 570px) {
    ._faqModal_xb1ve_16 {
        right: 6rem;
    }
}

@media screen and (max-width: 480px) {
    ._faqModal_xb1ve_16 {
        max-height: 590px;
        height: 100%;
        width: 100vw;
        bottom: 0;
        right: auto;
        left: 50%;
        z-index: 49;
        transform: translate(-50%);
    }

    ._frequentlyAskedQuestions_xb1ve_31 {
        max-height: 380px;
    }
}

._faqModalHeader_xb1ve_69 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 1.25rem 1rem;
    background: linear-gradient(269.4deg, #4474d0 -6.56%, #3c42d1 97.1%), #b4b6be;
}

._faqModalHeader_xb1ve_69 h2 {
    font-weight: 600;
    font-size: 1.25rem;
    font-family: var(--secondaryFont);
    color: var(--lightWhite);
}

._faqModalHeader_xb1ve_69 ._left-arrow_xb1ve_83 {
    position: absolute;
    top: 1.5rem;
    left: 1rem;
    z-index: 50;
}

._modal-title_xb1ve_89 {
    font-weight: 600;
    font-size: 1.25rem;
}

._text-center_xb1ve_94 {
    text-align: center;
}

._faqModalHeader_xb1ve_69 h3 {
    margin-top: 0.5rem;
    line-height: 16.94px;
    font-weight: 500;
    font-size: 14px;
    font-family: var(--secondaryFont);
}

._messageContainer_xb1ve_105 {
    height: 60px;
    margin-top: 2rem;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid white;
    padding-inline: 1rem;
    cursor: pointer;
}

._messageContainer_xb1ve_105 h3 {
    margin-top: 0;
}

._messageContainer_xb1ve_105 img {
    width: 20px;
    height: 20px;
}

._messageText_xb1ve_126 {
    font-size: 12px;
    padding-top: 8px;
    font-weight: 500;
    font-family: var(--secondaryFont);
    color: var(--lightWhite);
    opacity: 0.6;
    line-height: 14.52px;
}

._faqModalBody_xb1ve_136 {
    padding: 1.5rem 1rem;
    height: 10px;
}

._articlesContainer_xb1ve_141 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 10px;
    background: #000;
}

._input-search_xb1ve_149 {
    height: 40px;
    border: 1px solid #fbfbfb;
    border-radius: 1.5rem;
    padding: 0 1rem;
    display: flex;
    justify-content: stretch;
    gap: 1rem;
    margin-top: 20px;
}

._input-search_xb1ve_149 input {
    border: 0;
    background: transparent;
    width: 100%;
    height: 100%;
}

._input-search_xb1ve_149 input::placeholder {
    color: #fbfbfb;
}

._topics-list_xb1ve_171 li {
    padding: 0.8rem 0;
    border-top: 1px solid #393c45;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
}

._topics-list_xb1ve_171 li:last-child {
    border-bottom: 1px solid #393c45;
}

._topics-list_xb1ve_171 ._heading_xb1ve_182 {
    margin-bottom: 0.5rem;
}

._topics-list_xb1ve_171 ._subheading_xb1ve_186 {
    margin-bottom: 1rem;
}

._topics-list_xb1ve_171 ._subheading_xb1ve_186,
._topics-list_xb1ve_171 ._article-length_xb1ve_190 {
    color: #777980;
    font-size: 14px;
}

._topics-list_xb1ve_171 ._article-length_xb1ve_190 {
    margin-bottom: 1rem;
}

._singleArticle_xb1ve_199 {
    cursor: pointer;
    font-family: var(--secondaryFont);
    font-weight: 500;
    font-size: 14px;
    line-height: 16.94px;
    border-radius: var(--borderRadius);
    background: var(--grey-7);
    display: flex;
    justify-content: space-between;
    padding: 12px;
    color: var(--lightWhite);
    font-family: normal;
}

._singleArticle_xb1ve_199 img {
    height: 20px;
}

._singleArticle_xb1ve_199 h3 {
    font-size: 14px;
    font-family: var(--secondaryFont);
    font-weight: 500;
    line-height: 16.94px;
}

._singleArticle_xb1ve_199 p {
    font-family: var(--secondaryFont);
    font-weight: 500;
    margin-top: 0.5rem;
    color: var(--grey-6);
    font-size: 12px;
    line-height: 14.52px;
    opacity: 0.9;
}

._faqModalFooter_xb1ve_234 {
    padding-block: 1rem;
    display: flex;
    padding: 0 1rem;
    border-top: 1px solid #393c45;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #262646;
}

._faqModalFooter_xb1ve_234 nav {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

._footerItem_xb1ve_251 {
    text-align: center;
    cursor: pointer;
    padding: 1rem;
}

._footerItem_xb1ve_251 p {
    color: var(--grey-3);
    font-size: 14;
    font-family: 500;
    line-height: 16.94px;
}

._footerItem_xb1ve_251 svg {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto 0.25rem;
}

._active_xb1ve_271 p {
    color: var(--lightWhite);
}

._messageHeader_y049i_1 {
    height: 60px;
    background: linear-gradient(269.4deg, #4474d0 -6.56%, #3c42d1 97.1%);
    display: flex;
    justify-content: "space-between";
    align-items: center;
    padding: 30px 15px;
    border-top-left-radius: var(--borderRadius);
    border-top-right-radius: var(--borderRadius);
}

._headerTextContainer_y049i_12 {
    flex: 1;
    justify-content: center;
}

._closeBtnContainer_y049i_17 {
    align-self: "flex-end";
}

._messageHeader_y049i_1 h2,
._modalBody_y049i_21 h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.2px;
    font-family: var(--secondaryFont);
    color: var(--lightWhite);
}

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

._modalBody_y049i_21 p {
    font-size: 14px;
    padding-top: 14px;
    font-family: var(--secondaryFont);
    line-height: 16.94px;
    font-weight: 500;
    color: var(--lightGrey);
}

._messageContainer_y049i_43 {
    display: flex;
    margin: 10px auto 0;
    align-self: flex-end;
    flex-direction: row;
    align-items: center;
    border-radius: 24px;
    outline: none;
    overflow: hidden;
    border: 1px solid var(--lightGrey);
}

textarea:focus {
    outline: none;
}

._messageContainer_y049i_43 textarea {
    height: 80%;
    width: 90%;
    background: transparent;
    padding-inline: 1.5rem;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--lightWhite);
}

._messageContainer_y049i_43 input::placeholder {
    color: var(--lightWhite);
}

._emptyMessageFooter_y049i_80 {
    margin-top: 21px;
}

._messageIcon_y049i_84 {
    right: 1.2rem;
    top: 0.9rem;
    cursor: pointer;
}

._messageIcon_y049i_84 img {
    width: 20px;
    height: 20px;
}

._chatsContainer_y049i_97 {
    padding-inline: 1rem;
    overflow: hidden;
    overflow-y: "scroll";
}

@media screen and (max-width: 480px) {
    ._chatsContainer_y049i_97 {
        overflow: "scroll";
    }
}

._singleMessage_y049i_114 {
    border-top: 1px solid #393c45;
    display: flex;
    gap: 12px;
    cursor: pointer;
    height: 60px;
    align-items: center;
    justify-content: space-between;
}

._firstMessage_y049i_124 {
    border-top: 0;
}

._singleMessage_y049i_114 p {
    font-weight: 500;
    font-size: 1rem;
    line-height: 20.16px;
    font-family: var(--primaryFont);
}

._conversation_y049i_134 {
    margin-top: 14px;
    display: flex;
    justify-content: center;
}

._conversation_y049i_134 h3 {
    font-family: var(--primaryFont);
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
}

._messagesFooter_y049i_146 {
    margin-top: 30px;
}

._chatHeader_y049i_151 {
    height: 60px;
    width: 100%;
    background: #3c42d1;
    display: flex;
    padding-inline: 1rem;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: var(--borderRadius);
    border-top-right-radius: var(--borderRadius);
}

._chatHeaderDetails_y049i_163 {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

._personInfo_y049i_168 {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

._personInfo_y049i_168 h3 {
    font-size: 1rem;
    font: weight 500px;
    line-height: 20.16px;
}

._closeBtn_y049i_17 {
    cursor: pointer;
}

._messageSentContainer_y049i_181 {
    flex-direction: row;
    align-items: flex-end;
}

._messageReceivedContainer_y049i_186 {
    flex-direction: row;
    align-items: flex-start;
}

._messageSent_y049i_181 {
    background: #3c42d1;
    margin-top: 20px;
    border-radius: var(--borderRadius);
    margin-left: 8rem;
    width: auto;
    min-width: 200px;
    height: auto;
    min-height: 60px;
    padding-inline: 1rem;
    padding-block: 0.5rem;
    opacity: 0;
    animation-name: _fadeIn_y049i_1;
    animation-fill-mode: forwards;
    word-wrap: break-word;
    margin-right: 16px;
}

._messageSentImg_y049i_208 {
    margin-top: 20px;
    border-radius: var(--borderRadius);
    margin-left: 8rem;
    width: auto;
    min-width: 200px;
    height: auto;
    min-height: 60px;
    padding-inline: 1rem;
    padding-block: 0.5rem;
    opacity: 0;
    animation-name: _fadeIn_y049i_1;
    animation-fill-mode: forwards;
    word-wrap: break-word;
}

._messageSent_y049i_181 p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

._messageReceived_y049i_186 {
    flex-direction: row;
    border-radius: var(--borderRadius);
    display: flex;
}

._adminMessage_y049i_246 {
    margin-top: 5px;
    max-width: 230px;
    background: var(--grey-7);
    border-radius: var(--borderRadius);
    padding-inline: 1rem;
    padding-block: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    word-wrap: break-word;
}

._adminImgMessage_y049i_260 {
    margin-top: 1rem;
    max-width: 230px;
    border-radius: var(--borderRadius);
    padding-inline: 1rem;
    padding-block: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    word-wrap: break-word;
}

._messageReceived_y049i_186 img {
    display: inline-block;
}

._adminMessage_y049i_246 p {
    line-height: 24px;
    font-size: 14px;
    color: var(--lightWhite);
}

._chatMessageInput_y049i_281 {
    width: 300px;
    margin-bottom: 0;
}

._chatMessageInput_y049i_281 input {
    font-family: var(--primaryFont);
}

._chatFooter_y049i_290 {
    margin-top: 1.5rem;
}

@keyframes _fadeIn_y049i_1 {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

._swapFormContainer_n6xkn_1 {
    background: var(--swapSectionBg);
    width: 100%;
    border-radius: 16px;
    padding: 1rem 0.75rem;
    transition: 0.3s linear;
    margin: 0 auto;
    position: relative;
}

._swapFormContainer_n6xkn_1 h2 {
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--lightWhite);
}

._swapText_n6xkn_18 {
    margin-top: 0.5rem;
    font-style: normal;
    font-weight: 400;
    color: var(--lightWhite);
    line-height: 15px;
}

._formItem-container_n6xkn_29 {
    margin-bottom: 1.7rem;
}

._formItem_n6xkn_29 {
    display: flex;
    justify-content: stretch;
    gap: 0.5rem;
    padding: 0 8px;
}

._formItem_n6xkn_29 label {
    font-size: 12px;
    color: var(--lightGrey);
    margin: 0;
}

._formControl_n6xkn_48 {
    background: var(--inputColor);
    border-radius: 4px;
    width: 100%;
}

._formControl_n6xkn_48 input {
    border: none;
    background: transparent;
    color: var(--lightWhite);
    font-weight: 500;
    font-size: 1.3rem;
    height: 25px;
    width: 100%;
    display: block;
}

._formControl_n6xkn_48 input::placeholder {
    color: var(--lightWhite);
    font-weight: 500;
    font-size: 1.125rem;
    font-family: var(--primaryFont);
}

input,
input::placeholder {
    font-family: var(--primaryFont);
}

._exchange-rate_n6xkn_80 {
    margin-top: 1rem;
    color: var(--yellow);
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 20px;
    border: 1px solid var(--yellow);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
}

._country_n6xkn_93 {
    width: 100%;
    max-width: 140px;
    background: var(--inputColor);
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    height: 56px;
}

._cryptoDropdown_n6xkn_105 select {
    border: none;
    outline: none;
    width: 100%;
    background: transparent;
    font-size: 15px;
    font-weight: 500;
    color: var(--lightWhite);
    cursor: pointer;
    font-family: var(--primaryFont);
    font-style: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABYSURBVHgB7Y2xDcAwCAQZJfsvlTEoQEpEQWNhG9m4sf4kuueOCAAQoqqvHTM/s61tfE9ZbCwi3yzict9SlvYximQ2y5Ft+UhUJu9FSuVRpFzeRo7IAbicH/l03MOj8GeIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
}

._country_n6xkn_93 img {
    height: 24.5px;
    width: 24.5px;
}

._country_n6xkn_93 p {
    margin-top: 0;
    font-size: 1rem;
    font-weight: 500;
    font-style: normal;
    font-family: var(--primaryFont);
}

._submit-btn_n6xkn_136 {
    width: 100%;
    margin-top: 1rem;
}

._panel_n6xkn_143 {
    margin-top: 20px;
    position: relative;
}

._toggle-panel__btn_n6xkn_148 {
    margin: auto;
    background: var(--inputColor);
    padding: 0.5rem 1rem;
    border: 0;
    border-radius: 1rem;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: relative;
    z-index: 10;
}

._toggle-panel__btn_n6xkn_148 img {
    transition: 0.3s linear;
}

._rotate-icon_n6xkn_166 {
    transform: rotate(180deg);
}

._refund-address__container_n6xkn_170 {
    transition: all 0.3s linear;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

._refund-address_n6xkn_170 {
    display: grid;
    gap: 0.75rem;
    align-items: flex-start;
    background: #262646;
    padding: 0.75rem 1rem;
    overflow: hidden;
    border-radius: 8px;
}

._hide_n6xkn_187 {
    opacity: 0;
    height: 0;
}

._show_n6xkn_192 {
    opacity: 1;
    margin-top: 1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

._refund-address_n6xkn_170 ._title_n6xkn_198 {
    font-size: 18px;
    margin-bottom: 1rem;
}

._refund-address_n6xkn_170 ._instruction_n6xkn_203 {
    font-size: 0.75rem;
    line-height: 150%;
}

._refund-address_n6xkn_170 input {
    background: var(--inputColor2);
    border: 0;
    height: 44px;
    width: 210px;
    padding: 0 1rem;
    border-radius: 4px;
}

._refund-address_n6xkn_170 input::placeholder {
    font-size: 0.75rem;
}

@media screen and (min-width: 600px) {
    ._swapFormContainer_n6xkn_1 {
        margin: 0 auto;
    }

    ._refund-address_n6xkn_170 {
        grid-template-columns: repeat(2, 1fr);
    }
}

._tabScrollContainer_n6xkn_236 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
}

._compartmentButtons_n6xkn_243 {
    display: flex;
    gap: 10px;
    position: relative;
}

._button_n6xkn_249 {
    padding: 10px 20px;
    background: #2a2b4a;
    border: none;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

._activeCompartment_n6xkn_259 {
    background-color: var(--swapSectionBg);
    border: 1px solid #3c42d1;
    color: #fff;
}

._inactiveCompartment_n6xkn_265 {
    background-color: #2a2b4a;
    color: #68698d;
}

._line_n6xkn_270 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 460px;
    background-color: #f0f0f0;
}

._activeLine_n6xkn_279 {
    background-color: #3c42d1;
}

._exchangeRate_n6xkn_283 {
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid #fff645;
    padding: 12px;
}

@media (max-width: 737px) {
    ._exchangeRate_n6xkn_283 {
        width: 100%;
    }
}

._dropDownText_2jphh_1 {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    min-height: 50px;
}

._dropDownText_2jphh_1 p {
    font-size: 1rem;
    line-height: 20px;
    font-family: var(--primaryFont);
    font-weight: 500;
}

._crytoDropdown_2jphh_22 {
    z-index: 100;
    background: #1c1d3e;
    width: 100%;
    max-width: 460px;
    border-radius: 16px;
    position: absolute;
    border: 1px solid #2d2e4c;
    top: 0%;
    left: 0;
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
}

._searchInputContainer_2jphh_36 {
    display: flex;
    justify-content: stretch;
    gap: 1rem;
    align-items: center;
    background-color: #2a2b4a;
    border: 1px solid #8a8ee3;
    padding: 0 1rem;
    margin: 20px 10px;
    border-radius: 32px;
    height: 42px;
}

._searchInputContainer_2jphh_36 img {
    cursor: pointer;
}

._searchInputContainer_2jphh_36 input {
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 14px;
}

._singleCrypto_2jphh_59 {
    height: 50px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 3px;
    padding-left: 1rem;
    cursor: pointer;
}

._cryptoIcon_2jphh_69 {
    width: 24px;
}

._cryptoInfo_2jphh_72 h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 20.16px;
}

._cryptoInfo_2jphh_72 span {
    font-size: 12px;
    line-height: 15.12px;
    color: #68698d;
    font-weight: 400;
    font-style: normal;
}

.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}
.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}
.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}
.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), transparent);
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}
.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

.css-1072ft2 {
    width: 343px;
}
.css-9dq86w {
    width: 343px;
    display: flex;
    position: relative;
    isolation: isolate;
    --input-font-size: var(--chakra-fontSizes-md);
    --input-padding: var(--chakra-space-4);
    --input-border-radius: var(--chakra-radii-md);
    --input-height: var(--chakra-sizes-10);
    z-index: 100;
    background: rgb(255, 255, 255);
    margin-bottom: 5rem;
    border-radius: 12px;
}

.css-1rzletu {
    width: 100%;
    height: var(--input-height);
    font-size: var(--input-font-size);
    padding-inline-start: var(--input-height);
    padding-inline-end: var(--input-height);
    border-radius: var(--input-border-radius);
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    --input-font-size: var(--chakra-fontSizes-md);
    --input-padding: var(--chakra-space-4);
    --input-border-radius: var(--chakra-radii-md);
    --input-height: var(--chakra-sizes-10);
    background: inherit;
    border: 0px;
    color: var(--chakra-colors-black);
}

.css-1eiza7h {
    left: 0px;
    width: var(--input-height);
    height: var(--input-height);
    font-size: var(--input-font-size);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    cursor: pointer;
}
.css-1d3jfmu {
    right: 0px;
    width: var(--input-height);
    height: var(--input-height);
    font-size: var(--input-font-size);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    z-index: 2;
    cursor: pointer;
}
.css-16kb3k1 {
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    font-family: Ergonic;
    font-size: 28px;
    padding-bottom: 30px;
}
.css-id1ktx {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    padding-top: 90px;
}
.css-16kb3k1 {
    font-weight: var(--chakra-fontWeights-bold);
    line-height: 1.33;
    font-family: Ergonic;
    font-size: 28px;
    padding-bottom: 30px;
}
.css-1pfhygj {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
    background: rgb(31, 35, 45);
    width: 343px;
    height: 231px;
    padding: 1.5rem 1.5rem 1.5rem 1rem;
    margin-bottom: 1.3rem;
    border: 1px solid rgb(45, 49, 58);
    border-radius: 12px;
}
.css-xi606m {
    text-align: center;
}
.css-1pfhygj {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
    background: rgb(31, 35, 45);
    width: 343px;
    height: 231px;
    padding: 1.5rem 1.5rem 1.5rem 1rem;
    margin-bottom: 1.3rem;
    border: 1px solid rgb(45, 49, 58);
    border-radius: 12px;
}
.css-1ey9w6j {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
}

.css-1wgf0il {
    margin-top: 3rem;
    padding: 0.3rem 1rem;
    z-index: 1;
}

:host,
:root,
[data-theme] {
    --chakra-ring-inset: var(--chakra-empty, /*!*/ /*!*/);
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --chakra-colors-transparent: transparent;
    --chakra-colors-current: currentColor;
    --chakra-colors-black: #000000;
    --chakra-colors-white: #ffffff;
    --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
    --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
    --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
    --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
    --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
    --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
    --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
    --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
    --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.8);
    --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
    --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.8);
    --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --chakra-colors-gray-50: #f7fafc;
    --chakra-colors-gray-100: #edf2f7;
    --chakra-colors-gray-200: #e2e8f0;
    --chakra-colors-gray-300: #cbd5e0;
    --chakra-colors-gray-400: #a0aec0;
    --chakra-colors-gray-500: #718096;
    --chakra-colors-gray-600: #4a5568;
    --chakra-colors-gray-700: #2d3748;
    --chakra-colors-gray-800: #1a202c;
    --chakra-colors-gray-900: #171923;
    --chakra-colors-red-50: #fff5f5;
    --chakra-colors-red-100: #fed7d7;
    --chakra-colors-red-200: #feb2b2;
    --chakra-colors-red-300: #fc8181;
    --chakra-colors-red-400: #f56565;
    --chakra-colors-red-500: #e53e3e;
    --chakra-colors-red-600: #c53030;
    --chakra-colors-red-700: #9b2c2c;
    --chakra-colors-red-800: #822727;
    --chakra-colors-red-900: #63171b;
    --chakra-colors-orange-50: #fffaf0;
    --chakra-colors-orange-100: #feebc8;
    --chakra-colors-orange-200: #fbd38d;
    --chakra-colors-orange-300: #f6ad55;
    --chakra-colors-orange-400: #ed8936;
    --chakra-colors-orange-500: #dd6b20;
    --chakra-colors-orange-600: #c05621;
    --chakra-colors-orange-700: #9c4221;
    --chakra-colors-orange-800: #7b341e;
    --chakra-colors-orange-900: #652b19;
    --chakra-colors-yellow-50: #fffff0;
    --chakra-colors-yellow-100: #fefcbf;
    --chakra-colors-yellow-200: #faf089;
    --chakra-colors-yellow-300: #f6e05e;
    --chakra-colors-yellow-400: #ecc94b;
    --chakra-colors-yellow-500: #d69e2e;
    --chakra-colors-yellow-600: #b7791f;
    --chakra-colors-yellow-700: #975a16;
    --chakra-colors-yellow-800: #744210;
    --chakra-colors-yellow-900: #5f370e;
    --chakra-colors-green-50: #f0fff4;
    --chakra-colors-green-100: #c6f6d5;
    --chakra-colors-green-200: #9ae6b4;
    --chakra-colors-green-300: #68d391;
    --chakra-colors-green-400: #48bb78;
    --chakra-colors-green-500: #38a169;
    --chakra-colors-green-600: #2f855a;
    --chakra-colors-green-700: #276749;
    --chakra-colors-green-800: #22543d;
    --chakra-colors-green-900: #1c4532;
    --chakra-colors-teal-50: #e6fffa;
    --chakra-colors-teal-100: #b2f5ea;
    --chakra-colors-teal-200: #81e6d9;
    --chakra-colors-teal-300: #4fd1c5;
    --chakra-colors-teal-400: #38b2ac;
    --chakra-colors-teal-500: #319795;
    --chakra-colors-teal-600: #2c7a7b;
    --chakra-colors-teal-700: #285e61;
    --chakra-colors-teal-800: #234e52;
    --chakra-colors-teal-900: #1d4044;
    --chakra-colors-blue-50: #ebf8ff;
    --chakra-colors-blue-100: #bee3f8;
    --chakra-colors-blue-200: #90cdf4;
    --chakra-colors-blue-300: #63b3ed;
    --chakra-colors-blue-400: #4299e1;
    --chakra-colors-blue-500: #3182ce;
    --chakra-colors-blue-600: #2b6cb0;
    --chakra-colors-blue-700: #2c5282;
    --chakra-colors-blue-800: #2a4365;
    --chakra-colors-blue-900: #1a365d;
    --chakra-colors-cyan-50: #edfdfd;
    --chakra-colors-cyan-100: #c4f1f9;
    --chakra-colors-cyan-200: #9decf9;
    --chakra-colors-cyan-300: #76e4f7;
    --chakra-colors-cyan-400: #0bc5ea;
    --chakra-colors-cyan-500: #00b5d8;
    --chakra-colors-cyan-600: #00a3c4;
    --chakra-colors-cyan-700: #0987a0;
    --chakra-colors-cyan-800: #086f83;
    --chakra-colors-cyan-900: #065666;
    --chakra-colors-purple-50: #faf5ff;
    --chakra-colors-purple-100: #e9d8fd;
    --chakra-colors-purple-200: #d6bcfa;
    --chakra-colors-purple-300: #b794f4;
    --chakra-colors-purple-400: #9f7aea;
    --chakra-colors-purple-500: #805ad5;
    --chakra-colors-purple-600: #6b46c1;
    --chakra-colors-purple-700: #553c9a;
    --chakra-colors-purple-800: #44337a;
    --chakra-colors-purple-900: #322659;
    --chakra-colors-pink-50: #fff5f7;
    --chakra-colors-pink-100: #fed7e2;
    --chakra-colors-pink-200: #fbb6ce;
    --chakra-colors-pink-300: #f687b3;
    --chakra-colors-pink-400: #ed64a6;
    --chakra-colors-pink-500: #d53f8c;
    --chakra-colors-pink-600: #b83280;
    --chakra-colors-pink-700: #97266d;
    --chakra-colors-pink-800: #702459;
    --chakra-colors-pink-900: #521b41;
    --chakra-colors-linkedin-50: #e8f4f9;
    --chakra-colors-linkedin-100: #cfedfb;
    --chakra-colors-linkedin-200: #9bdaf3;
    --chakra-colors-linkedin-300: #68c7ec;
    --chakra-colors-linkedin-400: #34b3e4;
    --chakra-colors-linkedin-500: #00a0dc;
    --chakra-colors-linkedin-600: #008cc9;
    --chakra-colors-linkedin-700: #0077b5;
    --chakra-colors-linkedin-800: #005e93;
    --chakra-colors-linkedin-900: #004471;
    --chakra-colors-facebook-50: #e8f4f9;
    --chakra-colors-facebook-100: #d9dee9;
    --chakra-colors-facebook-200: #b7c2da;
    --chakra-colors-facebook-300: #6482c0;
    --chakra-colors-facebook-400: #4267b2;
    --chakra-colors-facebook-500: #385898;
    --chakra-colors-facebook-600: #314e89;
    --chakra-colors-facebook-700: #29487d;
    --chakra-colors-facebook-800: #223b67;
    --chakra-colors-facebook-900: #1e355b;
    --chakra-colors-messenger-50: #d0e6ff;
    --chakra-colors-messenger-100: #b9daff;
    --chakra-colors-messenger-200: #a2cdff;
    --chakra-colors-messenger-300: #7ab8ff;
    --chakra-colors-messenger-400: #2e90ff;
    --chakra-colors-messenger-500: #0078ff;
    --chakra-colors-messenger-600: #0063d1;
    --chakra-colors-messenger-700: #0052ac;
    --chakra-colors-messenger-800: #003c7e;
    --chakra-colors-messenger-900: #002c5c;
    --chakra-colors-whatsapp-50: #dffeec;
    --chakra-colors-whatsapp-100: #b9f5d0;
    --chakra-colors-whatsapp-200: #90edb3;
    --chakra-colors-whatsapp-300: #65e495;
    --chakra-colors-whatsapp-400: #3cdd78;
    --chakra-colors-whatsapp-500: #22c35e;
    --chakra-colors-whatsapp-600: #179848;
    --chakra-colors-whatsapp-700: #0c6c33;
    --chakra-colors-whatsapp-800: #01421c;
    --chakra-colors-whatsapp-900: #001803;
    --chakra-colors-twitter-50: #e5f4fd;
    --chakra-colors-twitter-100: #c8e9fb;
    --chakra-colors-twitter-200: #a8dcfa;
    --chakra-colors-twitter-300: #83cdf7;
    --chakra-colors-twitter-400: #57bbf5;
    --chakra-colors-twitter-500: #1da1f2;
    --chakra-colors-twitter-600: #1a94da;
    --chakra-colors-twitter-700: #1681bf;
    --chakra-colors-twitter-800: #136b9e;
    --chakra-colors-twitter-900: #0d4d71;
    --chakra-colors-telegram-50: #e3f2f9;
    --chakra-colors-telegram-100: #c5e4f3;
    --chakra-colors-telegram-200: #a2d4ec;
    --chakra-colors-telegram-300: #7ac1e4;
    --chakra-colors-telegram-400: #47a9da;
    --chakra-colors-telegram-500: #0088cc;
    --chakra-colors-telegram-600: #007ab8;
    --chakra-colors-telegram-700: #006ba1;
    --chakra-colors-telegram-800: #005885;
    --chakra-colors-telegram-900: #003f5e;
    --chakra-borders-none: 0;
    --chakra-borders-1px: 1px solid;
    --chakra-borders-2px: 2px solid;
    --chakra-borders-4px: 4px solid;
    --chakra-borders-8px: 8px solid;
    --chakra-fonts-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --chakra-fonts-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --chakra-fontSizes-3xs: 0.45rem;
    --chakra-fontSizes-2xs: 0.625rem;
    --chakra-fontSizes-xs: 0.75rem;
    --chakra-fontSizes-sm: 0.875rem;
    --chakra-fontSizes-md: 1rem;
    --chakra-fontSizes-lg: 1.125rem;
    --chakra-fontSizes-xl: 1.25rem;
    --chakra-fontSizes-2xl: 1.5rem;
    --chakra-fontSizes-3xl: 1.875rem;
    --chakra-fontSizes-4xl: 2.25rem;
    --chakra-fontSizes-5xl: 3rem;
    --chakra-fontSizes-6xl: 3.75rem;
    --chakra-fontSizes-7xl: 4.5rem;
    --chakra-fontSizes-8xl: 6rem;
    --chakra-fontSizes-9xl: 8rem;
    --chakra-fontWeights-hairline: 100;
    --chakra-fontWeights-thin: 200;
    --chakra-fontWeights-light: 300;
    --chakra-fontWeights-normal: 400;
    --chakra-fontWeights-medium: 500;
    --chakra-fontWeights-semibold: 600;
    --chakra-fontWeights-bold: 700;
    --chakra-fontWeights-extrabold: 800;
    --chakra-fontWeights-black: 900;
    --chakra-letterSpacings-tighter: -0.05em;
    --chakra-letterSpacings-tight: -0.025em;
    --chakra-letterSpacings-normal: 0;
    --chakra-letterSpacings-wide: 0.025em;
    --chakra-letterSpacings-wider: 0.05em;
    --chakra-letterSpacings-widest: 0.1em;
    --chakra-lineHeights-3: 0.75rem;
    --chakra-lineHeights-4: 1rem;
    --chakra-lineHeights-5: 1.25rem;
    --chakra-lineHeights-6: 1.5rem;
    --chakra-lineHeights-7: 1.75rem;
    --chakra-lineHeights-8: 2rem;
    --chakra-lineHeights-9: 2.25rem;
    --chakra-lineHeights-10: 2.5rem;
    --chakra-lineHeights-normal: normal;
    --chakra-lineHeights-none: 1;
    --chakra-lineHeights-shorter: 1.25;
    --chakra-lineHeights-short: 1.375;
    --chakra-lineHeights-base: 1.5;
    --chakra-lineHeights-tall: 1.625;
    --chakra-lineHeights-taller: 2;
    --chakra-radii-none: 0;
    --chakra-radii-sm: 0.125rem;
    --chakra-radii-base: 0.25rem;
    --chakra-radii-md: 0.375rem;
    --chakra-radii-lg: 0.5rem;
    --chakra-radii-xl: 0.75rem;
    --chakra-radii-2xl: 1rem;
    --chakra-radii-3xl: 1.5rem;
    --chakra-radii-full: 9999px;
    --chakra-space-1: 0.25rem;
    --chakra-space-2: 0.5rem;
    --chakra-space-3: 0.75rem;
    --chakra-space-4: 1rem;
    --chakra-space-5: 1.25rem;
    --chakra-space-6: 1.5rem;
    --chakra-space-7: 1.75rem;
    --chakra-space-8: 2rem;
    --chakra-space-9: 2.25rem;
    --chakra-space-10: 2.5rem;
    --chakra-space-12: 3rem;
    --chakra-space-14: 3.5rem;
    --chakra-space-16: 4rem;
    --chakra-space-20: 5rem;
    --chakra-space-24: 6rem;
    --chakra-space-28: 7rem;
    --chakra-space-32: 8rem;
    --chakra-space-36: 9rem;
    --chakra-space-40: 10rem;
    --chakra-space-44: 11rem;
    --chakra-space-48: 12rem;
    --chakra-space-52: 13rem;
    --chakra-space-56: 14rem;
    --chakra-space-60: 15rem;
    --chakra-space-64: 16rem;
    --chakra-space-72: 18rem;
    --chakra-space-80: 20rem;
    --chakra-space-96: 24rem;
    --chakra-space-px: 1px;
    --chakra-space-0-5: 0.125rem;
    --chakra-space-1-5: 0.375rem;
    --chakra-space-2-5: 0.625rem;
    --chakra-space-3-5: 0.875rem;
    --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
    --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-none: none;
    --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --chakra-sizes-1: 0.25rem;
    --chakra-sizes-2: 0.5rem;
    --chakra-sizes-3: 0.75rem;
    --chakra-sizes-4: 1rem;
    --chakra-sizes-5: 1.25rem;
    --chakra-sizes-6: 1.5rem;
    --chakra-sizes-7: 1.75rem;
    --chakra-sizes-8: 2rem;
    --chakra-sizes-9: 2.25rem;
    --chakra-sizes-10: 2.5rem;
    --chakra-sizes-12: 3rem;
    --chakra-sizes-14: 3.5rem;
    --chakra-sizes-16: 4rem;
    --chakra-sizes-20: 5rem;
    --chakra-sizes-24: 6rem;
    --chakra-sizes-28: 7rem;
    --chakra-sizes-32: 8rem;
    --chakra-sizes-36: 9rem;
    --chakra-sizes-40: 10rem;
    --chakra-sizes-44: 11rem;
    --chakra-sizes-48: 12rem;
    --chakra-sizes-52: 13rem;
    --chakra-sizes-56: 14rem;
    --chakra-sizes-60: 15rem;
    --chakra-sizes-64: 16rem;
    --chakra-sizes-72: 18rem;
    --chakra-sizes-80: 20rem;
    --chakra-sizes-96: 24rem;
    --chakra-sizes-px: 1px;
    --chakra-sizes-0-5: 0.125rem;
    --chakra-sizes-1-5: 0.375rem;
    --chakra-sizes-2-5: 0.625rem;
    --chakra-sizes-3-5: 0.875rem;
    --chakra-sizes-max: max-content;
    --chakra-sizes-min: min-content;
    --chakra-sizes-full: 100%;
    --chakra-sizes-3xs: 14rem;
    --chakra-sizes-2xs: 16rem;
    --chakra-sizes-xs: 20rem;
    --chakra-sizes-sm: 24rem;
    --chakra-sizes-md: 28rem;
    --chakra-sizes-lg: 32rem;
    --chakra-sizes-xl: 36rem;
    --chakra-sizes-2xl: 42rem;
    --chakra-sizes-3xl: 48rem;
    --chakra-sizes-4xl: 56rem;
    --chakra-sizes-5xl: 64rem;
    --chakra-sizes-6xl: 72rem;
    --chakra-sizes-7xl: 80rem;
    --chakra-sizes-8xl: 90rem;
    --chakra-sizes-prose: 60ch;
    --chakra-sizes-container-sm: 640px;
    --chakra-sizes-container-md: 768px;
    --chakra-sizes-container-lg: 1024px;
    --chakra-sizes-container-xl: 1280px;
    --chakra-zIndices-hide: -1;
    --chakra-zIndices-auto: auto;
    --chakra-zIndices-base: 0;
    --chakra-zIndices-docked: 10;
    --chakra-zIndices-dropdown: 1000;
    --chakra-zIndices-sticky: 1100;
    --chakra-zIndices-banner: 1200;
    --chakra-zIndices-overlay: 1300;
    --chakra-zIndices-modal: 1400;
    --chakra-zIndices-popover: 1500;
    --chakra-zIndices-skipLink: 1600;
    --chakra-zIndices-toast: 1700;
    --chakra-zIndices-tooltip: 1800;
    --chakra-transition-property-common: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    --chakra-transition-property-colors: background-color, border-color, color, fill, stroke;
    --chakra-transition-property-dimensions: width, height;
    --chakra-transition-property-position: left, right, top, bottom;
    --chakra-transition-property-background: background-color, background-image, background-position;
    --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --chakra-transition-duration-ultra-fast: 50ms;
    --chakra-transition-duration-faster: 100ms;
    --chakra-transition-duration-fast: 150ms;
    --chakra-transition-duration-normal: 200ms;
    --chakra-transition-duration-slow: 300ms;
    --chakra-transition-duration-slower: 400ms;
    --chakra-transition-duration-ultra-slow: 500ms;
    --chakra-blur-none: 0;
    --chakra-blur-sm: 4px;
    --chakra-blur-base: 8px;
    --chakra-blur-md: 12px;
    --chakra-blur-lg: 16px;
    --chakra-blur-xl: 24px;
    --chakra-blur-2xl: 40px;
    --chakra-blur-3xl: 64px;
    --chakra-breakpoints-base: 0em;
    --chakra-breakpoints-sm: 30em;
    --chakra-breakpoints-md: 48em;
    --chakra-breakpoints-lg: 62em;
    --chakra-breakpoints-xl: 80em;
    --chakra-breakpoints-2xl: 96em;
}
.css-pi5dff {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: start;
justify-content: flex-start;
flex-direction: column;
gap: 0.5rem;
padding: 0.1rem 0.3rem;
width: 100%;
z-index: 1;
}.css-1wun2mz {
width: 100%;
}.css-fxtdit {
margin-bottom: 4rem;
}.css-70qvj9 {
display: flex;
-webkit-box-align: center;
align-items: center;
}
ol, ul, menu {
list-style: none;
margin: 0;
padding: 0;
}.css-lxe828 {
display: flex;
align-items: flex-end;
-webkit-box-pack: end;
justify-content: flex-end;
flex-direction: row;
gap: 8px;
z-index: 1;
font-family: Outfit;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}.css-1hdvfzf {
font-family: var(--chakra-fonts-heading);
line-height: 1.33;
font-size: 26px;
font-weight: 500;
display: none;
padding-left: 20px;
padding-right: 20px;
}.css-1ykdma4 {
width: 100%;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}.css-asyevj {
display: grid;
gap: var(--chakra-space-5);
grid-template-columns: repeat(1, minmax(0px, 1fr));
width: 100%;
margin-top: 0px;
margin-bottom: 2rem;
padding-left: 20px;
padding-right: 20px;
z-index: 1;
}.css-11cb998 {
overflow-anchor: none;
margin-top: var(--chakra-space-3);
border: 2px solid rgb(54, 58, 67);
border-radius: 0.7rem;
}.css-uttm9k {
display: flex;
-webkit-box-align: center;
align-items: center;
width: 100%;
outline: transparent solid 2px;
outline-offset: 2px;
transition-property: var(--chakra-transition-property-common);
transition-duration: var(--chakra-transition-duration-normal);
font-size: var(--chakra-fontSizes-md);
padding-inline-start: var(--chakra-space-4);
padding-inline-end: var(--chakra-space-4);
padding-top: var(--chakra-space-2);
padding-bottom: var(--chakra-space-2);
}.css-1j4k2o {
flex: 1 1 0%;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
font-weight: var(--chakra-fontWeights-medium);
}.css-ikjmp3 {
vertical-align: middle;
width: 1em;
height: 1em;
display: inline-block;
line-height: 1em;
flex-shrink: 0;
color: currentcolor;
}
.css-xh8lug {
    padding-top: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    color: rgb(150, 152, 156);
    font-size: 0.95rem;
    width: 96%;
}