.b87db8 {
    display: flex;
    flex-direction: column
}

._2f4234 {
    gap: 2rem
}

._789385 {
    gap: .75rem
}

._316238 {
    font-size: 15px;
    height: 56px;
    padding: .5rem;
    width: 100%
}

._316238 svg {
    height: 2rem;
    min-width: 32px;
    width: 2rem
}

.b5ea38 {
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: grid;
    row-gap: 10px
}

.e67cf6 {
    grid-column: span 3/span 3;
    order: 1
}

._1594e9 {
    grid-column: span 1/span 1;
    order: 2
}

.b5ea38>button:nth-child(n+3) {
    order: 3
}

._0bfb4d,
._28d1e8 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

._0bfb4d button {
    grid-column: span 1/span 1
}

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

.e5fea7 button:first-child {
    grid-column: span 2/span 2
}

.e5fea7 button:nth-child(n+2) {
    grid-column: span 1/span 1
}

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

.d99a08 button:nth-child(n+3) {
    grid-column: span 1/span 1
}

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

._98d3c5 button:first-child {
    grid-column: span 4/span 4
}

._98d3c5 button:nth-child(n+2) {
    grid-column: span 2/span 2
}

@media (min-width:360px) {
    ._98d3c5 button:nth-child(n+2) {
        grid-column: span 1/span 1
    }
}

._5bb2cd {
    color: #313438;
    color: rgb(49 52 56/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 600
}

._5bb2cd,
.c85c3d {
    --tw-text-opacity: 1
}

.c85c3d {
    align-items: center;
    color: #686a6e;
    color: rgb(104 106 110/var(--tw-text-opacity));
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: inline-flex;
    flex-direction: column;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:420px) {
    .c85c3d {
        flex-direction: row
    }
}

.c85c3d>span {
    --tw-text-opacity: 1;
    color: #15191d;
    color: rgb(21 25 29/var(--tw-text-opacity));
    cursor: pointer;
    font-weight: 600
}

.fea18e {
    font-size: 16px
}

.c9b3ec {
    font-size: .75rem
}

._4332a4 {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

._1fd6ef {
    display: flex;
    flex-direction: column
}

._0c7e8f {
    gap: 2rem
}

.b95cc6 {
    gap: .75rem
}

._40f7de {
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    padding: .5rem;
    width: 100%
}

@media (min-width:360px) {
    ._40f7de {
        font-size: 20px
    }
}

._40f7de svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

.a8546e {
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: grid;
    row-gap: 10px
}

._2aafc1,
._855a2c {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

._2aafc1 button {
    grid-column: span 1/span 1
}

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

._404771 button:first-child {
    grid-column: span 2/span 2
}

._404771 button:nth-child(n+2) {
    grid-column: span 1/span 1
}

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

._8da6cb button:first-child {
    grid-column: span 3/span 3
}

._8da6cb button:nth-child(n+2) {
    grid-column: span 1/span 1
}

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

.bbd408 button:first-child {
    grid-column: span 4/span 4
}

.bbd408 button:nth-child(n+2) {
    grid-column: span 2/span 2
}

@media (min-width:360px) {
    .bbd408 button:nth-child(n+2) {
        grid-column: span 1/span 1
    }
}

._67ee5b {
    color: #313438;
    color: rgb(49 52 56/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 600
}

._2b3088,
._67ee5b {
    --tw-text-opacity: 1
}

._2b3088 {
    align-items: center;
    color: #686a6e;
    color: rgb(104 106 110/var(--tw-text-opacity));
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    display: inline-flex;
    flex-direction: column;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:420px) {
    ._2b3088 {
        flex-direction: row
    }
}

._2b3088>span {
    --tw-text-opacity: 1;
    color: #15191d;
    color: rgb(21 25 29/var(--tw-text-opacity));
    cursor: pointer;
    font-weight: 600
}

._9c65ac {
    font-size: 16px
}

._9b01b4 {
    font-size: 14px
}

@media (min-width:360px) {
    ._9b01b4 {
        font-size: 16px
    }
}

.ef000e {
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.e0de49 {
    margin-top: 7rem;
    max-width: 400px;
    width: 100%
}

._51903a {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1100
}

.c85c3a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #15191d;
    background-color: rgb(21 25 29/var(--tw-bg-opacity));
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    gap: 11px;
    justify-content: center;
    padding: 22px;
    width: 100%
}

.c85c3a>svg:first-child {
    height: auto;
    margin-right: .25rem;
    width: 40px
}

.c85c3a>svg:last-child {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._4cc162 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #313438;
    background-color: rgb(49 52 56/var(--tw-bg-opacity));
    border-radius: 16px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    gap: .75rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    padding: 1.25rem
}

._4cc162>span:first-child {
    font-weight: 500
}

._4cc162>span:last-child {
    font-size: 30px;
    font-weight: 300
}

.b4c710 {
    padding-bottom: .5rem
}

._1300a4 {
    padding-bottom: 42px;
    padding-top: 42px
}

._8b1286 {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 999
}

._6bce35 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-border-opacity: .16;
    align-items: center;
    background-color: #15191d;
    background-color: rgb(21 25 29/var(--tw-bg-opacity));
    border-color: #ffffff29;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-width: 1px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    gap: 11px;
    justify-content: center;
    padding: 22px;
    width: 100%
}

._6bce35>svg:first-child {
    height: 26px;
    width: 53px
}

._6bce35>svg:last-child {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

._8f9fff {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #313438;
    background-color: rgb(49 52 56/var(--tw-bg-opacity));
    border-radius: 16px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    gap: .75rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    padding: 1.25rem
}

._8f9fff>span:first-child {
    font-weight: 500
}

._8f9fff>span:last-child {
    font-size: 30px;
    font-weight: 300
}

.a49d54 {
    padding-bottom: .5rem
}

._27f857 {
    padding: 1.25rem
}

._815883 {
    font-size: 28px
}

@media (min-width:360px) {
    ._815883 {
        font-size: 34px
    }
}

@media (min-width:420px) {
    ._815883 {
        font-size: 42px
    }
}

._30de44 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    padding-bottom: 2.5rem;
    padding-top: .25rem
}

@media (min-width:360px) {
    ._30de44 {
        font-size: 24px
    }
}

@media (min-width:420px) {
    ._30de44 {
        font-size: 26px
    }
}

._1c6880 {
    --tw-bg-opacity: .2;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: #fff3;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: 999px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    height: 3rem;
    justify-content: center;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 3rem
}

._1c6880:focus {
    --tw-bg-opacity: .3;
    background-color: #ffffff4d;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

._1c6880 svg {
    height: 1.5rem;
    min-width: 24px;
    width: 1.5rem
}

.dd6903 {
    animation: _1e2e00 5.4s linear infinite both
}

.b1ed53 {
    animation: _55e0d0 5.4s linear infinite both
}

._93cdf0 {
    animation: _93cdf0 5.4s linear infinite both
}

@keyframes _1e2e00 {
    0% {
        transform: translate(0)
    }
    4% {
        transform: translate(5px)
    }
    8% {
        transform: translate(0)
    }
}

@keyframes _55e0d0 {
    0% {
        transform: translate(0)
    }
    4% {
        transform: translate(-5px)
    }
    8% {
        transform: translate(0)
    }
}

@keyframes _93cdf0 {
    0% {
        transform: translate(0)
    }
    4% {
        transform: translate(5px)
    }
    8% {
        transform: translate(0)
    }
}

._1ed833 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: #313438;
    background-color: rgb(49 52 56/var(--tw-bg-opacity));
    border-radius: 16px;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    gap: .75rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    padding: 1.25rem
}

._1ed833>span:first-child {
    font-weight: 500
}

._1ed833>span:last-child {
    font-size: 30px;
    font-weight: 300
}

.fe218b {
    padding-bottom: .5rem
}