.input-wrapper[data-v-7792b832]{position:relative;width:100%;transition:max-height .35s cubic-bezier(.075,.82,.165,1);font-size:1rem}.input-wrapper.readonly[data-v-7792b832]{pointer-events:none;opacity:.6;cursor:not-allowed}.input-wrapper.readonly input[data-v-7792b832]{color:var(--text-800);background-color:var(--background-400);border-color:var(--background-400)}.input-wrapper.checkbox[data-v-7792b832]{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.input-wrapper.checkbox input[data-v-7792b832]{width:16px;height:16px;margin-right:8px;order:-1;margin-top:.25rem}.input-wrapper.checkbox label[data-v-7792b832]{font-size:.85rem;color:var(--text-400);flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-wrapper.checkbox label.is-required[data-v-7792b832]{color:var(--error-color)}.input-wrapper.checkbox label.label-bold[data-v-7792b832]{color:var(--text-50)}.input-wrapper.invalid input[data-v-7792b832]{border-color:var(--red-200)}.input-wrapper.valid label[data-v-7792b832]{color:var(--success-border-color)}.input-wrapper.valid input[data-v-7792b832]{border:1px solid var(--success-border-3-color);color:var(--success-text-color)}.input-wrapper.valid .input-prepend[data-v-7792b832] svg{color:var(--success-border-2-color)}.input-wrapper.required:not(.is-dirty) label[data-v-7792b832]{color:var(--red-500)}.input-wrapper.required:not(.is-dirty) input[data-v-7792b832]{border-color:var(--red-200)}@media(prefers-color-scheme:light){.input-wrapper.required:not(.is-dirty) input[data-v-7792b832]{border-color:var(--red-300)}}.input-wrapper.uppercase input[data-v-7792b832]{text-transform:uppercase}.input-wrapper.capitalise input[data-v-7792b832]{text-transform:capitalize}.input-wrapper:focus-within .input-append[data-v-7792b832] svg,.input-wrapper:focus-within .input-prepend[data-v-7792b832] svg,.input-wrapper:hover .input-append[data-v-7792b832] svg,.input-wrapper:hover .input-prepend[data-v-7792b832] svg{color:var(--text-600)}.input-wrapper:focus-within input[data-v-7792b832]::-moz-placeholder,.input-wrapper:hover input[data-v-7792b832]::-moz-placeholder{color:var(--text-600)}.input-wrapper:focus-within input[data-v-7792b832]::placeholder,.input-wrapper:hover input[data-v-7792b832]::placeholder{color:var(--text-600)}label[data-v-7792b832]{position:relative;display:flex;flex-direction:row;font-size:.8rem;color:var(--text-400);font-family:var(--inter-font-stack);line-height:2;transition:color .35s cubic-bezier(.075,.82,.165,1)}label.is-required[data-v-7792b832]{color:var(--red-500)}label.label-bold[data-v-7792b832]{color:var(--text-50)}label.label-large[data-v-7792b832]{font-size:1rem}.required-indicator[data-v-7792b832]{color:var(--error-color);margin-left:.25rem;font-size:.9rem;font-weight:700;height:10px}input[data-v-7792b832]{width:100%;height:44px;box-sizing:border-box;border:1px solid var(--background-200);border-radius:6px;padding:.5rem .8rem;background-color:var(--background-50);font-family:var(--inter-font-stack);color:var(--text-50);font-size:inherit;outline:none;transition:background-color .35s cubic-bezier(.075,.82,.165,1),color .35s cubic-bezier(.075,.82,.165,1),border-color .35s cubic-bezier(.075,.82,.165,1);margin:0}input[data-v-7792b832]:hover{border-color:var(--background-400)}input[data-v-7792b832]:hover::-moz-placeholder{color:var(--text-600)}input[data-v-7792b832]:hover::placeholder{color:var(--text-600)}input[data-v-7792b832]:active,input[data-v-7792b832]:focus{border-color:var(--background-400)}input[data-v-7792b832]::-moz-placeholder{color:var(--text-700);-moz-transition:color .35s cubic-bezier(.075,.82,.165,1);transition:color .35s cubic-bezier(.075,.82,.165,1)}input[data-v-7792b832]::placeholder{color:var(--text-700);transition:color .35s cubic-bezier(.075,.82,.165,1)}input[data-v-7792b832]:disabled{opacity:.6;cursor:not-allowed}input[type=date][data-v-7792b832]:not(:valid):not(:focus){color:var(--text-800)}input[type=date][data-v-7792b832]:valid{color:var(--text-50)}.error-message[data-v-7792b832]{color:var(--red-500);font-size:.8rem;margin-top:.25rem;margin-bottom:.25rem;height:14px;opacity:1;transition:margin .35s cubic-bezier(.075,.82,.165,1),height .35s cubic-bezier(.075,.82,.165,1),opacity .35s cubic-bezier(.075,.82,.165,1)}.error-message.empty[data-v-7792b832]{height:0;margin:0;opacity:0}.input-wrapper:has(.input-prepend) input[data-v-7792b832]{padding-left:calc(28px + .8rem)}.input-prepend[data-v-7792b832]{display:flex;align-items:center;gap:.8rem;position:absolute;left:.8rem;top:50%;transform:translateY(-50%);pointer-events:none;aspect-ratio:1;height:32px;width:32px;transition:top .35s cubic-bezier(.075,.82,.165,1);z-index:10}.input-prepend[data-v-7792b832] svg.e-icon{width:16px;height:16px;color:var(--text-800);transition:color .35s cubic-bezier(.075,.82,.165,1)}.input-append[data-v-7792b832]{display:flex;align-items:center;gap:.8rem;position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;aspect-ratio:1;height:32px;width:32px;transition:top .35s cubic-bezier(.075,.82,.165,1);z-index:10}.input-append[data-v-7792b832] svg.e-icon{width:16px;height:16px;color:var(--text-800);transition:color .35s cubic-bezier(.075,.82,.165,1)}:root[data-theme=light] .input-append[data-v-7792b832] svg.e-icon,:root[data-theme=light] .input-prepend[data-v-7792b832] svg.e-icon{color:var(--text-600)}:root[data-theme=light] input[data-v-7792b832]{background-color:var(--background-50);border-color:var(--background-400)}:root[data-theme=light] input[data-v-7792b832]:hover::-moz-placeholder{color:var(--text-500)}:root[data-theme=light] input[data-v-7792b832]:hover::placeholder{color:var(--text-500)}:root[data-theme=light] input[data-v-7792b832]::-moz-placeholder{color:var(--text-600)}:root[data-theme=light] input[data-v-7792b832]::placeholder{color:var(--text-600)}.input-label[data-v-7792b832]{gap:.35rem}.input-label .char-count[data-v-7792b832],.input-label .optional-text[data-v-7792b832]{color:var(--text-600);font-size:.8rem}.input-label .char-count[data-v-7792b832]{font-weight:400;transition:color .2s ease}.input-label .char-count.at-limit[data-v-7792b832]{color:var(--red-500)}.input-wrapper:has(.input-label) .input-prepend[data-v-7792b832]{top:calc(50% + 12px);transform:translateY(-50%)}.input-wrapper:has(.label-large) .input-prepend[data-v-7792b832]{top:calc(50% + 17px)}.input-wrapper:has(.error-message:not(.empty)) .input-prepend[data-v-7792b832]{top:calc(50% + 8px)}