@font-face {
    font-family: 'FocusNeueDIN-Bold';
    src: url('https://147594391.fs1.hubspotusercontent-eu1.net/hubfs/147594391/website%20files/NeueDIN-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FocusNeueDIN-Regular';
    src: url('https://147594391.fs1.hubspotusercontent-eu1.net/hubfs/147594391/website%20files/NeueDIN-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* --- Heading Styles (h1) --- */
    --hsf-heading__font-family: 'FocusNeueDIN-Bold', Arial, sans-serif;
    --hsf-heading__color: #0E1514;
    /* Note: Font-size/Weight for headings don't have direct variables in the current spec, 
       but they often inherit from global if not specified. */

    /* --- Global / Input Text Styles --- */
    --hsf-global__font-family: 'FocusNeueDIN-Regular', Arial, sans-serif;
    --hsf-global__font-size: 14px;
    --hsf-global__color: #0E1514;
    --hsf-global-error__color: #FF4E4E;

    /* --- Field Input Styles --- */
    --hsf-field-input__font-family: 'FocusNeueDIN-Regular', Arial, sans-serif;
    --hsf-field-input__border-color: #C2C4C4;
    --hsf-field-input__border-width: 1px;
    --hsf-field-input__border-radius: 1px;
    --hsf-field-input__border-style: solid;
    --hsf-field-input__padding: 1rem 1.25rem;
    /* HubSpot variables apply to most input types automatically */

[data-hsfc-id="Renderer"] .hsfc-TextInput {
    height: auto;
}
[data-hsfc-id="Renderer"] .hsfc-FieldLabel {
    text-transform: uppercase;
}

    /* --- Textarea Styles --- */
    --hsf-field-textarea__font-family: 'FocusNeueDIN-Regular', Arial, sans-serif;
    --hsf-field-textarea__border-color: #C2C4C4;
    --hsf-field-textarea__padding: 1rem 1.25rem;

    /* --- Button Styles (Submit) --- */
    --hsf-button__font-family: 'FocusNeueDIN-Bold', Arial, sans-serif;
    --hsf-button__font-size: 14px;
    --hsf-button__background-color: #0E1514;
    --hsf-button__color: #ffffff;
    --hsf-button__padding: 10px 20px;
    --hsf-button__border-radius: 0px; /* border: 0 usually implies no radius */
    --hsf-button__box-shadow: none;

    /* --- Checkbox Styling --- */
    --hsf-field-checkbox__padding: 8px;
    --hsf-field-checkbox__background-color: #ffffff;
    --hsf-field-checkbox__color: #0E1514; /* Text color */
    --hsf-field-checkbox__border-color: #C2C4C4;
    --hsf-field-checkbox__border-width: 1px;
    --hsf-field-checkbox__border-style: solid;

    /* --- Radio Button Styling --- */
    --hsf-field-radio__padding: 8px;
    --hsf-field-radio__background-color: #ffffff;
    --hsf-field-radio__color: #0E1514; /* Text color */
    --hsf-field-radio__border-color: #C2C4C4;
    --hsf-field-radio__border-width: 1px;
    --hsf-field-radio__border-style: solid;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel,
[data-hsfc-id="Renderer"] .hsfc-RadioFieldGroup__Options .hsfc-FieldLabel,
[data-hsfc-id="Renderer"] .hsfc-CheckboxField .hsfc-FieldLabel,
[data-hsfc-id="Renderer"] .hsfc-RadioField .hsfc-FieldLabel {
    font-weight: 400;
    text-transform: unset;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxFieldGroup__Options label > input {
    top: -0.0125rem;
}