.base-input-comp[data-v-c3ff4e23]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:var(--spacing-8,8px)}.base-input-comp .input-label[data-v-c3ff4e23]{color:var(--color-text-default,#111);font:var(--typo-label-md-bold)}.base-input-comp .input-label.require[data-v-c3ff4e23]:after{color:red;content:"*";font:var(--typo-body-lg);margin-left:2px}.base-input-comp .base-input-wrapper[data-v-c3ff4e23]{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:8px}.base-input-comp .base-input-wrapper .input-wrapper-container[data-v-c3ff4e23]{align-items:center;display:flex;gap:var(--spacing-8,8px)}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper[data-v-c3ff4e23]{align-items:center;background:var(--White,#fdfffc);border:1px solid var(--Light-grey,#dfdfd7);border-radius:var(--max,999px);box-sizing:border-box;display:flex;flex:1;gap:var(--spacing-8);height:46px;min-width:200px;padding:12px 16px;transition:border-color .2s ease;width:100%;width:var(--d8c205a4)}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper.textarea[data-v-c3ff4e23]{align-items:flex-start;display:block;height:auto;padding:12px 16px}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper.error[data-v-c3ff4e23]{background:var(--color-field-bg,#fafafa);border:1px solid var(--Orange,#ff602b)}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper.comment[data-v-c3ff4e23]{align-items:flex-start;height:auto;max-height:144px;overflow-y:auto;padding:12px 16px;scrollbar-width:none;-ms-overflow-style:none}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper.comment[data-v-c3ff4e23]::-webkit-scrollbar{display:none}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper.disabled[data-v-c3ff4e23]{background:var(--color-field-bg-disabled,#f2f2f2);border:1px solid var(--color-field-border,#d6d6d6);pointer-events:none}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper.readonly[data-v-c3ff4e23]{background:var(--color-field-bg-readonly);border:1px solid var(--color-field-border);pointer-events:none}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field[data-v-c3ff4e23]{align-items:center;background:transparent;border:0;box-sizing:border-box;color:var(--Black,#1a1a1a);display:flex;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;height:100%;line-height:1;outline:none;padding:0;width:100%}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field.textarea-field[data-v-c3ff4e23]{height:100%;line-height:1.5;resize:none;width:100%}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field[data-v-c3ff4e23]::-moz-placeholder{color:var(--Light-grey,#dfdfd7);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:46px}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field[data-v-c3ff4e23]::placeholder{color:var(--Light-grey,#dfdfd7);font-family:Pretendard;font-size:16px;font-style:normal;font-weight:400;line-height:46px}@media(max-width:1280px){.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field[data-v-c3ff4e23]::-moz-placeholder{font-size:14px;line-height:20px}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field[data-v-c3ff4e23]::placeholder{font-size:14px;line-height:20px}}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field[data-v-c3ff4e23]:disabled{color:var(--color-text-disabled,#b8b8b8)}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .input-field.prefix[data-v-c3ff4e23]{margin-right:-8px;pointer-events:none;width:auto}.base-input-comp .base-input-wrapper .input-wrapper-container .input-wrapper .timer[data-v-c3ff4e23]{color:var(--color-support-error,#f83b3b);font:var(--typo-body-md)}.base-input-comp .base-input-wrapper .error-message-wrapper[data-v-c3ff4e23],.base-input-comp .base-input-wrapper .input-wrapper-container .suffix-wrapper[data-v-c3ff4e23]{align-items:center;display:flex;gap:6px}.base-input-comp .base-input-wrapper .error-message-wrapper .alert-circle[data-v-c3ff4e23]{height:22px;width:22px}.base-input-comp .base-input-wrapper .error-message-wrapper .error-message[data-v-c3ff4e23]{color:var(--Orange,#ff602b);font-family:Pretendard;font-feature-settings:"liga" off,"clig" off;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.12px}.base-input-comp .base-input-wrapper .icon[data-v-c3ff4e23]{height:26px;width:26px}.base-input-comp .base-input-wrapper .length-counter[data-v-c3ff4e23]{color:var(--color-text-subtler);font:var(--typo-body-md);text-align:right}.base-input-comp .base-input-wrapper .fixed-text[data-v-c3ff4e23]{color:var(--color-text-default);font:var(--typo-body-md)}input[data-v-c3ff4e23]:-webkit-autofill,input[data-v-c3ff4e23]:-webkit-autofill:active,input[data-v-c3ff4e23]:-webkit-autofill:focus,input[data-v-c3ff4e23]:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-field-bg,#fafafa) inset!important;-webkit-text-fill-color:var(--Black,#1a1a1a)!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important}
