.input-component .common-input[data-v-cb90e27e]{background-color:var(--color-inko-5);border:1px solid transparent;cursor:text;display:flex;height:56px;padding:10px 16px;position:relative}.input-component .common-input.sm[data-v-cb90e27e]{height:40px;padding:2px 16px}.input-component .common-input[data-v-cb90e27e]:focus-within{background-color:var(--color-bazo-100);border-color:var(--text-azure);color:var(--color-inko-100)}.input-component .common-input:focus-within .common-input__value[data-v-cb90e27e]{color:var(--color-inko-100)}.input-component .common-input__value[data-v-cb90e27e]{background:transparent;color:var(--color-inko-75);flex:1 0 0;font-size:16px;line-height:24px;margin-top:16px;max-width:100%;min-height:24px;outline:none}.input-component .common-input__value:-webkit-autofill~label[data-v-cb90e27e],.input-component .common-input__value:focus~label[data-v-cb90e27e],.input-component .common-input__value:not(:placeholder-shown)~label[data-v-cb90e27e]{color:var(--color-inko-50);font-size:12px;letter-spacing:.25px;line-height:16px;top:10px}.input-component .common-input__value.full-height[data-v-cb90e27e]{line-height:36px;margin:0}.input-component .common-input__value[data-v-cb90e27e]:disabled{color:var(--color-inko-50)}.input-component .common-input .floating-label[data-v-cb90e27e]{color:var(--color-inko-50);font-size:14px;left:16px;line-height:24px;pointer-events:none;position:absolute;top:16px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.input-component .common-input.white-input[data-v-cb90e27e]{background-color:var(--color-nivo-2)}.input-component .common-input .clear-input[data-v-cb90e27e]{cursor:pointer;position:absolute;right:16px;top:16px}.input-component .common-input .left-icon-input[data-v-cb90e27e]{left:16px;position:absolute;top:16px}.input-component .common-input.with-icon[data-v-cb90e27e]{padding:10px 16px 10px 52px}.input-component .common-input.with-icon .floating-label[data-v-cb90e27e]{left:52px}.input-component .common-input.sm.with-icon[data-v-cb90e27e]{padding:2px 16px 2px 41px}.input-component .common-input.sm .left-icon-input[data-v-cb90e27e]{left:8px;top:5px}.input-component .common-input.sm .clear-input[data-v-cb90e27e]{align-items:center;display:flex;height:24px;justify-content:center;right:8px;top:8px}.input-component.input-light .common-input[data-v-cb90e27e]{background-color:var(--color-inko-5-d)}.input-component.input-light .common-input .clear-input>svg[data-v-cb90e27e],.input-component.input-light .common-input .left-icon-input>svg[data-v-cb90e27e]{color:var(--color-inko-15-d)}.input-component.input-light .common-input .floating-label[data-v-cb90e27e]{color:var(--color-inko-50-d)}.input-component.input-light .common-input__value[data-v-cb90e27e]{color:var(--color-basic-d)}.input-component.input-light .common-input__value:-webkit-autofill~label[data-v-cb90e27e],.input-component.input-light .common-input__value:focus~label[data-v-cb90e27e],.input-component.input-light .common-input__value:not(:placeholder-shown)~label[data-v-cb90e27e]{color:var(--color-inko-50-d)}.input-component.input-light .common-input[data-v-cb90e27e]:focus-within{background-color:var(--color-bazo-100-l);border-color:var(--text-azure);color:var(--color-inko-100-l)}.input-component.input-light .common-input:focus-within .common-input__value[data-v-cb90e27e]{color:var(--color-inko-100-l)}.input-component.input-light .common-input[data-v-cb90e27e]:focus-within__value{color:var(--color-basic-l)}.input-component.input-light .common-input:focus-within__value:-webkit-autofill~label[data-v-cb90e27e],.input-component.input-light .common-input:focus-within__value:focus~label[data-v-cb90e27e],.input-component.input-light .common-input:focus-within__value:not(:placeholder-shown)~label[data-v-cb90e27e]{color:var(--color-inko-50-l)}.input-component.input-dark .common-input .clear-input>svg[data-v-cb90e27e],.input-component.input-dark .common-input .left-icon-input>svg[data-v-cb90e27e]{color:var(--color-inko-15-l)}.input-component.input-dark .common-input .floating-label[data-v-cb90e27e]{color:var(--color-inko-50-l)}.input-component.input-dark .common-input[data-v-cb90e27e]{background-color:var(--color-inko-5-l)}.input-component.input-dark .common-input__value[data-v-cb90e27e]{color:var(--color-basic-l)}.input-component.input-dark .common-input__value:-webkit-autofill~label[data-v-cb90e27e],.input-component.input-dark .common-input__value:focus~label[data-v-cb90e27e],.input-component.input-dark .common-input__value:not(:placeholder-shown)~label[data-v-cb90e27e]{color:var(--color-inko-50-l)}.input-component.input-dark .common-input:focus-within .left-icon-input>svg[data-v-cb90e27e]{color:var(--color-inko-15-d)}.input-component.input-dark .common-input:focus-within .clear-input>svg[data-v-cb90e27e]{color:var(--color-inko-15-d)}.input-component.input-dark .common-input:focus-within .floating-label[data-v-cb90e27e]{color:var(--color-inko-50-d)}.input-component.input-dark .common-input[data-v-cb90e27e]:focus-within{background-color:var(--color-bazo-100-d);border-color:var(--text-azure);color:var(--color-inko-100-d)}.input-component.input-dark .common-input:focus-within .common-input__value[data-v-cb90e27e]{color:var(--color-inko-100-d)}.input-component.input-dark .common-input[data-v-cb90e27e]:focus-within__value{color:var(--color-basic-d)}.input-component.input-dark .common-input:focus-within__value:-webkit-autofill~label[data-v-cb90e27e],.input-component.input-dark .common-input:focus-within__value:focus~label[data-v-cb90e27e],.input-component.input-dark .common-input:focus-within__value:not(:placeholder-shown)~label[data-v-cb90e27e]{color:var(--color-inko-50-d)}.input-component.error .common-input[data-v-cb90e27e]{border:2px solid;border-color:var(--color-cherry)}.input-component.error .info-label[data-v-cb90e27e]{color:var(--color-cherry)}.info-label[data-v-cb90e27e]{color:var(--color-inko-50);font-size:12px;letter-spacing:.25px;line-height:16px;padding:4px 16px}.dark .input-component.error .common-input[data-v-cb90e27e]{border-color:var(--color-cherry)}.dark .input-component.error .info-label[data-v-cb90e27e]{color:var(--color-cherry)}.count-control[data-v-cb90e27e]{align-items:center;align-self:center;border-radius:100%;display:inline-flex;height:20px;justify-content:center;margin-right:8px;width:20px}.counter-container:focus-within>.count-control[data-v-cb90e27e]{background-color:var(--text-azure)}.counter-container:focus-within svg[data-v-cb90e27e]{color:var(--color-blank)}