.form-input[data-v-2afac14c]{background-color:var(--background-b);border:var(--form-border-width) solid var(--secondary-100);border-radius:var(--radius-sm);box-shadow:var(--shadow-form);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height);outline:none;padding:var(--form-padding-y) var(--form-padding-x);width:100%}.form-input[data-v-2afac14c]::-moz-placeholder{color:var(--text-secondary)}.form-input[data-v-2afac14c]::placeholder{color:var(--text-secondary)}.form-input[data-v-2afac14c]:focus{border:var(--form-border-width-focus) solid var(--accent-a);box-shadow:var(--shadow-form);padding:calc(var(--form-padding-y) - 1px) calc(var(--form-padding-x) - 1px)}.form-input.error[data-v-2afac14c]{border-color:var(--attention-100);box-shadow:var(--shadow-form),0 0 0 2px #ea0a221a}.form-input[data-v-2afac14c]:disabled{background-color:var(--text-disabled);border-color:var(--text-secondary);cursor:not-allowed;opacity:.6}textarea.form-input[data-v-2afac14c]{resize:vertical}textarea.form-input[data-v-2afac14c]:disabled{resize:none}.form-input-wrapper[data-v-2afac14c]{position:relative;width:100%}.form-input-icon[data-v-2afac14c]{background-color:var(--text-primary);height:var(--form-icon-size);left:var(--form-padding-x);-webkit-mask-image:url(../images/icon/icon_search.svg);mask-image:url(../images/icon/icon_search.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:var(--form-icon-size)}.form-input-search[data-v-2afac14c]{padding-left:calc(var(--form-padding-x)*2 + var(--form-icon-size))}.form-input-search[data-v-2afac14c]:focus{padding-left:calc(var(--form-padding-x)*2 + var(--form-icon-size) - 1px)}.form-input-password[data-v-2afac14c]{padding-right:calc(var(--form-padding-x)*2 + var(--form-icon-size))}.form-input-password[data-v-2afac14c]:focus{padding-right:calc(var(--form-padding-x)*2 + var(--form-icon-size) - 1px)}.form-input-toggle[data-v-2afac14c]{background-clip:padding-box;background-color:var(--text-primary);border:none;cursor:pointer;height:var(--form-icon-size);-webkit-mask-image:url(../images/icon/icon_eyeclose.svg);mask-image:url(../images/icon/icon_eyeclose.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;padding:0;position:absolute;right:var(--form-padding-x);top:50%;transform:translateY(-50%);width:var(--form-icon-size)}.form-input-toggle.open[data-v-2afac14c]{-webkit-mask-image:url(../images/icon/icon_eyeopen.svg);mask-image:url(../images/icon/icon_eyeopen.svg)}.form-input-toggle[data-v-2afac14c]:hover{background-color:var(--accent-a)}.form-input-wrapper .form-input:disabled+.form-input-icon[data-v-2afac14c],.form-input-wrapper:has(.form-input:disabled) .form-input-icon[data-v-2afac14c]{background-color:var(--text-secondary);opacity:.6}.form-input-wrapper .form-input:disabled+.form-input-toggle[data-v-2afac14c],.form-input-wrapper:has(.form-input:disabled) .form-input-toggle[data-v-2afac14c]{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.form-input-container[data-v-2afac14c]{display:flex;flex-direction:column}.form-input-label[data-v-2afac14c]{align-items:center;display:flex;gap:4px;margin-bottom:4px}.form-input-error[data-v-2afac14c]{margin-top:8px;padding-left:8px}