.color-input[data-v-628304e2]{width:100%;height:28px;padding:0;border:1px solid var(--surface-color-light);border-radius:4px;cursor:pointer;display:block;transition:border-color .2s;background:none}.color-input[data-v-628304e2]:hover{border-color:rgba(var(--primary-color-rgb),.4)}.color-input[data-v-628304e2]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.custom-input-box[data-v-628304e2]{display:flex;flex-direction:column;margin-bottom:0;align-items:stretch;width:100%;position:relative}.custom-input-box .input-label[data-v-628304e2]{font-size:.8rem;margin-bottom:3px;color:var(--text-color-secondary);font-weight:500;letter-spacing:.01em}.custom-input-box.input-small .input-label[data-v-628304e2]{font-size:.7rem;margin-bottom:1px}.input-box[data-v-628304e2]{width:100%;min-width:0;padding:8px 12px;font-size:.875rem;border:1px solid var(--surface-color-light);border-radius:var(--border-radius, 4px);text-align:left;background:var(--surface-color);color:var(--text-color);outline:none;transition:border-color .2s,background .2s,box-shadow .2s;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-box.input-small[data-v-628304e2]{padding:0 8px;font-size:.75rem;min-height:32px;height:32px}.input-box.input-text-small[data-v-628304e2]{font-size:.75rem}.input-box.input-text-large[data-v-628304e2]{font-size:.95rem;font-weight:650}.input-box.input-borderless[data-v-628304e2]{border-color:transparent;background:transparent}.input-box.input-borderless[data-v-628304e2]:hover:not(:focus){border-color:transparent;background:rgba(var(--surface-color-rgb),.45)}.input-box.has-append[data-v-628304e2]{padding-right:44px}.input-inner[data-v-628304e2]{--input-icon-size: 16px;--input-icon-inset: 12px;--input-icon-gap: 12px;position:relative;width:100%}.input-append[data-v-628304e2]{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:2}.input-icon[data-v-628304e2]{position:absolute;top:0;bottom:0;width:var(--input-icon-size);display:flex;align-items:center;justify-content:center;color:var(--text-color-secondary);z-index:2;pointer-events:none}.input-icon--left[data-v-628304e2]{left:var(--input-icon-inset)}.input-icon--right[data-v-628304e2]{right:8px}.input-icon--center[data-v-628304e2]{left:50%;transform:translate(-50%,-50%);pointer-events:none}.input-box.has-left-icon[data-v-628304e2]{padding-left:calc(var(--input-icon-inset) + var(--input-icon-size) + var(--input-icon-gap))}.input-box.has-center-icon[data-v-628304e2]{padding-left:12px;padding-right:12px}.input-box[data-v-628304e2]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.input-box[data-v-628304e2]:hover:not(:focus){border-color:var(--text-color-secondary)}.input-box[data-v-628304e2]:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-color-light);color:var(--text-color-secondary)}.input-box.input-error[data-v-628304e2]{border-color:var(--button-error-color);box-shadow:0 0 0 2px #ef444433}.input-error-text[data-v-628304e2]{margin-top:4px;color:var(--button-error-color);font-size:.72rem;line-height:1.2}.char-count[data-v-628304e2]{font-size:.75rem;color:var(--text-color-secondary);text-align:right;margin-top:3px}[data-v-628304e2]::-webkit-input-placeholder{color:var(--text-color-secondary);opacity:1}[data-v-628304e2]::-moz-placeholder{color:var(--text-color-secondary);opacity:1}[data-v-628304e2]:-ms-input-placeholder{color:var(--text-color-secondary);opacity:1}[data-v-628304e2]::placeholder{color:var(--text-color-secondary);opacity:1}