.the-form{display:flex;flex-direction:column;gap:var(--base-gap);width:100%}.form-wrapper{display:grid;grid-gap:var(--base-gap);container-name:formWrapper;container-type:inline-size;grid-template-columns:repeat(12,1fr)}.form-wrapper .input-group{display:block;padding-bottom:calc(var(--base-gap)*1.25);position:relative}.form-wrapper .input-group[class*="--1/1"],.form-wrapper .input-group[class*="--1/2"],.form-wrapper .input-group[class*="--1/3"],.form-wrapper .input-group[class*="--1/4"],.form-wrapper .input-group[class*="--2/3"],.form-wrapper .input-group[class*="--3/4"]{grid-column:span 12}@container formWrapper (min-inline-size: 560px){.form-wrapper .input-group[class*="--1/1"],.form-wrapper .input-group[class*="--1/2"],.form-wrapper .input-group[class*="--2/3"],.form-wrapper .input-group[class*="--3/4"]{grid-column:span 12}.form-wrapper .input-group[class*="--1/3"],.form-wrapper .input-group[class*="--1/4"]{grid-column:span 6}}@container formWrapper (min-inline-size: 720px){.form-wrapper .input-group[class*="--1/1"]{grid-column:span 12}.form-wrapper .input-group[class*="--1/2"]{grid-column:span 6}.form-wrapper .input-group[class*="--1/3"]{grid-column:span 4}.form-wrapper .input-group[class*="--2/3"]{grid-column:span 8}.form-wrapper .input-group[class*="--1/4"]{grid-column:span 3}.form-wrapper .input-group[class*="--3/4"]{grid-column:span 9}}.form-wrapper .input-group.hidden-input{display:none}.form-wrapper .input-group .input-wrapper{position:relative}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]),.form-wrapper .input-group select,.form-wrapper .input-group textarea{--font-weight:var(--semantic-font-weight-regular);background-clip:padding-box;background-color:var(--nc-bg-1);border:var(--core-border-thickness) solid var(--form-input-border-color);border-radius:var(--form-input-border-radius);box-sizing:border-box;color:var(--nc-tx-2);display:block;font-size:1.6rem;height:var(--form-input-size);line-height:1.5;outline:none;padding:calc(var(--base-gap)*1) calc(var(--base-gap)*1);padding-inline:var(--base-gap);transition:var(--semantic-color-transitions),border-color var(--base-transition-standard);width:100%}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]):hover,.form-wrapper .input-group select:hover,.form-wrapper .input-group textarea:hover{--form-input-border-color:var(--form-input-hover-border-color)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]):focus,.form-wrapper .input-group select:focus,.form-wrapper .input-group textarea:focus{color:var(--nc-tx-1);--form-input-background-color:var(--nc-bg-2);--form-input-border-color:var(--form-input-focus-border-color);box-shadow:none;outline:0}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]).input-error,.form-wrapper .input-group select.input-error,.form-wrapper .input-group textarea.input-error{--form-input-border-color:var(--semantic-color-primary)!important}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]).input-validated,.form-wrapper .input-group select.input-validated,.form-wrapper .input-group textarea.input-validated{--form-input-border-color:var(--core-color-green)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio])~label,.form-wrapper .input-group select~label,.form-wrapper .input-group textarea~label{display:inline-flex;--font-weight:var(--semantic-font-weight-regular);border:var(--semantic-standard-border) transparent;border-radius:var(--semantic-border-radius);box-sizing:border-box;color:var(--nc-tx-1);cursor:text;font-size:var(--semantic-font-size-small);height:3.438rem;left:0;line-height:1.75;margin-bottom:0;overflow-wrap:anywhere;pointer-events:none;position:absolute;top:0;transition:font-size .1s ease-in-out,padding .1s ease-in-out,color .1s ease-in-out}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio])~label div,.form-wrapper .input-group input:not([type=checkbox]):not([type=radio])~label span,.form-wrapper .input-group select~label div,.form-wrapper .input-group select~label span,.form-wrapper .input-group textarea~label div,.form-wrapper .input-group textarea~label span{display:inline-flex;text-wrap:nowrap}.form-wrapper .input-group textarea{font-family:var(--font-sans)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]),.form-wrapper .input-group textarea{--font-weight:var(--semantic-font-weight-regular)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]):not(:-moz-placeholder-shown),.form-wrapper .input-group textarea:not(:-moz-placeholder-shown){padding-bottom:calc(var(--base-gap)*.25);padding-top:calc(var(--base-gap)*1.25)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown),.form-wrapper .input-group textarea:not(:placeholder-shown){padding-bottom:calc(var(--base-gap)*.25);padding-top:calc(var(--base-gap)*1.25)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]):not(:-moz-placeholder-shown)~label,.form-wrapper .input-group textarea:not(:-moz-placeholder-shown)~label{color:var(--nc-tx-2);display:inline-flex;font-size:var(--semantic-font-size-xsmall);line-height:1.5;padding-bottom:calc(var(--base-gap)*.25);padding-top:calc(var(--base-gap)*.35)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio]):not(:placeholder-shown)~label,.form-wrapper .input-group textarea:not(:placeholder-shown)~label{color:var(--nc-tx-2);display:inline-flex;font-size:var(--semantic-font-size-xsmall);line-height:1.5;padding-bottom:calc(var(--base-gap)*.25);padding-top:calc(var(--base-gap)*.35)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio])~label,.form-wrapper .input-group textarea~label{padding:calc(var(--base-gap)*1) calc(var(--base-gap)*1)}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio])::-moz-placeholder{color:transparent}.form-wrapper .input-group input:not([type=checkbox]):not([type=radio])::placeholder{color:transparent}.form-wrapper .input-group .input-icon{position:absolute;right:1rem;top:1.25rem;width:1rem}.form-wrapper .input-group .input-icon.invalid-icon{top:1rem;width:1.5rem}.form-wrapper .error-message{color:var(--semantic-color-primary);font-size:var(--semantic-font-size-small)}.form-wrapper .input-headline{max-width:100%}.form-wrapper .input-paragraph{font-size:var(--semantic-font-size-small)}.form-wrapper .input-paragraph :deep(p){margin:0}.form-wrapper .input-wrapper__checkbox .input-wrapper__checkbox-label{align-items:flex-start;-moz-column-gap:var(--base-half-gap);column-gap:var(--base-half-gap);cursor:pointer;display:flex;margin-bottom:1rem;overflow-wrap:anywhere;width:-moz-fit-content;width:fit-content}.form-wrapper .input-wrapper__checkbox .input-wrapper__checkbox-label:hover .checkboxmark:before{transform:scale(1)}.form-wrapper .input-wrapper__checkbox .label-wrapper{--font-weight:var(--semantic-font-weight-regular);transition:var(--semantic-color-transitions)}.form-wrapper .input-wrapper__checkbox .checkboxmark{--size:2rem;align-items:center;background-color:var(--nc-bg-1);border:var(--semantic-standard-border) var(--nc-bg-2);border-radius:25%;display:flex;flex:0 0 var(--size);height:var(--size);justify-content:center;transition:var(--semantic-color-transitions),border-color var(--base-transition-standard);width:var(--size)}.form-wrapper .input-wrapper__checkbox .checkboxmark svg{height:calc(var(--size)*.5);pointer-events:none;transform:scale(0);transform-origin:center;width:calc(var(--size)*.5)}.form-wrapper .input-wrapper__checkbox .checkboxmark svg path{fill:var(--secondary-philippine-blue)!important}.form-wrapper .input-wrapper__checkbox input:checked~.checkboxmark{background-color:var(--secondary-plaster);border-color:var(--secondary-philippine-blue)}.form-wrapper .input-wrapper__checkbox input:checked~.checkboxmark svg{transform:scale(1)}.form-wrapper .input-wrapper__checkbox input:checked~.checkboxmark~.label-wrapper{color:var(--core-color-orchid)}.form-wrapper .input-wrapper__checkbox input:focus~.checkboxmark{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}.form-wrapper .input-wrapper__checkbox input:focus:not(:focus-visible)~.checkboxmark{outline:transparent}.form-wrapper .input-wrapper__radio .input-wrapper__radio-label{align-items:flex-start;-moz-column-gap:var(--base-half-gap);column-gap:var(--base-half-gap);cursor:pointer;display:flex;margin-bottom:1rem;overflow-wrap:anywhere;width:-moz-fit-content;width:fit-content}.form-wrapper .input-wrapper__radio .input-wrapper__radio-label:hover .radiomark:before{transform:scale(1)}.form-wrapper .input-wrapper__radio .label-wrapper{--font-weight:var(--semantic-font-weight-regular);transition:var(--semantic-color-transitions)}.form-wrapper .input-wrapper__radio .radiomark{--size:2rem;align-items:center;background-color:var(--nc-bg-1);border:var(--semantic-standard-border) var(--nc-bg-2);border-radius:50%;display:flex;flex:0 0 var(--size);height:var(--size);justify-content:center;transition:var(--semantic-color-transitions),border-color var(--base-transition-standard);width:var(--size)}.form-wrapper .input-wrapper__radio .radiomark:before{background-color:var(--nc-bg-2);border-radius:50%;content:"";display:block;height:calc(var(--size)*.5);pointer-events:none;transform:scale(0);transform-origin:center;transition:var(--semantic-color-transitions),transform var(--base-transition-standard);width:calc(var(--size)*.5)}.form-wrapper .input-wrapper__radio input:checked~.radiomark{background-color:var(--secondary-plaster);border-color:var(--secondary-philippine-blue)}.form-wrapper .input-wrapper__radio input:checked~.radiomark:before{background-color:var(--secondary-philippine-blue);transform:scale(1)}.form-wrapper .input-wrapper__radio input:checked~.radiomark~.label-wrapper{color:var(--core-color-orchid)}.form-wrapper .input-wrapper__radio input:focus~.radiomark{outline:var(--outline-size) var(--outline-style) var(--outline-color);outline-offset:var(--outline-offset,var(--outline-size))}