#ml-preview-wrapper.ml-site {
    --G-brand-primary-color: #B98746;
    --G-brand-bg-color: #141414;
    --G-brand-font-family: Jost, Josefin Sans, sans-serif;
    --G-brand-color: #EDEFF8;
    --G-brand-heading-color: #EDEFF8;
    --G-brand-border-color: #EDEFF8;
    --G-h-font-family: Jost, Josefin Sans, sans-serif;
    --G-h-font-weight: 600;
    --G-h-line-height: 100%;
    --G-h-letter-spacing: -0.025rem;
    --G-h1-color: #EDEFF8;
    --G-h1-font-size: 64px;
    --G-mh1-font-size: 48px;
    --G-h2-color: #EDEFF8;
    --G-h2-font-size: 48px;
    --G-mh2-font-size: 36px;
    --G-h3-color: #EDEFF8;
    --G-h3-font-size: 36px;
    --G-mh3-font-size: 27px;
    --G-h4-color: #EDEFF8;
    --G-h4-font-size: 24px;
    --G-mh4-font-size: 24px;
    --G-p-font-family: Jost, Josefin Sans, sans-serif;
    --G-p-font-weight: 400;
    --G-p-line-height: 165%;
    --G-p-letter-spacing: 0rem;
    --G-p1-color: #EDEFF8;
    --G-p1-font-size: 18px;
    --G-p2-color: #EDEFF8;
    --G-p2-font-size: 20px;
    --G-p3-color: #EDEFF8;
    --G-p3-font-size: 16px;
    --G-link-color: #141414;
    --G-link-decoration: underline;
    --G-link-font-style: normal;
    --G-link-hover-color: #5B5B5B;
    --G-base-font-size: 16px;
    --G-base-height: 46px;
    --G-base-border-radius: 0px;
    --G-base-padding-x: 21.333333333333332px;
    --G-btn-lg-font-size: 16px;
    --G-btn-lg-height: 62px;
    --G-btn-lg-border-radius: 0px;
    --G-btn-lg-padding-x: 21.333333333333332px;
    --G-btn-sm-font-size: 14px;
    --G-btn-sm-height: 38px;
    --G-btn-sm-border-radius: 0px;
    --G-btn-sm-padding-x: 18.666666666666668px;
    --G-btn-pri-font-family: Jost, Josefin Sans, sans-serif;
    --G-btn-pri-font-weight: 500;
    --G-btn-pri-letter-spacing: 0em;
    --G-btn-pri-color: #000000;
    --G-btn-pri-bg-color: #B98746;
    --G-btn-pri-hover-color: #AA7C40;
    --G-btn-sec-font-family: Jost, Josefin Sans, sans-serif;
    --G-btn-sec-font-weight: 500;
    --G-btn-sec-letter-spacing: 0em;
    --G-btn-sec-color: #B98746;
    --G-btn-sec-bg-color: #141414;
    --G-btn-sec-hover-color: #3A3A3A;
    --G-btn-ter-font-family: Jost, Josefin Sans, sans-serif;
    --G-btn-ter-font-weight: 500;
    --G-btn-ter-letter-spacing: 0em;
    --G-btn-ter-color: #EDEFF8;
    --G-btn-ter-bg-color: #141414;
    --G-btn-ter-hover-color: #3A3A3A;
    --G-input-font-family: Jost, Josefin Sans, sans-serif;
    --G-input-color: #000000;
    --G-input-bg-color: #141414;
    --G-input-border: 1px solid #EDEFF8;
    --G-input-border-color: #EDEFF8;
    --G-input-padding-y: 11px;
    --G-label-font-weight: 700;
    --G-label-color: #EDEFF8;
    --G-label-font-size: 14px;
}

.ml-site {
    background-color: var(--G-brand-bg-color);
    font-family: var(--G-brand-font-family);
    color: var(--G-brand-color);
    font-size: var(--G-p1-font-size);
}

.ml-content-heading {
    font-family: var(--G-h-font-family);
    font-weight: var(--G-h-font-weight);
    line-height: var(--G-h-line-height);
    letter-spacing: var(--G-h-letter-spacing);
}

h1.ml-content-heading {
    color: var(--G-h1-color);
    font-size: var(--G-h1-font-size);
}

h2.ml-content-heading {
    color: var(--G-h2-color);
    font-size: var(--G-h2-font-size);
}

h3.ml-content-heading {
    color: var(--G-h3-color);
    font-size: var(--G-h3-font-size);
}

h4.ml-content-heading {
    color: var(--G-h4-color);
    font-size: var(--G-h4-font-size);
}

p.ml-p {
    font-family: var(--G-p-font-family);
    font-weight: var(--G-p-font-weight);
    line-height: var(--G-p-line-height);
    letter-spacing: var(--G-p-letter-spacing);
}

p.ml-p-1 {
    font-size: var(--G-p1-font-size);
    color: var(--G-p1-color);
}

p.ml-p-2 {
    font-size: var(--G-p2-font-size);
    color: var(--G-p2-color);
}

p.ml-p-3 {
    font-size: var(--G-p3-font-size);
    color: var(--G-p3-color);
}

@media (max-width: 767px) {
    h1.ml-content-heading {
        font-size: var(--G-mh1-font-size);
    }

    h2.ml-content-heading {
        font-size: var(--G-mh2-font-size);
    }

    h3.ml-content-heading {
        font-size: var(--G-mh3-font-size);
    }

    h4.ml-content-heading {
        font-size: var(--G-mh4-font-size);
    }
}

.ml-content-link {
    color: var(--G-link-color);
    text-decoration: var(--G-link-decoration);
    font-style: var(--G-link-font-style);
}

.ml-content-link:hover {
    color: var(--G-link-hover-color);
}

.ml-site .ml-btn {
    font-size: var(--G-base-font-size);
    min-height: var(--G-base-height);
    border-radius: var(--G-base-border-radius);
    padding-left: var(--G-base-padding-x);
    padding-right: var(--G-base-padding-x);
}

.ml-site .ml-btn-lg {
    font-size: var(--G-btn-lg-font-size);
    min-height: var(--G-btn-lg-height);
    border-radius: var(--G-btn-lg-border-radius);
    padding-left: var(--G-btn-lg-padding-x);
    padding-right: var(--G-btn-lg-padding-x);
}

.ml-site .ml-btn-sm {
    font-size: var(--G-btn-sm-font-size);
    min-height: var(--G-btn-sm-height);
    border-radius: var(--G-btn-sm-border-radius);
    padding-left: var(--G-btn-sm-padding-x);
    padding-right: var(--G-btn-sm-padding-x);
}

.ml-btn-primary {
    font-family: var(--G-btn-pri-font-family);
    font-weight: var(--G-btn-pri-font-weight);
    letter-spacing: var(--G-btn-pri-letter-spacing);
    color: var(--G-btn-pri-color);
    background-color: var(--G-btn-pri-bg-color);
}

.ml-btn-primary:hover {
    background-color: var(--G-btn-pri-hover-color);
}

.ml-btn-secondary {
    font-family: var(--G-btn-sec-font-family);
    font-weight: var(--G-btn-sec-font-weight);
    letter-spacing: var(--G-btn-sec-letter-spacing);
    color: var(--G-btn-sec-color);
    background-color: var(--G-btn-sec-bg-color);
}

.ml-site .ml-btn-border {
    font-family: var(--G-input-font-family);
    color: var(--G-input-color);
    font-size: var(--G-base-font-size);
    border-color: var(--G-brand-border-color);
}

.ml-site .ml-btn-border p,
.ml-site .ml-btn-border span {
    color: var(--G-brand-color) !important;
}

.ml-btn-secondary:hover {
    background-color: var(--G-btn-sec-hover-color);
}

.ml-btn-tertiary {
    font-family: var(--G-btn-ter-font-family);
    font-weight: var(--G-btn-ter-font-weight);
    letter-spacing: var(--G-btn-ter-letter-spacing);
    color: var(--G-btn-ter-color);
    background-color: var(--G-btn-ter-bg-color);
}

.ml-btn-tertiary:hover {
    background-color: var(--G-btn-ter-hover-color);
}

.ml-site .ml-input {
    font-family: var(--G-input-font-family);
    color: var(--G-input-color);
    font-size: var(--G-base-font-size);
    background-color: var(--G-input-bg-color);
    border: var(--G-input-border);
    min-height: var(--G-base-height);
    height: var(--G-base-height);
    border-radius: var(--G-base-border-radius);
    padding-top: var(--G-input-padding-y);
    padding-bottom: var(--G-input-padding-y);
    padding-left: var(--G-base-font-size);
    padding-right: var(--G-base-font-size);
}

.ml-site .ml-textarea-2row {
    min-height: var(--G-base-height);
    height: calc(var(--G-base-height) * 2);
}

.ml-site .ml-input:focus {
    border-color: var(--G-brand-primary-color);
}

.ml-site .ml-color-primary {
    color: var(--G-brand-primary-color);
}

.ml-site .ml-color-text {
    color: var(--G-brand-heading-color);
}

label.ml-label {
    font-family: var(--G-input-font-family);
    font-weight: var(--G-label-font-weight);
    color: var(--G-label-color);
    font-size: var(--G-label-font-size);
}

.ml-checkbox {
    --chkbg: var(--G-btn-pri-bg-color) !important;
    border-color: var(--G-input-border-color) !important;
}

.ml-radio {
    --chkbg: var(--G-btn-pri-bg-color) !important;
    border-color: var(--G-input-border-color) !important;
    background-color: white;
}

.ml-radio:checked {
    background-color: var(--chkbg) !important;
}

.ml-site .border-b {
    border-color: var(--G-brand-border-color);
}

.ml-divider,
.ml-survey-border {
    border-color: var(--G-brand-border-color);
}

.ml-results-divider {
    background-color: var(--G-brand-color);
}

progress::-webkit-progress-value {
    background-color: var(--G-brand-primary-color);
}

progress::-moz-progress-bar {
    background-color: var(--G-brand-primary-color);
}

>