.ybpcxf-wrap {
margin: 1.5em 0;
}
.ybpcxf-form {
margin: 0;
}
.ybpcxf-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 18px 2%;
}
.ybpcxf-item {
box-sizing: border-box;
min-width: 0;
}
.ybpcxf-width-100 {
grid-column: span 12;
}
.ybpcxf-width-75 {
grid-column: span 9;
}
.ybpcxf-width-66 {
grid-column: span 8;
}
.ybpcxf-width-50 {
grid-column: span 6;
}
.ybpcxf-width-33 {
grid-column: span 4;
}
.ybpcxf-width-25 {
grid-column: span 3;
}
.ybpcxf-row-break {
grid-column: 1 / -1;
height: 0;
}
.ybpcxf-control-row > label,
.ybpcxf-item legend {
display: block;
font-weight: 600;
margin-bottom: 6px;
}
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) {
display: grid;
grid-template-columns: minmax(110px, 30%) minmax(0, 1fr);
gap: 14px;
align-items: center;
}
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > label {
margin: 0;
}
.ybpcxf-visually-hidden {
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;
}
.ybpcxf-item input[type="text"],
.ybpcxf-item input[type="email"],
.ybpcxf-item input[type="tel"],
.ybpcxf-item input[type="url"],
.ybpcxf-item input[type="number"],
.ybpcxf-item input[type="date"],
.ybpcxf-item textarea,
.ybpcxf-item select {
box-sizing: border-box;
width: 100%;
max-width: 100%;
}
.ybpcxf-item textarea {
min-height: 130px;
resize: vertical;
}
.ybpcxf-choices {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
}
.ybpcxf-choices label,
.ybpcxf-acceptance {
font-weight: 400;
}
.ybpcxf-required,
.ybpcxf-error {
color: #b32d2e;
}
.ybpcxf-description {
font-size: 0.9em;
opacity: 0.78;
margin: 0.35em 0 0;
}
.ybpcxf-error {
margin: 0.35em 0 0;
font-size: 0.9em;
}
.ybpcxf-has-error input,
.ybpcxf-has-error textarea,
.ybpcxf-has-error select {
border-color: #b32d2e;
}
.ybpcxf-actions {
display: flex;
gap: 12px;
align-items: center;
margin-top: 20px;
}
.ybpcxf-button {
cursor: pointer;
padding: 0.65em 1.2em;
}
.ybpcxf-notice {
padding: 12px 14px;
margin: 0 0 18px;
border: 1px solid;
}
.ybpcxf-notice-error {
border-color: #b32d2e;
}
.ybpcxf-confirm-list {
margin: 1em 0;
}
.ybpcxf-confirm-row {
display: grid;
grid-template-columns: minmax(120px, 30%) 1fr;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 10px 0;
gap: 16px;
}
.ybpcxf-confirm-row dt {
font-weight: 600;
}
.ybpcxf-confirm-row dd {
margin: 0;
}
.ybpcxf-hp {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.ybpcxf-static hr {
margin: 0;
}
.ybpcxf-thanks-body > :first-child {
margin-top: 0;
}
@media (max-width: 700px) {
.ybpcxf-width-75,
.ybpcxf-width-66,
.ybpcxf-width-50,
.ybpcxf-width-33,
.ybpcxf-width-25 {
grid-column: span 12;
}
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) {
grid-template-columns: 1fr;
gap: 6px;
}
.ybpcxf-confirm-row {
grid-template-columns: 1fr;
gap: 4px;
}
} .ybpcxf-stage-hidden {
display: none !important;
}
.ybpcxf-instance.ybpcxf-is-processing {
cursor: progress;
}
.ybpcxf-instance.ybpcxf-is-processing .ybpcxf-button {
opacity: .7;
} .ybpcxf-label-reserve-space .ybpcxf-control-row::before {
content: "";
display: block;
min-height: 1.5em;
margin-bottom: 6px;
}
.ybpcxf-label-reserve-space .ybpcxf-choice-fieldset::before {
content: "";
display: block;
min-height: 1.5em;
margin-bottom: 6px;
}
@media (max-width: 700px) {
.ybpcxf-label-reserve-space .ybpcxf-control-row::before,
.ybpcxf-label-reserve-space .ybpcxf-choice-fieldset::before {
display: none;
}
} .ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) {
display: grid;
grid-template-columns: minmax(110px, 30%) minmax(0, 1fr);
gap: 14px;
align-items: center;
}
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset)::before {
content: "";
display: block;
}
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > input,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > textarea,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > select {
grid-column: 2;
}
.ybpcxf-notice-test {
border-color: #2271b1;
background: rgba(34, 113, 177, 0.06);
}
@media (max-width: 700px) {
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) {
grid-template-columns: 1fr;
gap: 6px;
}
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset)::before {
display: none;
}
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > input,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > textarea,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > select {
grid-column: 1;
}
} .ybpcxf-item {
container-type: inline-size;
}
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset),
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) {
grid-template-columns: minmax(0, 30%) minmax(0, 1fr);
gap: clamp(6px, 1.2vw, 14px);
}
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > *,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > * {
min-width: 0;
}
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > label {
overflow-wrap: anywhere;
}
@container (max-width: 260px) {
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset),
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) {
grid-template-columns: minmax(0, 1fr);
gap: 6px;
}
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset)::before {
display: block;
min-height: 1.5em;
margin-bottom: 0;
}
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > input,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > textarea,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > select {
grid-column: 1;
}
}
@media (max-width: 700px) {
.ybpcxf-label-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset),
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) {
grid-template-columns: minmax(0, 1fr);
gap: 6px;
}
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > input,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > textarea,
.ybpcxf-label-reserve-left .ybpcxf-control-row:not(.ybpcxf-choice-fieldset) > select {
grid-column: 1;
}
} .ybpcxf-test-mail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.ybpcxf-test-mail-grid label{display:flex;flex-direction:column;gap:5px;font-weight:600}.ybpcxf-test-mail-grid input{width:100%;box-sizing:border-box}.ybpcxf-test-mail-help{margin:8px 0 0;font-size:.92em}@media(max-width:640px){.ybpcxf-test-mail-grid{grid-template-columns:1fr}} .ybpcxf-form-v2 .ybpcxf-design-grid {
box-sizing: border-box;
display: grid;
align-items: stretch;
width: 100%;
margin: 0;
padding: 0;
column-gap: 0;
row-gap: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-group,
.ybpcxf-form-v2 .ybpcxf-design-field {
display: contents;
}
.ybpcxf-form-v2 .ybpcxf-design-cell {
box-sizing: border-box;
min-width: 0;
min-height: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-label-cell {
display: flex;
align-items: center;
padding-right: .35em;
line-height: 1.4;
}
.ybpcxf-form-v2 .ybpcxf-design-label-cell label,
.ybpcxf-form-v2 .ybpcxf-v2-field-label {
margin: 0;
font-weight: 600;
line-height: inherit;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell {
display: flex;
flex-direction: column;
justify-content: flex-start;
min-width: 0;
padding: .08em 0;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell > input:not([type="checkbox"]):not([type="radio"]),
.ybpcxf-form-v2 .ybpcxf-design-control-cell > textarea,
.ybpcxf-form-v2 .ybpcxf-design-control-cell > select {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell > textarea {
flex: 1 1 auto;
min-height: 4.5em;
resize: vertical;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell .ybpcxf-choice-fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell .ybpcxf-choices {
margin: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell .ybpcxf-description,
.ybpcxf-form-v2 .ybpcxf-design-control-cell .ybpcxf-error {
margin: .25em 0 0;
font-size: .9em;
line-height: 1.35;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell.ybpcxf-static {
justify-content: center;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell.ybpcxf-static h3,
.ybpcxf-form-v2 .ybpcxf-design-control-cell.ybpcxf-static p {
margin-top: 0;
margin-bottom: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-control-cell.ybpcxf-static hr {
width: 100%;
margin: 0;
}
.ybpcxf-form-v2 .ybpcxf-spacer {
display: block;
width: 100%;
height: 100%;
} .ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow {
display: block;
width: 100% !important;
max-width: none !important;
min-height: 0 !important;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-field,
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group > .ybpcxf-design-field {
display: block;
width: 100%;
margin: 0 0 1em;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow .ybpcxf-design-cell {
display: block;
width: 100% !important;
height: auto !important;
min-height: 0;
margin: 0;
padding: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow .ybpcxf-design-label-cell {
margin-bottom: .35em;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow .ybpcxf-design-control-cell > textarea {
min-height: 6em;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group {
display: block;
margin: 0 0 1em;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group > .ybpcxf-design-field:last-child {
margin-bottom: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="phone_three"],
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="postal_two"] {
display: grid;
grid-template-columns: repeat(var(--ybpcxf-group-count, 2), minmax(0, 1fr));
gap: .5em;
align-items: start;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="phone_three"] > .ybpcxf-design-field,
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="postal_two"] > .ybpcxf-design-field {
display: flex;
flex-direction: column;
width: auto;
margin: 0;
}
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="phone_three"] > .ybpcxf-design-field:not(.ybpcxf-group-role-start),
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="postal_two"] > .ybpcxf-design-field:not(.ybpcxf-group-role-start) {
padding-top: var(--ybpcxf-group-label-offset, 0px);
}
@media (max-width: 420px) {
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="phone_three"],
.ybpcxf-form-v2 .ybpcxf-design-grid.is-ybpcxf-reflow > .ybpcxf-design-group[data-ybpcxf-group-type="postal_two"] {
gap: .35em;
}
}