@layer components{.c-floating-label-input{--input-height:60px;--input-padding-x:var(--api-input-padding-x,14px);--computed-input-padding-left:var(--input-padding-x);--computed-input-padding-right:var(--input-padding-x);display:grid;grid-template-columns:1fr;grid-template-rows:var(--input-height) auto auto;position:relative;width:100%}.c-floating-label-input:has(input[disabled]),.c-floating-label-input:has(input[disabled]) :hover,.c-floating-label-input:has(input[disabled]):hover{cursor:not-allowed}.c-floating-label-input:has(input[disabled][hidden]){display:none}.c-floating-label-input:before{background-color:var(--api-floating-label-background-color,#fff);border-bottom:var(--api-input-border-width,1px) solid var(--api-input-border-bottom,var(--brand-yellow));border-radius:5px 5px 0 0;content:"";grid-column:1;grid-row:1;width:100%}.c-floating-label-input:has(.c-floating-label-input__error-message,output[data-validation-error]):before{border-bottom-color:var(--brand-red)}.c-floating-label-input:has(select.c-floating-label-input__input){--computed-input-padding-right:calc(var(--input-padding-x) + 20px)}.c-floating-label-input:has(select.c-floating-label-input__input):after{background-color:var(--brand-purple);content:"";grid-column:1;grid-row:1;height:20px;margin:auto var(--input-padding-x) auto auto;-webkit-mask-image:url(../../../img/icons/chevron-down.svg);mask-image:url(../../../img/icons/chevron-down.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px}.c-floating-label-input__label{align-items:center;color:var(--api-input-label-color,var(--brand-black));display:flex;font-weight:var(--api-input-font-weight,var(--font-weight-regular));grid-column:1;grid-row:1;line-height:1;margin:0;padding-left:var(--computed-input-padding-left);padding-right:var(--computed-input-padding-right);transform-origin:top left;transition:.15s ease;transition-property:transform,color}.c-floating-label-input:has(.c-floating-label-input__input.has-floated-label) .c-floating-label-input__label{color:var(--brand-purple);font-size:.7em;transform:translateY(-25%)}.c-floating-label-input__formatted-output,.c-floating-label-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--brand-black);font-weight:var(--api-input-font-weight,var(--font-weight-regular));grid-column:1;grid-row:1;margin:0;padding:20px var(--computed-input-padding-right) 10px var(--computed-input-padding-left);width:100%}.c-floating-label-input__input{z-index:2}.c-floating-label-input:has(.c-floating-label-input__formatted-output) .c-floating-label-input__input{opacity:0}.c-floating-label-input__input:not(.has-floated-label){opacity:0}.c-floating-label-input__formatted-output{opacity:1;z-index:1}.c-floating-label-input:has(.c-floating-label-input__input:focus) .c-floating-label-input__input{opacity:1}.c-floating-label-input:has(.c-floating-label-input__input:focus) .c-floating-label-input__formatted-output{opacity:0}.c-floating-label-input__error-message,.c-floating-label-input__instructions,output[data-validation-error]{color:hsla(0,0%,100%,.8);font-size:15px;font-weight:var(--font-weight-regular);line-height:1.3;padding-top:10px}.c-floating-label-input__instructions{--link-text-color:#fff;--link-underline-color:#fff;--link-underline-bg:hsla(0,0%,100%,.2);--link-underline-color-active:#fff;--link-underline-bg-active:hsla(0,0%,100%,.2);--link-text-color-active:#fff;grid-column:1;grid-row:2;padding-bottom:10px}:where(.c-floating-label-input__error-message,output[data-validation-error]){grid-column:1;grid-row:3}.c-floating-label-input:not(:has(.c-floating-label-input__instructions)) :where(.c-floating-label-input__error-message,output[data-validation-error]){grid-row:2}:where(.c-floating-label-input__error-message,output[data-validation-error]):before{background-image:url(../../../img/icons/exclamation-circle.svg);background-position:50%;background-repeat:no-repeat;background-size:24px auto;content:"";height:var(--input-height);inset:0 10px auto auto;position:absolute;width:24px}}