.input-field[data-v-4a477ea9],.textarea-field[data-v-4a477ea9]{background-color:var(--color-base-white);border:1px solid var(--color-gray-300);border-radius:8px;box-shadow:0 1px 2px #1018280d;color:var(--color-gray-900);padding:10px;width:100%}.input-wrapper[data-v-4a477ea9]{position:relative}.input-field--password[data-v-4a477ea9]{padding-left:2.75rem}.input-password-toggle[data-v-4a477ea9]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-gray-500);cursor:pointer;display:inline-flex;height:1.75rem;justify-content:center;left:.625rem;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:1.75rem}.input-password-toggle[data-v-4a477ea9]:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.input-password-toggle[data-v-4a477ea9] .app-icon,.input-password-toggle[data-v-4a477ea9] svg{height:1.125rem;width:1.125rem}.input-disabled[data-v-4a477ea9]{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}input[data-v-4a477ea9]:focus,textarea[data-v-4a477ea9]:focus{background-color:var(--color-base-white);border:1px solid var(--color-primary-300);border-radius:8px;box-shadow:0 0 0 4px #aacfee,0 1px 2px #1018280d;outline:none}.textarea-field[data-v-4a477ea9]{min-height:80px;resize:vertical}.color-picker-container[data-v-4a477ea9]{align-items:center;display:flex;position:relative}.color-input-text[data-v-4a477ea9]{padding-right:40px}.color-picker-wrapper[data-v-4a477ea9]{align-items:center;display:flex;position:absolute;right:8px}.color-picker[data-v-4a477ea9]{height:0;opacity:0;position:absolute;width:0}.color-preview[data-v-4a477ea9]{border:1px solid var(--color-gray-300);border-radius:4px;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.color-preview[data-v-4a477ea9]:hover{box-shadow:0 0 0 2px #0000001a;transform:scale(1.1)}input[type=color][data-v-4a477ea9]::-webkit-color-swatch{border:none;border-radius:4px}input[type=color][data-v-4a477ea9]::-webkit-color-swatch-wrapper{border-radius:4px;padding:0}input[type=color][data-v-4a477ea9]{border:none;border-radius:4px;padding:0}.z-1000[data-v-4a477ea9]{z-index:1000}