:root {
    --usa-commerce-ink: #14251f;
    --usa-commerce-muted: #5f6f68;
    --usa-commerce-line: #dce5e0;
    --usa-commerce-surface: #ffffff;
    --usa-commerce-soft: #f4f8f6;
    --usa-commerce-accent: #0f684d;
    --usa-commerce-accent-dark: #0a4d39;
    --usa-commerce-warn: #9b5c0f;
    --usa-commerce-error: #a9342b;
    --usa-commerce-radius: 16px;
    --usa-commerce-shadow: 0 16px 40px rgba(20, 37, 31, 0.08);
    --usa-commerce-content: 1180px;
}

.usa-commerce-flow,
.usa-commerce-flow * {
    box-sizing: border-box;
}

.usa-commerce-flow {
    color: var(--usa-commerce-ink);
    font-family: Poppins, Arial, sans-serif;
}

.usa-commerce-flow__shell {
    width: min(calc(100% - 40px), var(--usa-commerce-content));
    margin-inline: auto;
}

.usa-commerce-flow :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(15, 104, 77, 0.38);
    outline-offset: 3px;
}

.usa-commerce-flow :where(button, .button, [role="button"]) {
    min-height: 48px;
}

.usa-commerce-flow__sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 767px) {
    .usa-commerce-flow__shell {
        width: min(calc(100% - 32px), var(--usa-commerce-content));
    }
}