.r1tp05er {
    display: flex;
    -webkit-text-decoration: none;
    text-decoration: none;
    flex-direction: column;
    justify-content: space-between;
    color: var(--text-and-icon-primary);
    position: relative;
    padding: 24px;
    background: var(--background-primary);
    border-radius: 16px;
    transition: .3s;
    height: 100%;
    width: 100%;
    box-shadow: 0 2px 8px 0 rgba(39, 44, 51, .12)
}

.r1tp05er:hover {
    cursor: pointer;
    box-shadow: 0 5px 20px 0 rgba(39, 44, 51, .08)
}

@media (max-width:768px) {
    .r1tp05er {
        padding: 16px
    }
}

.r139rypd {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
    -webkit-letter-spacing: -.2px;
    -moz-letter-spacing: -.2px;
    -ms-letter-spacing: -.2px;
    letter-spacing: -.2px
}

.r139rypd,
.r139rypd span {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.r139rypd span {
    text-transform: capitalize
}

.r139rypd svg {
    min-width: 24px;
    min-height: 24px;
    height: 28px;
    margin: 0 4px
}

.r139rypd p {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:768px) {

    .r139rypd,
    .r139rypd span {
        font-size: 16px;
        line-height: 22px
    }
}

.rjzpjab {
    margin: 8px 0 0;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 28px;
    color: var(--text-and-icon-secondary)
}

@media (max-width:768px) {
    .rjzpjab {
        font-size: 16px !important;
        line-height: 22px !important
    }
}

.p4jc4so {
    padding: 120px 0 48px
}

@media (max-width:1024px) {
    .p4jc4so {
        padding: 80px 0 40px
    }
}

.plrffkt {
    grid-gap: 24px 16px;
    gap: 24px 16px;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 80px
}

@media (max-width:1024px) {
    .plrffkt {
        margin-top: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }
}

@media (max-width:780px) {
    .plrffkt {
        grid-template-columns: repeat(1, 1fr)
    }
}

.s1ifyyn2 {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px
}

.s1ifyyn2 div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .s1ifyyn2 {
        margin-top: 24px;
        justify-content: center
    }
}

.ryqbzcx {
    position: relative;
    padding: 40px 72px 40px 40px;
    background: var(--background-primary);
    border-radius: 48px;
    transition: .3s;
    height: 100%
}

.ryqbzcx:hover {
    cursor: pointer;
    box-shadow: 0 2px 8px 0 rgba(39, 44, 51, .12)
}

@media (max-width:780px) {
    .ryqbzcx {
        padding: 24px 56px 24px 24px;
        border-radius: 32px
    }
}

.r1cnfqb5 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--text-and-icon-primary);
    -webkit-letter-spacing: -.2px;
    -moz-letter-spacing: -.2px;
    -ms-letter-spacing: -.2px;
    letter-spacing: -.2px
}

@media (max-width:1024px) {
    .r1cnfqb5 {
        font-size: 20px;
        font-weight: 700;
        line-height: 27px
    }
}

.r1mej081 {
    margin: 20px 0 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-and-icon-primary)
}

@media (max-width:1024px) {
    .r1mej081 {
        margin: 8px 0 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px
    }
}

.rw0zf4z {
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:780px) {
    .rw0zf4z {
        right: 20px
    }
}

.p1w5s0uq {
    padding: 120px 0 48px
}

@media (max-width:1024px) {
    .p1w5s0uq {
        padding: 80px 0 40px
    }
}

.p1ahjbui {
    grid-gap: 24px 16px;
    gap: 24px 16px;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 80px
}

@media (max-width:1024px) {
    .p1ahjbui {
        margin-top: 40px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }
}

@media (max-width:780px) {
    .p1ahjbui {
        grid-template-columns: repeat(1, 1fr)
    }
}

.sv8ujlh {
    display: flex;
    justify-content: flex-end;
    margin-top: 32px
}

.sv8ujlh div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .sv8ujlh {
        margin-top: 24px;
        justify-content: center
    }
}

.t9njda {
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .t9njda {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.c11s0dut {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--text-and-icon-oncolor)
}

@media (max-width:1440px) {
    .c11s0dut {
        max-width: none;
        padding: 0 32px
    }
}

@media (max-width:960px) {
    .c11s0dut {
        margin-top: 32px
    }
}

@media (max-width:640px) {
    .c11s0dut {
        padding: 0 16px
    }
}

.c11s0dut h1 {
    font-size: 88px;
    line-height: 88px;
    max-width: 1150px;
    font-weight: 600;
    margin-bottom: 32px;
    color: var(--extensions-text-and-icon-alwayslight)
}

.c11s0dut h1 span {
    color: var(--background-brand)
}

@media (max-width:780px) {
    .c11s0dut h1 {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 60px
    }
}

@media (max-width:520px) {
    .c11s0dut h1 {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 38px
    }
}

.c11s0dut div {
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .c11s0dut div {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.omvope0 {
    /*background: url(../../../assets/images/bg_hero2.jpg);*/
    background: #333;
    padding-bottom: 96px;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background-size: cover;
    position: relative;
    z-index: 1
}

@media (max-width:520px) {
    .omvope0 {
        padding-bottom: 0;
        /*background: linear-gradient(0deg, var(--background-secondary) 50%, transparent 50%), url(../../../assets/images/bg_hero2.jpg);*/
        background: #333;
        background-size: cover;
        -webkit-backdrop-filter: initial;
        backdrop-filter: none
    }
}

.o10rjvm3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.o10rjvm3>span {
    height: 100% !important
}

.o10rjvm3 img {
    object-fit: cover
}

.h18yawhw {
    pointer-events: none;
    bottom: 38px;
    padding: 16px 0;
    padding-inline: 16px 24px;
    text-align: start;
    transition: opacity .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(0 4px 20px rgba(50, 57, 66, .14));
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px;
    background: var(--extensions-background-surface);
    width: 328px
}

.h18yawhw,
.h18yawhw:after {
    position: absolute;
    z-index: 1
}

.h18yawhw:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    -webkit-border-start: 9px solid transparent;
    border-inline-start: 9px solid transparent;
    border-top: 10px solid var(--extensions-background-surface);
    -webkit-border-end: 9px solid transparent;
    border-inline-end: 9px solid transparent;
    inset-inline-start: 48%;
    bottom: -10px
}

.h18yawhw div {
    width: 100%;
    text-wrap: initial
}

.h18yawhw div:first-child {
    margin-bottom: 16px
}

@media (max-width:520px) {
    .h18yawhw {
        bottom: auto;
        top: 38px;
        width: 100%;
        inset-inline-start: 0;
        inset-inline-end: 0
    }

    .h18yawhw:after {
        inset-inline-start: 35%;
        bottom: auto;
        top: -10px;
        transform: rotate(180deg)
    }
}

.h1t4kad7 {
    position: relative;
    display: inline-flex;
    flex-direction: column-reverse
}

.h1t4kad7,
.h1t4kad7 .hint-icon {
    justify-content: center;
    align-items: center
}

.h1t4kad7 .hint-icon {
    z-index: 1;
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
    display: flex
}

@media (max-width:640px) {
    .h1t4kad7 .hint-icon svg {
        height: 20px;
        width: 20px
    }
}

@media (max-width:520px) {
    .h1t4kad7 {
        position: static
    }
}

.f16qqh9m {
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media (max-width:640px) {
    .f16qqh9m {
        padding: 0 16px
    }
}

@media (max-width:520px) {
    .f16qqh9m {
        padding: 0
    }
}

.o1xx41c8 {
    transition: all .3s;
    height: 56px;
    width: 100%
}

@media (max-width:520px) {
    .o1xx41c8 {
        max-width: none;
        width: 100%
    }
}

.o1xx41c8 div {
    align-self: center;
    margin-left: 0
}

.o1xx41c8 div:first-child {
    align-self: flex-end;
    height: 22px
}

.o1xx41c8 input {
    padding: 0
}

.tqevn24 div:first-child {
    height: 56px;
    width: 100%;
    padding: 8px 0;
    padding-inline: 14px;
    display: flex;
    align-items: var(--tqevn24-0)
}

.tqevn24 div:first-child .o1xx41c8 {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.ptwzx10 {
    display: flex;
    flex-wrap: wrap;
    height: 64px;
    overflow: hidden;
    gap: 24px;
    width: 100%;
    align-items: center;
    max-width: 1544px;
    margin-top: 24px
}

@media (max-width:520px) {
    .ptwzx10 {
        height: auto;
        padding: 0 16px
    }
}

.suojfhl {
    display: none;
    justify-content: flex-end;
    margin-top: 32px
}

.suojfhl div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .suojfhl {
        display: flex;
        margin-top: 24px;
        justify-content: center
    }
}

.ol1koxb {
    position: relative;
    max-width: var(--ol1koxb-0);
    width: 100%;
    min-width: 108px
}

@media (max-width:1280px) {
    .ol1koxb {
        max-width: none
    }
}

@media (max-width:640px) {
    .ol1koxb {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

@media (max-width:520px) {
    .ol1koxb {
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        max-width: none;
        width: 100%
    }
}

.ol1koxb .o1xx41c8 {
    display: flex
}

.ol1koxb .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    z-index: 1;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.f1if40dg {
    margin-top: 18px;
    text-align: start;
    -webkit-column-gap: 16px;
    grid-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(216px, 1fr)) 176px 112px 192px minmax(172px, 192px)
}

.f1if40dg>button {
    border-radius: 8px
}

@media (max-width:1366px) {
    .f1if40dg {
        row-gap: 16px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr)
    }

    .f1if40dg>div:first-child {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .f1if40dg>div:nth-child(2) {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .f1if40dg {
        grid-template-columns: 1fr 120px 1fr 120px
    }

    .f1if40dg>div:nth-child(5) {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .f1if40dg>button {
        grid-column-start: 1;
        grid-column-end: 5
    }
}

@media (max-width:700px) {
    .f1if40dg {
        grid-template-columns: 3fr 2fr;
        grid-template-rows: repeat(5, 1fr)
    }

    .f1if40dg>div:first-child,
    .f1if40dg>div:nth-child(2),
    .f1if40dg>div:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .f1if40dg>div:nth-child(3) {
        grid-column-start: 1;
        grid-column-end: 2
    }

    .f1if40dg>button {
        grid-column-start: 1;
        grid-column-end: 3
    }
}

.s1j7tbwe {
    display: flex;
    justify-content: space-between;
    margin-top: var(--s1j7tbwe-0);
    text-align: start;
    column-gap: 16px
}

.s1j7tbwe>div {
    width: 16.6%
}

@media (max-width:1280px) {
    .s1j7tbwe {
        flex-wrap: wrap
    }

    .s1j7tbwe>div {
        width: 32% !important;
        max-width: none !important;
        margin-bottom: 16px
    }

    .s1j7tbwe>button {
        width: 32%;
        max-width: none
    }
}

@media (max-width:960px) {
    .s1j7tbwe>div {
        width: 48% !important;
        max-width: none
    }

    .s1j7tbwe>button {
        width: 48%;
        max-width: none
    }
}

@media (max-width:640px) {
    .s1j7tbwe {
        flex-wrap: wrap
    }

    .s1j7tbwe>div {
        width: 100% !important;
        max-width: none !important;
        margin-bottom: 16px
    }

    .s1j7tbwe>button {
        width: 100%;
        max-width: none
    }
}

.i1isydsd {
    max-width: 295px;
    width: 20%
}

@media (max-width:640px) {
    .i1isydsd {
        max-width: none;
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0;
        margin-bottom: 20px
    }
}

.c121tp27 {
    padding: 8px 20px
}

.c121tp27 span {
    display: flex;
    align-items: center;
    overflow: initial;
    margin-left: 0
}

.c1fr9dn3 {
    overflow: initial;
    flex-wrap: wrap
}

.c1fr9dn3 .c121tp27 {
    margin-right: 0;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

.r17ste15 {
    display: flex;
    column-gap: 24px;
    color: var(--text-and-icon-primary);
    width: 100%
}

@media (max-width:640px) {
    .r17ste15 {
        flex-wrap: wrap
    }
}

.ckh63hv {
    position: relative
}

.r17xyfaq,
.r17xyfaq label {
    display: flex;
    align-items: center
}

.r17xyfaq label {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: var(--text-and-icon-primary)
}

.r17xyfaq label input+div {
    margin-right: 0;
    -webkit-margin-end: 12px;
    margin-inline-end: 12px
}

@media (max-width:640px) {
    .r17xyfaq {
        width: 100%;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .r17xyfaq label {
        font-weight: 500;
        font-size: 16px;
        line-height: 40px
    }

    .r17xyfaq label input+div {
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

@media (max-width:520px) {
    .s1n2rxgh {
        width: 100%
    }
}

.hlkfre1 {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-and-icon-secondary)
}

.m13mawuw {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 20px
}

.m13mawuw div,
.m13mawuw input {
    direction: var(--m13mawuw-0)
}

.m13mawuw>div:first-child {
    height: 56px
}

.m13mawuw>div:not(:first-child) {
    inset-inline-start: 0
}

.m13mawuw>div>div:first-child {
    display: none
}

@media (max-width:640px) {
    .m13mawuw {
        margin-bottom: 0
    }
}

.i1hevmqy {
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    width: 192px;
    max-width: 192px;
    position: absolute;
    top: 56px;
    inset-inline-start: 0;
    padding: 20px;
    background: var(--extensions-background-surface);
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px
}

.i1hevmqy>div {
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--text-and-icon-primary)
}

.i1hevmqy button {
    max-width: 40px
}

@media (max-width:520px) {
    .i1hevmqy {
        width: 100%;
        position: relative;
        top: auto;
        padding: 0;
        max-width: none;
        box-shadow: none
    }

    .i1hevmqy button {
        max-width: 56px;
        width: 56px;
        height: 56px
    }

    .i1hevmqy>div {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px
    }
}

.c1uysmya {
    padding: 0;
    width: 40px;
    max-width: 40px;
    min-width: 40px
}

.m1fyrnag {
    display: var(--m1fyrnag-0);
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.oz1g0y7 {
    pointer-events: none;
    color: var(--text-and-icon-primary);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    top: 27px;
    left: 17px;
    position: absolute
}

.oz1g0y7>span {
    visibility: hidden
}

.f1iqx6as {
    display: flex;
    padding: 130px 0;
    justify-content: center;
    align-items: center
}

@media (max-width:640px) {
    .f1iqx6as {
        padding: 250px 0
    }
}

@media (max-width:520px) {
    .p19si7jo {
        width: 30% !important
    }
}

.dvyc6bg * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dvyc6bg .o1xx41c8>div {
    display: none
}

@media (max-width:520px) {
    .dvyc6bg {
        width: 60% !important
    }
}

.c1afhmc9 {
    display: flex;
    align-items: center;
    column-gap: 24px
}

.c10zskg1 {
    border: 1px solid var(--border-primary);
    align-self: stretch;
    margin: 4px 0
}

.ddftwnz {
    display: flex;
    gap: 16px;
    grid-template-columns: 1fr minmax(140px, 180px)
}

.ddftwnz,
.ddftwnz>:first-child {
    width: 100%
}

.ddftwnz>:nth-child(2) {
    min-width: 140px;
    max-width: 180px;
    flex-basis: 100%
}

@media screen and (max-width:360px) {
    .ddftwnz>:nth-child(2) {
        min-width: 90px;
        max-width: 180px
    }
}

.c144qq6l input {
    padding-right: 0 !important
}

.caq7xki {
    margin-top: 64px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--text-and-icon-oncolor)
}

@media (max-width:1440px) {
    .caq7xki {
        max-width: none;
        padding: 0 32px
    }
}

@media (max-width:960px) {
    .caq7xki {
        margin-top: 32px
    }
}

@media (max-width:640px) {
    .caq7xki {
        padding: 0 16px
    }
}

.caq7xki h1 {
    font-size: 88px;
    line-height: 88px;
    max-width: 1150px;
    font-weight: 600;
    margin-bottom: 32px;
    color: var(--extensions-text-and-icon-alwayslight)
}

.caq7xki h1 span {
    color: var(--background-brand)
}

@media (max-width:780px) {
    .caq7xki h1 {
        margin-bottom: 20px;
        font-size: 48px;
        line-height: 60px
    }
}

@media (max-width:520px) {
    .caq7xki h1 {
        margin-bottom: 20px;
        font-size: 32px;
        line-height: 38px
    }
}

.caq7xki div {
    margin-bottom: 56px;
    max-width: 920px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--extensions-text-and-icon-alwayslight)
}

@media (max-width:520px) {
    .caq7xki div {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 20px
    }
}

.ozpzp41 {
    /*background: url(../../../assets/images/bg_hero2.jpg);*/
    background: #333;
    padding-bottom: 96px;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background-size: cover;
    position: relative;
    z-index: 1
}

@media (max-width:520px) {
    .ozpzp41 {
        padding-bottom: 0;
        /*background: linear-gradient(0deg, var(--background-secondary) 50%, transparent 50%), url(../../../assets/images/bg_hero2.jpg);*/
        background: #333;
        background-size: cover
    }
}

.o1j9tvya {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.o1j9tvya>span {
    height: 100% !important
}

.o1j9tvya img {
    object-fit: cover
}

.h1krzn0k {
    pointer-events: none;
    bottom: 38px;
    padding: 16px 0;
    padding-inline: 16px 24px;
    text-align: start;
    transition: opacity .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    filter: drop-shadow(0 4px 20px rgba(50, 57, 66, .14));
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px;
    background: var(--extensions-background-surface);
    width: 328px
}

.h1krzn0k,
.h1krzn0k:after {
    position: absolute;
    z-index: 1
}

.h1krzn0k:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    -webkit-border-start: 9px solid transparent;
    border-inline-start: 9px solid transparent;
    border-top: 10px solid var(--extensions-background-surface);
    -webkit-border-end: 9px solid transparent;
    border-inline-end: 9px solid transparent;
    inset-inline-start: 48%;
    bottom: -10px
}

.h1krzn0k div:first-child {
    margin-bottom: 16px
}

@media (max-width:520px) {
    .h1krzn0k {
        bottom: auto;
        top: 38px;
        width: 100%;
        inset-inline-start: 0;
        inset-inline-end: 0
    }

    .h1krzn0k:after {
        inset-inline-start: 35%;
        bottom: auto;
        top: -10px;
        transform: rotate(180deg)
    }
}

.h139vjto {
    position: relative;
    display: inline-flex;
    flex-direction: column-reverse
}

.h139vjto,
.h139vjto .hint-icon {
    justify-content: center;
    align-items: center
}

.h139vjto .hint-icon {
    z-index: 1;
    -webkit-margin-start: 12px;
    margin-inline-start: 12px;
    display: flex
}

@media (max-width:640px) {
    .h139vjto .hint-icon svg {
        height: 20px;
        width: 20px
    }
}

@media (max-width:520px) {
    .h139vjto {
        position: static
    }
}

.fl1wlpi {
    padding: 0 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media (max-width:640px) {
    .fl1wlpi {
        padding: 0 16px
    }
}

@media (max-width:520px) {
    .fl1wlpi {
        padding: 0
    }
}

.o57jdiy {
    transition: all .3s;
    height: 56px;
    width: 100%
}

@media (max-width:520px) {
    .o57jdiy {
        max-width: none;
        width: 100%
    }
}

.o57jdiy div {
    align-self: center;
    margin-left: 0;
    -webkit-margin-start: 12px;
    margin-inline-start: 12px
}

.o57jdiy div:first-child {
    align-self: flex-end;
    height: 22px
}

.o57jdiy input {
    padding: 0
}

.t1qxost1 div:first-child {
    height: 56px;
    width: 100%;
    padding: 8px 0;
    padding-inline: 16px;
    display: flex;
    align-items: flex-start
}

.t1qxost1 div:first-child .o57jdiy {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.p1jff80y {
    display: flex;
    flex-wrap: wrap;
    height: 64px;
    overflow: hidden;
    gap: 24px;
    width: 100%;
    align-items: center;
    max-width: 1544px;
    margin-top: 24px
}

@media (max-width:520px) {
    .p1jff80y {
        height: auto;
        padding: 0 16px
    }
}

.slspiv4 {
    display: none;
    justify-content: flex-end;
    margin-top: 32px
}

.slspiv4 div {
    cursor: pointer;
    color: var(--text-and-icon-accent);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width:640px) {
    .slspiv4 {
        display: flex;
        margin-top: 24px;
        justify-content: center
    }
}

.ouew6oc {
    position: relative
}

.ouew6oc .o57jdiy {
    display: flex;
    align-items: var(--ouew6oc-0);
    padding: var(--ouew6oc-1)
}

.ouew6oc .placeholder {
    position: absolute;
    pointer-events: none;
    top: 8px;
    z-index: 1;
    inset-inline-start: 16px;
    color: var(--text-and-icon-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px
}

.selbc2r {
    margin-top: var(--selbc2r-0);
    text-align: start;
    -webkit-column-gap: 16px;
    grid-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    width: 100%;
    grid-row-gap: 12px;
    row-gap: 12px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr)
}

@media (min-width:1281px) {
    .selbc2r {
        grid-template-columns: repeat(2, minmax(180px, 1fr)) 176px 180px 240px max-content;
        column-gap: 2px
    }

    .selbc2r>div:first-child>div>div>div {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .selbc2r>div:nth-child(2)>div>div>div,
    .selbc2r>div:nth-child(3)>div>div>div>div,
    .selbc2r>div:nth-child(4)>div>div {
        border-radius: 0
    }

    .selbc2r>div:nth-child(5)>div>div>div {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .selbc2r>button {
        border-radius: 8px;
        -webkit-margin-start: 6px;
        margin-inline-start: 6px
    }
}

@media (max-width:1280px) {
    .selbc2r {
        column-gap: 12px
    }

    .selbc2r>div:first-child {
        grid-column: 1/span 6
    }

    .selbc2r>div:nth-child(2) {
        grid-column: 7/span 6
    }

    .selbc2r>div:nth-child(3) {
        grid-column: 1/span 3
    }

    .selbc2r>div:nth-child(4) {
        grid-column: 4/span 3
    }

    .selbc2r>div:nth-child(5) {
        grid-column: 7/span 3
    }

    .selbc2r>button {
        border-radius: 8px;
        grid-column: 10/span 3
    }
}

@media (max-width:960px) {
    .selbc2r>div:nth-child(1n+2) {
        grid-column: 1/span 6
    }

    .selbc2r>button,
    .selbc2r>div:nth-child(2n) {
        grid-column: 7/span 6
    }
}

@media (max-width:640px) {
    .selbc2r>div:first-child>div>div>div {
        border-end-start-radius: 4px;
        border-end-end-radius: 4px
    }

    .selbc2r>div:nth-child(2)>div>div>div {
        border-start-start-radius: 4px;
        border-start-end-radius: 4px
    }

    .selbc2r>div:first-child {
        grid-column: 1/span 12
    }

    .selbc2r>div:nth-child(2) {
        grid-column: 1/span 12;
        -webkit-margin-before: -6px;
        margin-block-start: -6px
    }

    .selbc2r>button,
    .selbc2r>div:nth-child(3),
    .selbc2r>div:nth-child(4),
    .selbc2r>div:nth-child(5),
    .selbc2r>div:nth-child(6),
    .selbc2r>div:nth-child(7) {
        grid-column: 1/span 12
    }

    .selbc2r>button {
        border-radius: 8px
    }
}

.cn766ft {
    padding: 8px 20px
}

.cn766ft span {
    display: flex;
    align-items: center;
    overflow: initial;
    margin-left: 0
}

.c16dcqxi {
    overflow: initial;
    flex-wrap: wrap
}

.c16dcqxi .cn766ft {
    margin-right: 0;
    -webkit-margin-end: 8px;
    margin-inline-end: 8px
}

@media (max-width:520px) {
    .s1v64oof {
        width: 100%
    }
}

.h1wxcvg1 {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-and-icon-secondary)
}

.m1x936p {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 20px
}

.m1x936p div,
.m1x936p input {
    direction: var(--m1x936p-0)
}

.m1x936p>div:first-child {
    height: 56px
}

.m1x936p>div:not(:first-child) {
    inset-inline-start: 0
}

.m1x936p>div>div:first-child {
    display: none
}

@media (max-width:640px) {
    .m1x936p {
        margin-bottom: 0
    }
}

.ikju9rl {
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    width: 192px;
    max-width: 192px;
    position: absolute;
    top: 56px;
    inset-inline-start: 0;
    padding: 20px;
    background: var(--extensions-background-surface);
    box-shadow: 0 4px 20px rgba(50, 57, 66, .14);
    border-radius: 16px
}

.ikju9rl>div {
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--text-and-icon-primary)
}

.ikju9rl button {
    max-width: 40px
}

@media (max-width:520px) {
    .ikju9rl {
        width: 100%;
        position: relative;
        top: auto;
        padding: 0;
        max-width: none;
        box-shadow: none
    }

    .ikju9rl button {
        max-width: 56px;
        width: 56px;
        height: 56px
    }

    .ikju9rl>div {
        font-weight: 700;
        font-size: 32px;
        line-height: 44px
    }
}

.cw01o1q {
    padding: 0;
    width: 40px;
    max-width: 40px;
    min-width: 40px
}

.mgiuki9 {
    display: var(--mgiuki9-0);
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.i1belj55 {
    margin: 4px 0 0
}

.i1belj55 div {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: var(--text-and-icon-secondary)
}

.o1cfq6fm {
    pointer-events: none;
    color: var(--text-and-icon-primary);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    top: 27px;
    left: 17px;
    position: absolute
}

.c1ucutoe {
    cursor: pointer;
    min-height: 40px;
    max-height: 40px;
    min-width: 40px;
    max-width: 40px;
    border-radius: 50%;
    border: 4px solid var(--background-primary);
    background: var(--background-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.d176yldf {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-template-columns: 1fr minmax(140px, 180px);
    width: 100%
}

@media screen and (max-width:360px) {
    .d176yldf {
        grid-template-columns: 1fr minmax(90px, 180px)
    }
}

.c176wjzy input {
    padding-right: 0 !important
}

.du5zrwp {
    position: absolute;
    visibility: visible;
    z-index: 1001;
    top: 56px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 8px;
    background-color: var(--extensions-background-surface);
    min-width: 360px
}

@media (min-width:521px) {
    .du5zrwp {
        filter: drop-shadow(0 4px 20px rgba(50, 57, 66, .14))
    }
}

.dph74md {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    padding: 8px 16px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start
}

.dph74md span {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--text-and-icon-secondary)
}

.dph74md:hover {
    background-color: var(--background-secondary)
}

.s1l8h4w5 {
    height: 56px;
    width: 100%;
    transition: all .3s
}

.s1l8h4w5 input {
    padding: 0
}

@media (max-width:520px) {
    .s1l8h4w5 {
        width: 100%
    }
}

.s1l8h4w5 div {
    align-self: center;
    margin-left: 0
}

.s1l8h4w5>div:first-child {
    width: auto
}

.ifjuww8 {
    position: relative;
    min-width: 168px;
    width: 100%;
    transition: all .3s
}

@media (max-width:640px) {
    .ifjuww8 {
        max-width: none;
        width: 100%;
        -webkit-margin-end: 0;
        margin-inline-end: 0
    }
}

.ifjuww8 .s1l8h4w5 {
    display: flex;
    align-items: center;
    padding: 16px 12px
}

.ifjuww8 .s1l8h4w5 input {
    line-height: var(--ifjuww8-0)
}

.ij2c3as {
    color: var(--text-and-icon-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    background: var(--background-primary);
    display: flex;
    align-items: center;
    column-gap: 4px;
    padding: 2px 10px 2px 8px;
    border-radius: 16px;
    min-width: max-content
}

.ij2c3as span {
    cursor: pointer
}

@media (max-width:560px) {
    .ij2c3as {
        position: absolute;
        top: 12px;
        z-index: 1000;
        inset-inline-start: 12px
    }
}

.rr5977v>div:first-child {
    padding: 12px 16px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    text-align: left
}

.r37i5xj {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
    white-space: nowrap;
    position: relative;
    padding: 18px;
    background: var(--background-primary);
    border-radius: 48px;
    transition: .3s;
    height: 100%;
    width: max-content;
    box-shadow: 0 2px 8px 0 rgba(39, 44, 51, .12)
}

.r37i5xj:hover {
    cursor: pointer;
    box-shadow: 0 5px 20px 0 rgba(39, 44, 51, .08)
}

@media (max-width:520px) {
    .r37i5xj {
        padding: 24px;
        white-space: normal
    }
}

.rovhoni {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    -webkit-letter-spacing: -.2px;
    -moz-letter-spacing: -.2px;
    -ms-letter-spacing: -.2px;
    letter-spacing: -.2px
}

.rovhoni p {
    margin: 0
}

.rovhoni svg {
    min-width: 24px;
    min-height: 24px;
    height: 28px;
    margin: 0 4px
}

.r1prs817 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: var(--text-and-icon-secondary)
}

.pgozgvu {
    padding: 0 0 88px
}

.r9ex6o0 {
    padding: 40px;
    background: var(--background-primary);
    border-radius: 48px;
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

.r9ex6o0 h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    margin: 0
}

.r9ex6o0 a {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--text-and-icon-accent)
}

@media (max-width:580px) {
    .r9ex6o0 {
        row-gap: 16px
    }
}

.d1kv476l {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-height: var(--d1kv476l-0);
    grid-row-gap: 16px;
    row-gap: 16px;
    -webkit-column-gap: 32px;
    grid-column-gap: 32px;
    column-gap: 32px;
    overflow: hidden
}

.d1kv476l a {
    color: var(--text-and-icon-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-align: start;
    justify-content: flex-start
}

@media (max-width:860px) {
    .d1kv476l {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:580px) {
    .d1kv476l {
        grid-template-columns: 1fr;
        max-height: var(--d1kv476l-1)
    }
}

.c9cxqyc {
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 16px;
    padding-inline-end: 16px;
    display: flex;
    align-items: center
}

.c9cxqyc svg {
    height: 24px;
    width: 24px
}

.c9cxqyc span {
    display: flex;
    align-items: center;
    overflow: initial;
    margin-left: 0
}
.l1py5yp5 {
    position: relative;
}
.c15uy33v, .ca9ho1h {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 60px;
    margin-top: 80px;
}
.b1p4h46c {
    position: relative;
    max-width: 794px;
    width: 100%;
    background: var(--background-primary);
    color: var(--text-and-icon-primary);
    box-shadow: 0 1.5px 8.9px rgba(50,57,66,.08);
    border-radius: 24px;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

@media (max-width: 780px) {
    .h1vpyt5m {
        font-size: 32px !important; /* Reduce font size for smaller screens */
        line-height: 32px;
    }
}

@media (max-width: 640px) {
.l1py5yp5 svg {
    max-height: 243px;
}
}

@media (max-width: 1140px) {
.l1py5yp5 svg {
    width: 100%;
}
}
@media (max-width: 1140px){
.c15uy33v {
    flex-wrap: wrap-reverse;
    margin-top: 40px;
}}
.c15uy33v {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 60px;
    margin-top: 80px;
}