.material-design-icon[data-v-8f3abf17]{display:flex;align-self:center;justify-self:center;align-items:center;justify-content:center}.input-field[data-v-8f3abf17]{--input-border-radius: var(--border-radius-element, var(--border-radius-large));--input-padding-start: var(--border-radius-large);--input-padding-end: var(--border-radius-large);position:relative;width:100%;margin-block-start:6px}.input-field--disabled[data-v-8f3abf17]{opacity:.4;filter:saturate(.4)}.input-field--label-outside[data-v-8f3abf17]{margin-block-start:0}.input-field--leading-icon[data-v-8f3abf17]{--input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline))}.input-field--trailing-icon[data-v-8f3abf17]{--input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline))}.input-field--pill[data-v-8f3abf17]{--input-border-radius: var(--border-radius-pill)}.input-field__main-wrapper[data-v-8f3abf17]{height:var(--default-clickable-area);position:relative}.input-field__input[data-v-8f3abf17]{--input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));background-color:var(--color-main-background);color:var(--color-main-text);border:var(--border-width-input, 2px) solid var(--color-border-maxcontrast);border-radius:var(--input-border-radius);cursor:pointer;appearance:textfield!important;font-size:var(--default-font-size);text-overflow:ellipsis;height:calc(var(--default-clickable-area) - 2 * var(--input-border-width-offset))!important;width:100%;padding-inline:calc(var(--input-padding-start) + var(--input-border-width-offset)) calc(var(--input-padding-end) + var(--input-border-width-offset));padding-block:var(--input-border-width-offset)}.input-field__input[data-v-8f3abf17]::placeholder{color:var(--color-text-maxcontrast)}.input-field__input[data-v-8f3abf17]:active:not([disabled]),.input-field__input[data-v-8f3abf17]:hover:not([disabled]),.input-field__input[data-v-8f3abf17]:focus:not([disabled]){border-color:var(--color-main-text);border-width:var(--border-width-input-focused, 2px);box-shadow:0 0 0 2px var(--color-main-background)!important;--input-border-width-offset: 0px}.input-field__input:focus+.input-field__label[data-v-8f3abf17],.input-field__input:hover:not(:placeholder-shown)+.input-field__label[data-v-8f3abf17]{color:var(--color-main-text)}.input-field__input[data-v-8f3abf17]:focus{cursor:text}.input-field__input[data-v-8f3abf17]:disabled{cursor:default}.input-field__input[data-v-8f3abf17]:focus-visible{box-shadow:unset!important}.input-field__input--success[data-v-8f3abf17]{border-color:var(--color-success)!important}.input-field__input--success[data-v-8f3abf17]:focus-visible{box-shadow:#f8fafc 0 0 0 2px,var(--color-primary-element) 0 0 0 4px,#0000000d 0 1px 2px}.input-field__input--error[data-v-8f3abf17],.input-field__input[data-v-8f3abf17]:user-invalid{border-color:var(--color-error)!important}.input-field__input--error[data-v-8f3abf17]:focus-visible,.input-field__input[data-v-8f3abf17]:user-invalid:focus-visible{box-shadow:#f8fafc 0 0 0 2px,var(--color-primary-element) 0 0 0 4px,#0000000d 0 1px 2px}.input-field:not(.input-field--label-outside) .input-field__input[data-v-8f3abf17]:not(:focus)::placeholder{opacity:0}.input-field__label[data-v-8f3abf17]{--input-label-font-size: var(--default-font-size);position:absolute;margin-inline:var(--input-padding-start) var(--input-padding-end);max-width:fit-content;font-size:var(--input-label-font-size);inset-block-start:calc((var(--default-clickable-area) - 1lh) / 2);inset-inline:var(--border-width-input-focused, 2px);color:var(--color-text-maxcontrast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:height var(--animation-quick),inset-block-start var(--animation-quick),font-size var(--animation-quick),color var(--animation-quick),background-color var(--animation-quick) var(--animation-slow)}.input-field__input:focus+.input-field__label[data-v-8f3abf17],.input-field__input:not(:placeholder-shown)+.input-field__label[data-v-8f3abf17]{--input-label-font-size: 13px;line-height:1.5;inset-block-start:calc(-1.5 * var(--input-label-font-size) / 2);font-weight:500;border-radius:var(--default-grid-baseline) var(--default-grid-baseline) 0 0;background-color:var(--color-main-background);padding-inline:var(--default-grid-baseline);margin-inline:calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));transition:height var(--animation-quick),inset-block-start var(--animation-quick),font-size var(--animation-quick),color var(--animation-quick)}.input-field__icon[data-v-8f3abf17]{position:absolute;height:var(--default-clickable-area);width:var(--default-clickable-area);display:flex;align-items:center;justify-content:center;opacity:.7;inset-block-end:0}.input-field__icon--leading[data-v-8f3abf17]{inset-inline-start:0px}.input-field__icon--trailing[data-v-8f3abf17]{inset-inline-end:0px}.input-field__trailing-button[data-v-8f3abf17]{--button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important;--button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px))}.input-field__trailing-button.button-vue[data-v-8f3abf17]{position:absolute;top:var(--border-width-input-focused, 2px);inset-inline-end:var(--border-width-input-focused, 2px)}.input-field__trailing-button.button-vue[data-v-8f3abf17]:focus-visible{box-shadow:none!important}.input-field__helper-text-message[data-v-8f3abf17]{padding-block:4px;padding-inline:var(--border-radius-large);display:flex;align-items:center;color:var(--color-text-maxcontrast)}.input-field__helper-text-message__icon[data-v-8f3abf17]{margin-inline-end:8px}.input-field__helper-text-message--error[data-v-8f3abf17]{color:var(--color-error-text)}.input-field__helper-text-message--success[data-v-8f3abf17]{color:var(--color-success-text)}