:root {
    --ts-font-body: "PoppinsLocal", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --ts-font-display: "Bricolage Grotesque", "PoppinsLocal", system-ui, sans-serif;
    --ts-ink: #101a14;
    --ts-green: #1cb251;
    --ts-line: #dbe4dc;
}

body,
button,
input,
select,
textarea {
    font-family: var(--ts-font-body);
}

h1,
h2,
h3,
.ts-display,
[data-space-title] {
    font-family: var(--ts-font-display);
    font-variation-settings: "wdth" 92;
}

[data-native-flow-progress] {
    display: grid;
    grid-template-columns: repeat(var(--native-step-count, 3), minmax(0, 1fr));
    gap: 7px;
}

[data-native-flow-progress] > span {
    height: 6px;
    border-radius: 999px;
    background: #e7ece8;
    transition: background .2s ease, transform .2s ease;
}

[data-native-flow-progress] > span.is-active,
[data-native-flow-progress] > span.is-complete {
    background: var(--ts-green);
}

[data-native-flow-progress] > span.is-active {
    transform: scaleY(1.25);
}

[data-native-flow-step][hidden] {
    display: none !important;
}

@media (max-width: 760px) {
    body:has([data-native-flow-page]) {
        height: 100svh;
        min-height: 100svh;
        overflow: hidden;
        overscroll-behavior: none;
    }

    [data-native-flow-page] {
        width: 100%;
        height: 100svh;
        min-height: 0;
        overflow: hidden;
        overscroll-behavior: none;
    }

    [data-native-flow-form] {
        display: flex;
        min-height: 0;
        flex: 1;
        flex-direction: column;
        overflow: hidden;
    }

    [data-native-flow-step]:not([hidden]) {
        display: flex;
        min-height: 0;
        flex: 1;
        flex-direction: column;
        overflow: hidden;
    }

    [data-native-flow-actions] {
        margin-top: auto;
        padding-bottom: max(4px, env(safe-area-inset-bottom));
    }

    [data-native-flow-page] input,
    [data-native-flow-page] select,
    [data-native-flow-page] textarea,
    [data-native-flow-page] button {
        max-width: 100%;
    }
}