@font-face { 
    font-family: "Apercu Mono"; 
    src: url('https://cdn.prod.website-files.com/66ad00ab0ddc03e4964371da/66b10cdcb4088646983ad065_apercu-mono-regular.woff2') format('woff2'), url('https://cdn.prod.website-files.com/66ad00ab0ddc03e4964371da/66b10cdc10be9c94315380cb_apercu-mono-regular.woff') format('woff'), url('https://cdn.prod.website-files.com/66ad00ab0ddc03e4964371da/66b10cdc591597464fe5b849_apercu-mono-regular.ttf');  
    font-weight: 400; 
    font-style: normal;
}


h1.__header-one > * { 
    font-family: "Apercu Mono"; 
    direction: ltr; 
    font-weight: 400; 
    font-style: normal; 
    text-decoration: none;
    font-size: var(--header-one-size, 1.5rem); /* Default font size with variable */
} 

.LiveField__header > * { 
    font-family: "Apercu Mono"; 
    direction: ltr; 
    font-weight: 400; 
    font-style: normal; 
    text-decoration: none;
    font-size: var(--livefield-header-size, 1.5rem); /* Default with custom variable */
} 

/* Media query for mobile devices */
@media (max-width: 600px) {
    .LiveField__header > * {
        font-size: 1rem !important; /* Sets font size to 0.75rem on mobile with !important */
    }
}


.ChoicesQuestion > * { 
    font-family: "Apercu Mono"; 
    direction: ltr; 
    font-weight: 400; 
    font-style: normal; 
    text-decoration: none;
    font-size: var(--choices-question-size, 1.5rem); /* Default with custom variable */
}

/* Media query for mobile devices */
@media (max-width: 600px) {
    .ChoicesQuestion > * {
        font-size: 1rem !important; /* Sets font size to 0.75rem on mobile with !important */
    }
}

.LiveField__error > * { 
    font-family: "Apercu Mono"; 
    direction: ltr; 
    font-weight: 400; 
    font-style: normal; 
    text-decoration: none;
    font-size: var(--choices-question-size, 1.5rem); /* Default with custom variable */
}

.btn-raised, .btn-raised:hover, .btn-raised:focus {
	box-shadow: none;
}

.Paperform__Container {
    padding-top: 0 !important;
}

/* Target the LiveField answer container */
.LiveField__answer {
    border: 1px solid #262626; /* Sets a full border */
    border-radius: 0.5rem; /* Adds a 0.5rem border radius */
    padding: 8px; /* Adjusts padding for spacing inside the field */
    width: 100%; /* Makes the element take up all available width */
    box-sizing: border-box; /* Ensures padding does not affect overall width */
    margin-top: 24px; /* Adds margin only at the top */
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

/* Media query for screen widths of 600px or less */
@media (max-width: 600px) {
    .LiveField__answer {
        margin-top: 12px !important; /* Reduces top margin to 12px on mobile with !important */
    }
}

/* Optional: Focus state for better UX */
.LiveField__answer:focus-within {
    border-color: #ff6200; /* Changes border color on focus */
    outline: none; /* Removes default outline */
}

/* Remove padding from .editor.editor--live */
.editor.editor--live {
    padding: 0; /* Removes all padding */
}

/* Style for transparent button with orange border and black text */
.btn-raised.btn-primary.__checkout_btn_ref {
    background-color: transparent; /* Transparent fill */
    border: 1px solid #ff6200; /* Orange border */
    color: #ff6200; /* Orange text */
    border-radius: 0.5rem; /* 0.5rem border-radius */
    transition: all 0.2s; /* Smooth transition for hover effects */
}

/* Optional: Add a hover effect */
.btn-raised.btn-primary.__checkout_btn_ref:hover {
    background-color: #ff6200; /* Change background to orange on hover */
    color: white; /* White text on hover */
}

.Paperform__Container {
    padding-top: 0 !important;
    max-width: 1000px;
}