@font-face {
    font-family: 'Campton';
    src: url('/front_assets/fonts/campton-bold.woff2') format('woff2'),
        url('/front_assets/fonts/campton-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Campton';
    src: url('/front_assets/fonts/campton-book.woff2') format('woff2'),
        url('/front_assets/fonts/campton-book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html,
body {
    margin: 0;
    padding: 0;
}

.notification-container {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.marketingForm {
    margin-bottom: 0;
}

.marketingForm,
.marketingForm *:not(.inlineOverlay *, .emptySectionPlaceholder *, .designer-overlay__content *),
.onFormSubmittedFeedback .onFormSubmittedFeedbackMessage {
    font-family: Campton, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji !important;
}

[data-layout][style*='margin: auto'] {
    margin: 0 !important;
}

.textFormFieldBlock,
.phoneFormFieldBlock,
.dateTimeFormFieldBlock,
.twoOptionFormFieldBlock,
.optionSetFormFieldBlock,
.multiOptionSetFormFieldBlock,
.lookupFormFieldBlock {
    padding: 20px 0;
}

.phoneCountryCodeLabel,
.phoneFormFieldBlock .phoneCountryCodeLabel {
    display: none !important;
}

.phoneFormFieldBlock .phoneCountryCode {
    border: 0;
}

.textFormFieldBlock input,
.phoneFormFieldBlock input,
.dateTimeFormFieldBlock input,
.lookupFormFieldBlock input,
.marketingForm textarea,
div[data-editorblocktype="Captcha"] input,
.optionSetFormFieldBlock select {
    height: calc(2.5rem + 4px);
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 3rem;
    border: 2px solid #4cd275;
    background-color: #f5f8f8;
    margin-top: .5rem;
}

.marketingForm textarea {
    height: auto;
    resize: vertical;
    min-height: 8rem;
    border-radius: 1.5rem;
    padding: 1rem;
}

.is-dark-mode .textFormFieldBlock input,
.is-dark-mode .phoneFormFieldBlock input,
.is-dark-mode .dateTimeFormFieldBlock input,
.is-dark-mode .lookupFormFieldBlock input,
.is-dark-mode .marketingForm textarea,
.is-dark-mode div[data-editorblocktype="Captcha"] input,
.is-dark-mode .optionSetFormFieldBlock select {
    border-color: #8400ff;
    background-color: #494654;
    color: #fff;
}

.textFormFieldBlock label,
.phoneFormFieldBlock label,
.dateTimeFormFieldBlock label,
.lookupFormFieldBlock label,
.twoOptionFormFieldBlock label.block-label,
.optionSetFormFieldBlock label.block-label,
.multiOptionSetFormFieldBlock label.block-label,
div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"] {
    font-weight: 700;
}

.is-dark-mode .textFormFieldBlock label,
.is-dark-mode .phoneFormFieldBlock label,
.is-dark-mode .dateTimeFormFieldBlock label,
.is-dark-mode .lookupFormFieldBlock label,
.is-dark-mode .twoOptionFormFieldBlock label.block-label,
.is-dark-mode .optionSetFormFieldBlock label.block-label,
.is-dark-mode .multiOptionSetFormFieldBlock label.block-label,
.is-dark-mode div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"] {
    color: #fff;
}

.is-dark-mode .submitButton {
    background-color: #8400ff !important;
}

@media (min-width: 768px) {
    .textFormFieldBlock input,
    .phoneFormFieldBlock input,
    .dateTimeFormFieldBlock input,
    .lookupFormFieldBlock input,
    .marketingForm textarea,
    div[data-editorblocktype="Captcha"] input,
    .optionSetFormFieldBlock select {
        font-size: 1.125rem;
        height: calc(3.125rem + 4px);
        padding: .71875rem 1.375rem;
    }

    .marketingForm textarea {
        padding: 1.375rem;
    }
}