:root{--label__font-family:var(--sans-serif);--label__font-size:var(--fs1);--label__font-weight:var(--fw-medium);--label__inner-font-size:var(--fs-1);--label__opacity:0.55;--placeholder__color:rgba( var(--rgb__black), var(--label__opacity) );--input__height:var(--s4h);--input__line-height:1.25;--input__padding-x:var(--s2h);--input__padding-y:var(--s1h);--input__background:var(--white);--input__offset-border:rgba( var(--rgb__black), 0.4 );--input__font-family:var(--serif);--input__font-size:var(--fs1);--input__border-radius:var(--s2h);--select__icon-width:var(--s4h)}.inputContainer,.selectContainer{position:relative}label{font-family:var(--label__font-family);font-size:var(--label__font-size);font-weight:var(--label__font-weight);line-height:var(--input__line-height);opacity:var(--label__opacity);transition:var(--transition-all);color:var(--color__default__text)}.inputContainer label{position:absolute;top:var(--input__padding-y);left:var(--input__padding-x);right:var(--input__padding-x);padding-top:calc(var(--s2) - 1px);cursor:text}.inputContainer:has(select) label{cursor:default;pointer-events:none}input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],input[type="search"],textarea,select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:0;display:block;width:100%;height:var(--input__height);padding:var(--input__padding-y) var(--input__padding-x);background:var(--input__background);border-radius:var(--input__border-radius);text-overflow:ellipsis;font-size:var(--input__font-size);font-family:var(--input__font-family);line-height:var(--input__line-height);color:var(--color__default__text);transition:var(--transition-all)}input[type="search"]{appearance:textfield;-webkit-appearance:textfield}textarea{height:9rem;min-height:9rem;resize:vertical;font-family:var(--input__font-family)!important;line-height:var(--lh-single)}select{font-family:var(--input__font-family)!important;padding-right:var(--select__icon-width);padding-bottom:var(--s1)}.selectContainer:after{content:'\f078';display:flex;font-family:var(--icon);position:absolute;right:0;top:0;justify-content:center;align-items:center;width:var(--select__icon-width);color:var(--color__default__text);pointer-events:none;height:var(--input__height)}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;width:var(--s3);height:var(--s3);border-radius:var(--s3);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm97.9-320l-17 17-47 47 47 47 17 17L320 353.9l-17-17-47-47-47 47-17 17L158.1 320l17-17 47-47-47-47-17-17L192 158.1l17 17 47 47 47-47 17-17L353.9 192z"/></svg>');background-size:var(--s3) var(--s3);background-repeat:no-repeat;position:absolute;top:calc((var(--input__height) - var(--s3)) / 2);right:var(--s2h);opacity:var(--disabled)}.inputContainer:focus-within label,.inputContainer:has(input[type="text"]:not(:placeholder-shown)) label,.inputContainer:has(input[type="email"]:not(:placeholder-shown)) label,.inputContainer:has(input[type="tel"]:not(:placeholder-shown)) label,.inputContainer:has(input[type="password"]:not(:placeholder-shown)) label,.inputContainer:has(input[type="number"]:not(:placeholder-shown)) label,.inputContainer:has(input[type="search"]:not(:placeholder-shown)) label,.inputContainer:has(textarea:not(:placeholder-shown)) label,.inputContainer:has(select:valid) label{font-size:var(--label__inner-font-size);padding-top:0}.inputContainer:focus-within input[type="text"],.inputContainer:focus-within input[type="email"],.inputContainer:focus-within input[type="tel"],.inputContainer:focus-within input[type="password"],.inputContainer:focus-within input[type="number"],.inputContainer:focus-within input[type="search"],.inputContainer:focus-within textarea,.inputContainer:focus-within select,.inputContainer input[type="text"]:not(:placeholder-shown),.inputContainer input[type="email"]:not(:placeholder-shown),.inputContainer input[type="tel"]:not(:placeholder-shown),.inputContainer input[type="password"]:not(:placeholder-shown),.inputContainer input[type="number"]:not(:placeholder-shown),.inputContainer input[type="search"]:not(:placeholder-shown),.inputContainer textarea:not(:placeholder-shown),.inputContainer select:valid{padding-top:calc(var(--s3h) - var(--s0h))}::placeholder{color:var(--placeholder__color);font-family:var(--label__font-family)}::-webkit-input-placeholder{color:var(--placeholder__color);font-family:var(--label__font-family)}.inputContainer input::placeholder{color:#fff0}.inputContainer input::-webkit-input-placeholder{color:#fff0}.inputContainer textarea::placeholder{color:#fff0}.inputContainer textarea::-webkit-input-placeholder{color:#fff0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--color__default__text);-webkit-box-shadow:none;box-shadow:none;border-color:var(--input__offset-border);transition:background-color 5000s ease-in-out 0s;font-family:var(--input__font-family)}input:autofill,textarea:autofill,select:autofill{background:var(--input__background);font-family:var(--input__font-family);border-color:var(--input__offset-border);color:var(--color__default__text)}div.error,p.error{font-size:var(--fs0);color:var(--error-text);padding-top:var(--s1)}div.error{display:flex;gap:var(--s2);justify-content:flex-start;align-items:flex-start}.inputContainer:has(.error) input[type="text"],.inputContainer:has(.error) input[type="email"],.inputContainer:has(.error) input[type="tel"],.inputContainer:has(.error) input[type="password"],.inputContainer:has(.error) input[type="number"],.inputContainer:has(.error) input[type="search"],.inputContainer:has(.error) textarea,.inputContainer:has(.error) select{outline:2px solid var(--error-accent);outline-offset:3px}.inputContainer:has(.error):focus-within input[type="text"],.inputContainer:has(.error):focus-within input[type="email"],.inputContainer:has(.error):focus-within input[type="tel"],.inputContainer:has(.error):focus-within input[type="password"],.inputContainer:has(.error):focus-within input[type="number"],.inputContainer:has(.error):focus-within input[type="search"],.inputContainer:has(.error):focus-within textarea,.inputContainer:has(.error):focus-within select{outline-color:var(--color__focus-ring)}.bg-white input,.bg-offWhite input,.bg-white textarea,.bg-offWhite textarea,.bg-white select,.bg-offWhite select{border:1px solid var(--input__offset-border)}