.input-wrapper[data-v-b39690c2]{position:relative;width:100%;transition:max-height .35s cubic-bezier(.075,.82,.165,1);font-size:1rem}.input-wrapper.readonly[data-v-b39690c2]{pointer-events:none;opacity:.6;cursor:not-allowed}.input-wrapper.readonly input[data-v-b39690c2]{color:var(--text-800);background-color:var(--background-400);border-color:var(--background-400)}.input-wrapper.checkbox[data-v-b39690c2]{display:flex;flex-direction:row;align-items:flex-start;gap:8px}.input-wrapper.checkbox input[data-v-b39690c2]{width:16px;height:16px;margin-right:8px;order:-1;margin-top:.25rem}.input-wrapper.checkbox label[data-v-b39690c2]{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-b39690c2]{color:var(--red-600)}.input-wrapper.checkbox label.label-bold[data-v-b39690c2]{color:var(--text-50)}.input-wrapper.invalid input[data-v-b39690c2]{border-color:var(--red-200)}.input-wrapper.valid label[data-v-b39690c2]{color:var(--green-700)}.input-wrapper.valid input[data-v-b39690c2]{border:1px solid var(--green-400);color:var(--green-600)}.input-wrapper.valid .input-prepend[data-v-b39690c2] svg{color:var(--green-600)}.input-wrapper.valid.accent-valid label[data-v-b39690c2]{color:var(--lifestyle-700)}.input-wrapper.valid.accent-valid input[data-v-b39690c2]{border-color:var(--lifestyle-400);color:var(--lifestyle-600)}.input-wrapper.valid.accent-valid .input-prepend[data-v-b39690c2] svg{color:var(--lifestyle-600)}.input-wrapper.required:not(.is-dirty) label[data-v-b39690c2]{color:var(--red-500)}.input-wrapper.required:not(.is-dirty) input[data-v-b39690c2]{border-color:var(--red-200)}:root[data-theme=light] .input-wrapper.required:not(.is-dirty) input[data-v-b39690c2]{border-color:var(--red-300)}.input-wrapper.uppercase input[data-v-b39690c2]{text-transform:uppercase}.input-wrapper.capitalise input[data-v-b39690c2]{text-transform:capitalize}.input-wrapper:focus-within .input-append[data-v-b39690c2] svg,.input-wrapper:focus-within .input-prepend[data-v-b39690c2] svg,.input-wrapper:hover .input-append[data-v-b39690c2] svg,.input-wrapper:hover .input-prepend[data-v-b39690c2] svg{color:var(--text-600)}.input-wrapper:focus-within input[data-v-b39690c2]::-moz-placeholder,.input-wrapper:hover input[data-v-b39690c2]::-moz-placeholder{color:var(--text-600)}.input-wrapper:focus-within input[data-v-b39690c2]::placeholder,.input-wrapper:hover input[data-v-b39690c2]::placeholder{color:var(--text-600)}label[data-v-b39690c2]{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-b39690c2]{color:var(--red-500)}label.label-bold[data-v-b39690c2]{color:var(--text-50)}label.label-large[data-v-b39690c2]{font-size:1rem}.required-indicator[data-v-b39690c2]{color:var(--red-600);margin-left:.25rem;font-size:.9rem;font-weight:700;height:10px}input[data-v-b39690c2]{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-b39690c2]:hover{border-color:var(--background-400)}input[data-v-b39690c2]:hover::-moz-placeholder{color:var(--text-600)}input[data-v-b39690c2]:hover::placeholder{color:var(--text-600)}input[data-v-b39690c2]:active,input[data-v-b39690c2]:focus{border-color:var(--background-400)}input[data-v-b39690c2]::-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-b39690c2]::placeholder{color:var(--text-700);transition:color .35s cubic-bezier(.075,.82,.165,1)}input[data-v-b39690c2]:disabled{opacity:.6;cursor:not-allowed}input[type=date][data-v-b39690c2]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;max-width:100%}input[type=date][data-v-b39690c2]::-webkit-date-and-time-value{text-align:left;line-height:normal}input[type=date][data-v-b39690c2]:not(:valid):not(:focus){color:var(--text-800)}input[type=date][data-v-b39690c2]:valid{color:var(--text-50)}.error-message[data-v-b39690c2]{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-b39690c2]{height:0;margin:0;opacity:0}.input-wrapper:has(.input-prepend) input[data-v-b39690c2]{padding-left:calc(28px + .8rem)}.input-prepend[data-v-b39690c2]{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-b39690c2] svg.e-icon{width:16px;height:16px;color:var(--text-800);transition:color .35s cubic-bezier(.075,.82,.165,1)}.input-append[data-v-b39690c2]{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-b39690c2] 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-b39690c2] svg.e-icon,:root[data-theme=light] .input-prepend[data-v-b39690c2] svg.e-icon{color:var(--text-600)}:root[data-theme=light] input[data-v-b39690c2]{background-color:var(--background-50);border-color:var(--background-400)}:root[data-theme=light] input[data-v-b39690c2]:hover::-moz-placeholder{color:var(--text-500)}:root[data-theme=light] input[data-v-b39690c2]:hover::placeholder{color:var(--text-500)}:root[data-theme=light] input[data-v-b39690c2]::-moz-placeholder{color:var(--text-600)}:root[data-theme=light] input[data-v-b39690c2]::placeholder{color:var(--text-600)}.input-label[data-v-b39690c2]{gap:.35rem}.input-label .char-count[data-v-b39690c2],.input-label .optional-text[data-v-b39690c2]{color:var(--text-600);font-size:.8rem}.input-label .char-count[data-v-b39690c2]{font-weight:400;transition:color .2s ease}.input-label .char-count.at-limit[data-v-b39690c2]{color:var(--red-500)}.input-wrapper:has(.input-label) .input-prepend[data-v-b39690c2]{top:calc(50% + 12px);transform:translateY(-50%)}.input-wrapper:has(.label-large) .input-prepend[data-v-b39690c2]{top:calc(50% + 17px)}.input-wrapper:has(.error-message:not(.empty)) .input-prepend[data-v-b39690c2]{top:calc(50% + 8px)}