.step.svelte-11sqsq3.svelte-11sqsq3 {
    border-inline-start: 1px solid hsl(var(--web-color-offset));
    padding-inline-start: 2rem;
    padding-block-end: var(--padding-block-end);
    position: relative
}

@media screen and (max-width: 1024px) {
    .step.svelte-11sqsq3.svelte-11sqsq3 {
        padding: unset;
        border: none
    }
}

.step.svelte-11sqsq3 .web-dot.svelte-11sqsq3 {
    position: absolute;
    inset-inline-start: calc(var(--p-dot-size) / 2 * -1)
}

@media screen and (max-width: 1024px) {
    .step.svelte-11sqsq3 .web-dot.svelte-11sqsq3 {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .step-content.svelte-11sqsq3.svelte-11sqsq3 {
        width: calc(100vw - 40px)
    }
}

.step[data-hideline=true].svelte-11sqsq3.svelte-11sqsq3 {
    border-inline-start: 1px solid transparent
}

.console.svelte-orbz0s.svelte-orbz0s {
    border-radius: var(--m-border-radius);
    --m-border-radius: 18px;
    --m-border-gradient-before: linear-gradient(to bottom, hsl(0, 0%, 100%, .12), hsl(0, 0%, 100%, 0));
    aspect-ratio: 16/11;
    position: relative;
    overflow: hidden
}

.console.svelte-orbz0s.svelte-orbz0s:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-before) border-box
}

.console.svelte-orbz0s.svelte-orbz0s:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-after) border-box
}

@media screen and (max-width: 1024px) {
    .console.svelte-orbz0s.svelte-orbz0s {
        --m-border-gradient-before: transparent;
        aspect-ratio: unset;
        height: 400px;
        width: 100%
    }
}

.console.svelte-orbz0s .inner.svelte-orbz0s {
    border: 8px solid #2d2d2f;
    border-radius: 18px;
    overflow: hidden;
    height: 100%
}

@media screen and (max-width: 1024px) {
    .console.svelte-orbz0s .inner.svelte-orbz0s {
        display: none;
        border: none
    }
}

.console.svelte-orbz0s .inner .header.svelte-orbz0s {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: 2.5rem;
    padding-block: 20px;
    background: #18181b;
    border-block-end: 1px solid hsl(var(--web-color-offset));
    color: #fff
}

.console.svelte-orbz0s .inner .griddy.svelte-orbz0s {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 0;
    height: 100%
}

.console.svelte-orbz0s .inner .griddy .sidebar.svelte-orbz0s {
    background-color: #1c1c20;
    padding: 2.5rem
}

.console.svelte-orbz0s .inner .griddy .sidebar ul.svelte-orbz0s {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.console.svelte-orbz0s .inner .griddy .sidebar ul li.svelte-orbz0s {
    position: relative;
    display: flex;
    align-items: center;
    gap: .75rem
}

.console.svelte-orbz0s .inner .griddy .sidebar ul li.svelte-orbz0s:before {
    content: "";
    background: var(--marker);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    width: 1rem;
    height: 1rem
}

.console.svelte-orbz0s .inner .griddy .sidebar ul li.svelte-orbz0s:not(:last-child):after {
    content: "";
    position: absolute;
    inset-inline-start: .45rem;
    inset-block-end: -40px;
    height: 32px;
    width: 1px;
    border-inline-end: 1px solid hsl(var(--web-color-offset))
}

.console.svelte-orbz0s .inner .griddy .sidebar ul li.svelte-orbz0s:first-child {
    color: #fff
}

.console.svelte-orbz0s .inner .griddy .sidebar ul li.svelte-orbz0s:first-child:before {
    background: var(--marker-active)
}

.console.svelte-orbz0s .inner .griddy .content.svelte-orbz0s {
    background-color: #242427;
    padding: 2.5rem 2rem
}

.console.svelte-orbz0s .inner .griddy .content hr.svelte-orbz0s {
    border-block-end: 1px solid hsl(var(--web-color-offset));
    margin-block: 2rem
}

.console.svelte-orbz0s .inner .griddy .content label.svelte-orbz0s {
    display: block;
    margin-block-start: 2rem
}

.console.svelte-orbz0s .inner .griddy .content input.svelte-orbz0s,
.console.svelte-orbz0s .inner .griddy .content textarea.svelte-orbz0s {
    --p-input-bg-color: 0 0 0 / .16;
    margin-block-start: .25rem
}

.console.svelte-orbz0s .overlay.svelte-orbz0s {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #18181b00, #18181b);
    border-radius: var(--m-border-radius);
    pointer-events: none
}

.console.svelte-orbz0s .phone.svelte-orbz0s {
    position: relative;
    border-radius: var(--m-border-radius);
    --m-border-radius: 60px 60px 0 0;
    --m-border-gradient-before: linear-gradient(to bottom, hsl(0, 0%, 100%, .12), hsl(0, 0%, 100%, 0));
    width: 364px;
    height: 700px;
    position: absolute;
    inset-inline-end: 6%;
    inset-block-end: 0;
    background-color: #ffffff05;
    -webkit-backdrop-filter: blur(42px);
    backdrop-filter: blur(42px)
}

.console.svelte-orbz0s .phone.svelte-orbz0s:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-before) border-box
}

.console.svelte-orbz0s .phone.svelte-orbz0s:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-after) border-box
}

@media screen and (max-width: 1024px) {
    .console.svelte-orbz0s .phone.svelte-orbz0s {
        inset-inline-start: 50%;
        inset-block-start: 0;
        transform: translate(-50%)
    }
}

.console.svelte-orbz0s .phone .notch.svelte-orbz0s {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 1.5rem;
    transform: translate(-50%);
    block-size: 1.5rem;
    inline-size: 7.5rem;
    background-color: #00000040;
    border-radius: 1000px
}

.console.svelte-orbz0s .phone .date.svelte-orbz0s {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 5rem;
    transform: translate(-50%);
    color: #ffffff3d;
    font-size: .75rem
}

.console.svelte-orbz0s .phone .time.svelte-orbz0s {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 5rem;
    transform: translate(-50%);
    color: #ffffff3d;
    font-size: 5.25rem;
    font-weight: 600
}

.console.svelte-orbz0s .notification.svelte-orbz0s {
    position: relative;
    border-radius: var(--m-border-radius);
    --m-border-radius: 20px;
    --m-border-gradient-before: linear-gradient(to bottom, hsl(0, 0%, 100%, .12), hsl(0, 0%, 100%, 0));
    background-color: #ffffff0f;
    -webkit-backdrop-filter: blur(42px);
    backdrop-filter: blur(42px);
    padding: 1.125rem;
    position: absolute;
    inset-inline-end: 2.5rem;
    inset-block-start: 20rem;
    width: 23.75rem;
    min-height: 8.75rem
}

.console.svelte-orbz0s .notification.svelte-orbz0s:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-before) border-box
}

.console.svelte-orbz0s .notification.svelte-orbz0s:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-after) border-box
}

@media screen and (max-width: 1024px) {
    .console.svelte-orbz0s .notification.svelte-orbz0s {
        inset-block-start: 12rem;
        inset-inline-start: 50%;
        transform: translate(-50%)
    }
}

.console.svelte-orbz0s .notification .header.svelte-orbz0s {
    display: flex;
    align-items: center;
    gap: .375rem
}

.console.svelte-orbz0s .notification .header [class*=icon].svelte-orbz0s {
    color: hsl(var(--web-color-accent))
}

.console.svelte-orbz0s .notification .header span.svelte-orbz0s:not(:last-child) {
    font-size: .75rem
}

.console.svelte-orbz0s .notification .header span.svelte-orbz0s:last-child {
    margin-inline-start: auto;
    font-size: .75rem
}

.console.svelte-orbz0s .notification .title.svelte-orbz0s {
    display: block;
    margin-block-start: .5rem;
    color: hsl(var(--web-color-primary));
    overflow-wrap: break-word
}

.console.svelte-orbz0s .notification .message.svelte-orbz0s {
    display: block;
    margin-block-start: .25rem;
    color: hsl(var(--web-color-text-secondary));
    font-size: .875rem;
    overflow-wrap: break-word
}

.text.svelte-orbz0s.svelte-orbz0s {
    position: absolute;
    max-inline-size: 33.5rem;
    inset-block-end: var(--padding-block-end);
    inset-inline-start: 5rem
}

@media screen and (max-width: 1024px) {
    .text.svelte-orbz0s.svelte-orbz0s {
        position: relative;
        max-inline-size: unset;
        inset: unset;
        padding-block-end: var(--padding-block-end);
        max-width: 100%
    }
}

.wrapper.svelte-1w8bpxj.svelte-1w8bpxj {
    display: grid;
    grid-template-columns: auto auto;
    gap: 5rem;
    align-items: center;
    justify-content: center;
    margin-block-start: 4.5rem
}

@media (max-width: 700px) {
    .wrapper.svelte-1w8bpxj.svelte-1w8bpxj {
        display: flex;
        justify-content: center
    }
}

.blur.svelte-1w8bpxj.svelte-1w8bpxj {
    position: absolute;
    background: radial-gradient(circle at center, #85dbd899, #85dbd800 70%);
    width: 505px;
    height: 505px;
    inset-block-start: 10rem;
    filter: blur(100px);
    pointer-events: none
}

.calendar.svelte-1w8bpxj.svelte-1w8bpxj {
    position: relative;
    border-radius: var(--m-border-radius);
    --m-border-radius: 1.5rem;
    --m-border-gradient-before: linear-gradient(to bottom, hsl(0, 0%, 100%, .07), hsl(0, 0%, 100%, 0));
    width: 30rem;
    background: #1d1d20a3;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px)
}

.calendar.svelte-1w8bpxj.svelte-1w8bpxj:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-before) border-box
}

.calendar.svelte-1w8bpxj.svelte-1w8bpxj:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-after) border-box
}

@media (max-width: 768px) {
    .calendar.svelte-1w8bpxj.svelte-1w8bpxj {
        margin-inline: auto;
        max-width: 30rem
    }
}

@media (max-width: 500px) {
    .calendar.svelte-1w8bpxj.svelte-1w8bpxj {
        margin-inline: auto;
        max-width: 20rem
    }
}

header.svelte-1w8bpxj.svelte-1w8bpxj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.125rem
}

.grid.svelte-1w8bpxj.svelte-1w8bpxj {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-block-start: 1.75rem;
    width: 100%;
    text-align: center
}

.grid.svelte-1w8bpxj [data-role=gridcell] button.svelte-1w8bpxj {
    aspect-ratio: 1;
    width: 100%;
    font-size: 1.5rem;
    position: relative;
    color: #fff;
    transition: .15s ease
}

@media screen and (max-width: 500px) {
    .grid.svelte-1w8bpxj [data-role=gridcell] button.svelte-1w8bpxj {
        font-size: 1rem
    }
}

.grid.svelte-1w8bpxj [data-role=gridcell] button span.svelte-1w8bpxj {
    position: relative
}

.grid.svelte-1w8bpxj [data-role=gridcell] button[data-disabled].svelte-1w8bpxj {
    color: #ffffff80;
    cursor: not-allowed
}

.grid.svelte-1w8bpxj [data-role=gridcell] button.svelte-1w8bpxj:not(:is([data-disabled], [data-selected])):hover {
    opacity: .75
}

.grid.svelte-1w8bpxj [data-role=gridcell] button.svelte-1w8bpxj:before {
    content: "";
    position: absolute;
    top: .725rem;
    right: .725rem;
    bottom: .725rem;
    left: .725rem;
    background: linear-gradient(to bottom right, #fff -20%, #85dbd8 30%, #85dbd89e);
    border-radius: 1rem;
    opacity: 0;
    transform: scale(.95);
    transition: opacity .15s ease, transform .15s ease
}

.grid.svelte-1w8bpxj [data-role=gridcell] button[data-selected].svelte-1w8bpxj {
    color: #000
}

.grid.svelte-1w8bpxj [data-role=gridcell] button[data-selected].svelte-1w8bpxj:before {
    opacity: 1;
    transform: scale(1)
}

.time-picker.svelte-1w8bpxj.svelte-1w8bpxj {
    -webkit-user-select: none;
    user-select: none;
    position: relative
}

.time-picker.svelte-1w8bpxj>div.svelte-1w8bpxj {
    display: grid;
    grid-template-columns: 77px 16px 77px;
    text-align: center;
    color: #ffffff80
}

.time-picker.svelte-1w8bpxj>div.svelte-1w8bpxj:is(:nth-child(1), :nth-last-child(1)) {
    font-size: 12px
}

.time-picker.svelte-1w8bpxj>div.svelte-1w8bpxj:is(:nth-child(2), :nth-last-child(2)) {
    font-size: 14px
}

.time-picker.svelte-1w8bpxj>div.svelte-1w8bpxj:is(:nth-child(3), :nth-last-child(3)) {
    font-size: 16px
}

.time-picker.svelte-1w8bpxj>div.svelte-1w8bpxj:is(:nth-child(4), :nth-last-child(4)) {
    font-size: 24px
}

.time-picker.svelte-1w8bpxj>div.svelte-1w8bpxj:is(:nth-child(5), :nth-last-child(5)) {
    font-size: 32px
}

.time-picker.svelte-1w8bpxj>div.svelte-1w8bpxj:nth-child(6) {
    font-size: 38px;
    color: #fff
}

.time-picker.svelte-1w8bpxj.svelte-1w8bpxj:before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    height: 50%;
    width: 100%;
    inset-block-start: 0;
    inset-block-end: 50%;
    background: linear-gradient(to bottom, #1a181b00, #1a181b00 10%, #1a181b);
    transform: rotate(180deg);
    z-index: 10
}

.time-picker.svelte-1w8bpxj.svelte-1w8bpxj:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset-block-start: 50%;
    background: linear-gradient(to bottom, #1a181b00, #1a181b00 10%, #1a181b);
    z-index: 10
}

h3.svelte-1w8bpxj.svelte-1w8bpxj {
    text-align: center;
    margin-block-start: 4.5rem
}

@media screen and (max-width: 1024px) {
    h3.svelte-1w8bpxj.svelte-1w8bpxj {
        text-align: left
    }
}

h3.svelte-1w8bpxj+p.svelte-1w8bpxj {
    text-align: center;
    margin-block-start: 1.5rem;
    max-width: 20rem;
    margin-inline: auto
}

@media screen and (max-width: 1024px) {
    h3.svelte-1w8bpxj+p.svelte-1w8bpxj {
        padding-block-end: var(--padding-block-end);
        text-align: left;
        margin-inline: 0;
        max-width: 100%
    }
}

.wrapper.svelte-tvnt42.svelte-tvnt42 {
    display: flex;
    align-items: flex-end;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .wrapper.svelte-tvnt42.svelte-tvnt42 {
        align-items: start
    }
}

.wrapper.svelte-tvnt42 .overlay.svelte-tvnt42 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #18181b00, #18181b00 60%, #18181b);
    pointer-events: none;
    z-index: 100
}

@media screen and (max-width: 1024px) {
    .wrapper.svelte-tvnt42.svelte-tvnt42 {
        display: flex;
        flex-direction: column
    }
}

.phone.svelte-tvnt42.svelte-tvnt42 {
    width: 24.375rem;
    height: 49rem;
    margin-inline-start: 15rem;
    z-index: 10
}

@media screen and (max-width: 1024px) {
    .phone.svelte-tvnt42.svelte-tvnt42 {
        margin: auto;
        height: 30rem
    }
}

.img-overlay.svelte-tvnt42.svelte-tvnt42 {
    height: 50%;
    width: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset-block-start: 50%;
    inset-block-end: -1rem;
    background: linear-gradient(to bottom, #1a181b00, #1a181b66 10%, #1a181b)
}

@media screen and (max-width: 1024px) {
    .img-overlay.svelte-tvnt42.svelte-tvnt42 {
        margin: auto;
        height: 30rem;
        background: linear-gradient(to bottom, #1a181b00, #1a181b33 10%, #1a181be6 50%, #1a181b)
    }
}

.android.svelte-tvnt42.svelte-tvnt42 {
    height: 100%;
    position: relative
}

@media screen and (max-width: 1024px) {
    .android.svelte-tvnt42.svelte-tvnt42 {
        margin-block-start: -5rem;
        padding-block-end: var(--padding-block-end)
    }
}

.android.svelte-tvnt42 h3.svelte-tvnt42 {
    padding-inline-start: 2rem;
    position: relative;
    z-index: 1000;
    max-width: 31.25rem
}

@media screen and (max-width: 1024px) {
    .android.svelte-tvnt42 h3.svelte-tvnt42 {
        padding: 0
    }
}

.android.svelte-tvnt42 p.svelte-tvnt42 {
    padding-inline-start: 2rem;
    position: relative;
    z-index: 1000;
    margin-block-start: 1rem;
    padding-block-end: 2rem
}

@media screen and (max-width: 1024px) {
    .android.svelte-tvnt42 p.svelte-tvnt42 {
        padding: 0
    }
}

.android.svelte-tvnt42 img.svelte-tvnt42 {
    display: block;
    max-inline-size: unset;
    max-block-size: unset;
    inline-size: 21.375rem;
    block-size: 44.9375rem;
    inset-block-end: 0;
    margin-inline-start: -1rem;
    position: absolute
}

@media screen and (max-width: 1024px) {
    .android.svelte-tvnt42 img.svelte-tvnt42 {
        display: none
    }
}

button.svelte-1ydmwmh.svelte-1ydmwmh {
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    inline-size: 100%
}

button.svelte-1ydmwmh .web-icon-chevron-down.svelte-1ydmwmh {
    transition: .2s ease
}

[data-state=open] button.svelte-1ydmwmh .web-icon-chevron-down.svelte-1ydmwmh {
    transform: rotate(180deg)
}

button.svelte-1j59zd8.svelte-1j59zd8 {
    border-radius: var(--m-border-radius);
    --p-size: var(--size, 1.25rem);
    --m-border-radius: calc(var(--p-size) / 4);
    --m-border-gradient-before: linear-gradient(to bottom, hsl(0, 0%, 100%, .16), hsl(0, 0%, 100%, 0));
    background-color: #ffffff1f;
    block-size: var(--p-size);
    inline-size: var(--p-size);
    position: relative;
    transition: .15s ease
}

button.svelte-1j59zd8.svelte-1j59zd8:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-before) border-box
}

button.svelte-1j59zd8.svelte-1j59zd8:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-after) border-box
}

button.svelte-1j59zd8.svelte-1j59zd8:hover {
    opacity: .8
}

button.svelte-1j59zd8.svelte-1j59zd8:active {
    opacity: .6
}

button.svelte-1j59zd8.svelte-1j59zd8:not([data-state=unchecked]) {
    background-color: hsl(var(--web-color-accent))
}

button.svelte-1j59zd8>[class^=web-icon-].svelte-1j59zd8 {
    color: hsl(var(--web-color-primary));
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(var(--p-size) * .875)
}

.wrapper.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb {
    position: relative;
    overflow: hidden;
    margin-block-start: 2rem
}

.wrapper.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #19191c00, #19191c00 80%, #19191c);
    pointer-events: none
}

@media screen and (max-width: 769px) {
    .wrapper.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb {
        overflow: visible
    }
}

svg.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb {
    width: 100%;
    margin-block-start: 2rem
}

svg.svelte-1jiwneb line.svelte-1jiwneb.svelte-1jiwneb,
svg.svelte-1jiwneb linearGradient.svelte-1jiwneb.svelte-1jiwneb,
svg.svelte-1jiwneb circle.svelte-1jiwneb.svelte-1jiwneb {
    transition: .2s ease
}

svg.svelte-1jiwneb foreignObject span.svelte-1jiwneb.svelte-1jiwneb {
    position: relative;
    border-radius: var(--m-border-radius);
    --m-border-radius: .5rem;
    --m-border-gradient-before: linear-gradient(to bottom, hsl(0, 0%, 100%, .07), hsl(0, 0%, 100%, 0));
    display: inline-block;
    background: linear-gradient(to bottom, #373739, #27272a);
    padding: .5rem .75rem;
    opacity: 0;
    transition: .2s ease;
    font-size: 1.175rem;
    translate: 0 4px
}

svg.svelte-1jiwneb foreignObject span.svelte-1jiwneb.svelte-1jiwneb:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-before) border-box
}

svg.svelte-1jiwneb foreignObject span.svelte-1jiwneb.svelte-1jiwneb:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-after) border-box
}

svg.svelte-1jiwneb foreignObject span[data-active=true].svelte-1jiwneb.svelte-1jiwneb {
    opacity: 1
}

.users-modal.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb {
    position: relative;
    border-radius: var(--m-border-radius);
    position: absolute;
    inset-block-start: 5rem;
    inset-inline-start: 50%;
    transform: translate(-50%);
    inline-size: 30rem;
    padding: 2rem;
    background-color: #ffffff05;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    --m-border-gradient-before: linear-gradient(to bottom, hsl(0, 0%, 100%, .07), hsl(0, 0%, 100%, 0));
    --m-border-radius: 1.5rem
}

.users-modal.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-before) border-box
}

.users-modal.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--m-border-radius);
    border: var(--m-border-size, 1px) solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    background: var(--m-border-gradient-after) border-box
}

@media screen and (max-width: 769px) {
    .users-modal.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb {
        position: relative;
        transform: none;
        inset-block-start: unset;
        inset-inline-start: unset;
        display: block;
        margin-inline: auto;
        inline-size: 100%;
        max-inline-size: 30rem;
        z-index: -1;
        max-block-size: 28rem;
        overflow: hidden
    }
}

.users-modal.svelte-1jiwneb .accordion-items.svelte-1jiwneb.svelte-1jiwneb {
    display: flex;
    flex-direction: column;
    margin-block-start: 2rem;
    -webkit-user-select: none;
    user-select: none
}

.users-modal.svelte-1jiwneb .accordion-items.svelte-1jiwneb>li.svelte-1jiwneb {
    border-block-start: 1px solid hsl(var(--web-color-offset))
}

.users-modal.svelte-1jiwneb .accordion-items.svelte-1jiwneb>li.svelte-1jiwneb:last-child {
    border-block-end: 1px solid hsl(var(--web-color-offset))
}

.users-modal.svelte-1jiwneb .accordion-items>li .trigger.svelte-1jiwneb.svelte-1jiwneb {
    display: flex;
    align-items: center;
    padding-block: 1rem
}

.users-modal.svelte-1jiwneb .accordion-items>li .trigger.svelte-1jiwneb>span.svelte-1jiwneb:nth-child(2) {
    padding-inline-start: 1rem
}

.users-modal.svelte-1jiwneb .accordion-items>li ul.svelte-1jiwneb.svelte-1jiwneb {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-inline-start: 2.25rem;
    padding-block-end: 1rem
}

.users-modal.svelte-1jiwneb .accordion-items>li ul li.svelte-1jiwneb.svelte-1jiwneb,
.users-modal.svelte-1jiwneb .accordion-items>li ul label.svelte-1jiwneb.svelte-1jiwneb {
    display: flex;
    align-items: center;
    gap: .5rem
}

.users-modal.svelte-1jiwneb .accordion-items>li ul li .type.svelte-1jiwneb.svelte-1jiwneb,
.users-modal.svelte-1jiwneb .accordion-items>li ul label .type.svelte-1jiwneb.svelte-1jiwneb {
    background: hsl(var(--web-color-smooth));
    border-radius: .25rem;
    font-size: .75rem;
    padding-inline: .375rem
}

.users-modal.svelte-1jiwneb hr.svelte-1jiwneb.svelte-1jiwneb {
    margin-inline: -2rem;
    border-block-end: 1px solid hsl(var(--web-color-offset));
    margin-block: 2rem
}

.target-text.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb {
    text-wrap: balance
}

@media screen and (max-width: 1024px) {
    .target-text.svelte-1jiwneb.svelte-1jiwneb.svelte-1jiwneb {
        z-index: 1;
        justify-content: start;
        align-items: start;
        margin-block-start: 2rem;
        padding-block-end: var(--padding-block-end);
        text-wrap: inherit
    }

    .target-text.svelte-1jiwneb h3.svelte-1jiwneb.svelte-1jiwneb,
    .target-text.svelte-1jiwneb p.svelte-1jiwneb.svelte-1jiwneb {
        text-align: start
    }
}

.hero.svelte-1ups555.svelte-1ups555 {
    overflow: hidden;
    position: relative;
    border-block-end: 1px solid hsl(var(--web-color-offset));
    margin-block-start: -5rem;
    padding-block-start: 5rem
}

.hero.svelte-1ups555 .web-container.svelte-1ups555 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 5.625rem;
    min-block-size: 800px
}

@media (max-width: 1023px) {
    .hero.svelte-1ups555 .web-container.svelte-1ups555 {
        padding-block-start: 5rem;
        display: flex;
        flex-direction: column;
        gap: 3rem;
        justify-content: center;
        align-items: center
    }
}

.hero.svelte-1ups555 .web-container .phone-wrapper.svelte-1ups555 {
    position: relative;
    block-size: 100%;
    inline-size: 100%
}

.hero.svelte-1ups555 .web-container .phone-wrapper .phone.svelte-1ups555 {
    max-inline-size: unset;
    max-block-size: unset;
    position: absolute;
    display: block;
    block-size: 100%;
    translate: 0 100px;
    inline-size: auto;
    
}

@media (max-width: 1023px) {
    .hero.svelte-1ups555 .web-container .phone-wrapper.svelte-1ups555 {
        block-size: 800px;
        translate: 0 0
    }
}

@media (max-width: 500px) {
    .hero.svelte-1ups555 .web-container .phone-wrapper.svelte-1ups555 {
        block-size: 500px;
        translate: 0 -50px
    }
}

@media (max-width: 500px) {
    .hero-buttons.svelte-1ups555.svelte-1ups555 {
        flex-direction: column;
        gap: 1rem
    }

    .hero-buttons.svelte-1ups555 a.svelte-1ups555 {
        width: 100%
    }
}

.hero.svelte-1ups555 [class^=blur-].svelte-1ups555 {
    max-inline-size: unset;
    max-block-size: unset;
    pointer-events: none
}

.hero.svelte-1ups555 .blur-left.svelte-1ups555 {
    position: absolute;
    block-size: 1200px;
    inline-size: auto;
    inset-inline-start: -600px;
    inset-block-start: -250px
}

.hero.svelte-1ups555 .blur-right.svelte-1ups555 {
    position: absolute;
    block-size: 1200px;
    inline-size: auto;
    inset-inline-end: -500px;
    inset-block-end: -600px
}

.hero.svelte-1ups555 .product.svelte-1ups555 {
    display: flex;
    align-items: center;
    gap: .5rem
}

.hero.svelte-1ups555 .product img.svelte-1ups555 {
    block-size: 2rem;
    inline-size: 2rem
}

.hero.svelte-1ups555 h1.svelte-1ups555 {
    margin-block-start: 1.25rem
}

.steps.svelte-1ups555.svelte-1ups555 {
    position: relative;
    padding-block-start: 5rem;
    --padding-block-end: 7.5rem
}

.code-snippets.svelte-1ups555.svelte-1ups555 {
    position: relative
}

.code-snippets.svelte-1ups555.svelte-1ups555:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset-inline-start: 50%;
    inset-block-end: 2.9rem;
    transform: translate(-50%);
    width: 1px;
    background: hsl(var(--web-color-offset));
    z-index: -1
}

@media screen and (max-width: 1024px) {
    .code-snippets.svelte-1ups555.svelte-1ups555:before {
        display: none
    }
}

.web-interactive-tag[data-readonly].svelte-1ups555.svelte-1ups555 {
    cursor: not-allowed;
    pointer-events: none
}

@media (min-width: 1024px) {
    .hero.svelte-1ups555.svelte-1ups555 {
        padding-block-start: 0
    }
}

@media (max-width: 1023px) {
    .hero.svelte-1ups555 .web-container.svelte-1ups555 {
        max-width: 750px
    }
}

@media (min-width: 2800px) {
    .web-u-hide-2800.svelte-1ups555.svelte-1ups555 {
        display: none
    }
}