.input-wrapper[data-v-0f473d21]{gap:var(--spacing-150,6px);flex-direction:column;height:100%;display:flex}.input-wrapper .labels[data-v-0f473d21]{justify-content:space-between;display:flex}.input-wrapper .labels .label[data-v-0f473d21]{color:var(--input-label-color,var(--color-dark-40,#c8c9dc))}.input-wrapper .labels .label.limit[data-v-0f473d21]{text-align:right;flex:1}.input-wrapper.grey>.input[data-v-0f473d21]{color:var(--color-grey-80,#5c5c5c);background:var(--color-grey-20,#f5f5f5);border:1px solid #0000}.input-wrapper.grey>.input .placeholder[data-v-0f473d21]{color:var(--input-placeholder-color,var(--color-grey-60,#a3a3a3));background:linear-gradient(0deg,var(--color-grey-20,#f5f5f5) 65%,transparent 35%)}.input-wrapper.white>.input[data-v-0f473d21]{color:var(--color-grey-80,#5c5c5c);background:var(--color-white,#fff);border:1px solid var(--color-grey-40,#d6d6d6)}.input-wrapper.white>.input .placeholder[data-v-0f473d21]{color:var(--input-placeholder-color,var(--color-grey-60,#a3a3a3));background:linear-gradient(0deg,var(--color-white,#fff) 65%,transparent 35%)}.input-wrapper.focused.white>.input[data-v-0f473d21]{border-color:var(--color-blue-40,#23203c)}.input-wrapper.focused.white>.input .placeholder[data-v-0f473d21]{color:var(--color-blue-40,#23203c)}.input-wrapper.focused.grey>.input .placeholder[data-v-0f473d21]{color:var(--color-dark,#23203c)}.input-wrapper.invalid.white>.input[data-v-0f473d21]{color:var(--color-grey-80,#5c5c5c)}.input-wrapper.invalid.grey>.input[data-v-0f473d21]{color:var(--color-dark-60,#a0a0b6)}.input-wrapper.invalid>.input[data-v-0f473d21]{border-color:var(--color-invalid,#e25b5b)}.input-wrapper.invalid>.input .icon[data-v-0f473d21],.input-wrapper.invalid>.input .placeholder[data-v-0f473d21]{color:var(--color-invalid,#e25b5b)}.input-wrapper.disabled[data-v-0f473d21] *{cursor:not-allowed}.input-wrapper.disabled .icon[data-v-0f473d21],.input-wrapper.disabled .input[data-v-0f473d21],.input-wrapper.disabled>.input .icon[data-v-0f473d21],.input-wrapper.disabled>.input .input[data-v-0f473d21]{color:var(--input-placeholder-color,var(--color-grey-60,#a3a3a3))}.input-wrapper.disabled .placeholder[data-v-0f473d21],.input-wrapper.disabled>.input .placeholder[data-v-0f473d21]{background:linear-gradient(0deg,var(--color-grey-20,#f5f5f5) 59%,transparent 41%)}.input-wrapper.no-placeholder-label>.input .placeholder[data-top=true][data-v-0f473d21]{display:none}.input[data-v-0f473d21]{box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-300,12px);cursor:text;color:var(--color-grey-80,#5c5c5c);font-size:calc(var(--body-font-size,14px) * var(--font-increase-size,1));border-radius:5px;justify-content:space-between;align-items:center}.input[data-v-0f473d21],.input>div[data-v-0f473d21]:first-child{display:flex;position:relative}.input>div[data-v-0f473d21]:first-child{flex:1}.input>div[data-v-0f473d21]:first-child:has(>input){align-items:center}.input>div[data-v-0f473d21]:first-child>*{width:100%;color:inherit;background:inherit;border:none;outline:none;height:auto}.input>div:first-child .placeholder[data-v-0f473d21]{background:linear-gradient(0deg,var(--color-white,#fff) 59%,transparent 41%);width:fit-content;transition:font-size .2s,top .3s;position:absolute;top:50%;transform:translateY(-50%)}.input>div:first-child .placeholder.safari[data-v-0f473d21]{margin-top:-2px}.input>div:first-child .placeholder[data-top=true][data-v-0f473d21]{top:calc(-1 * (10px + var(--body-font-size,14px) * var(--font-increase-size,1) + var(--body-font-size,14px) * var(--font-increase-size,1) * var(--line-height-default,1.5) * var(--font-increase-size,1)) / 3);font-size:calc(var(--font-size-extra-small,12px) * var(--font-increase-size,1));font-weight:300;left:-4px}.input .icon[data-v-0f473d21]{color:var(--color-grey-80,#5c5c5c);cursor:pointer;margin:-12px;padding:12px;position:relative}