← Back
Editing: NcTextField-CfZknuqx-ChYPIaUD.chunk.css
.material-design-icon[data-v-5c7bbaef]{display:flex;align-self:center;justify-self:center;align-items:center;justify-content:center}.input-field[data-v-5c7bbaef]{--input-border-color: var(--color-border-maxcontrast);--input-border-radius: var(--border-radius-element);--input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));--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-5c7bbaef]{opacity:.4;filter:saturate(.4)}.input-field--label-outside[data-v-5c7bbaef]{margin-block-start:0}.input-field--leading-icon[data-v-5c7bbaef]{--input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline))}.input-field--trailing-icon[data-v-5c7bbaef]{--input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline))}.input-field--pill[data-v-5c7bbaef]{--input-border-radius: var(--border-radius-pill)}.input-field__main-wrapper[data-v-5c7bbaef]{height:var(--default-clickable-area);padding:var(--border-width-input, 2px);position:relative}.input-field__main-wrapper[data-v-5c7bbaef]:not(:has([disabled])):has(input:focus),.input-field__main-wrapper[data-v-5c7bbaef]:not(:has([disabled])):has(input:active){padding:0}.input-field__input[data-v-5c7bbaef]{background-color:var(--color-main-background);color:var(--color-main-text);border:none;border-radius:var(--input-border-radius);box-shadow:0 -1px var(--input-border-color),0 0 0 1px color-mix(in srgb,var(--input-border-color),65% transparent);cursor:pointer;appearance:textfield!important;font-size:var(--default-font-size);text-overflow:ellipsis;height:100%!important;min-height:unset;width:100%;padding-block:var(--input-border-width-offset);padding-inline:calc(var(--input-padding-start) + var(--input-border-width-offset)) calc(var(--input-padding-end) + var(--input-border-width-offset))}.input-field__input[data-v-5c7bbaef]::placeholder{color:var(--color-text-maxcontrast)}.input-field__input[data-v-5c7bbaef]::-webkit-search-cancel-button{display:none}.input-field__input[data-v-5c7bbaef]::-webkit-search-decoration,.input-field__input[data-v-5c7bbaef]::-webkit-search-results-button,.input-field__input[data-v-5c7bbaef]::-webkit-search-results-decoration,.input-field__input[data-v-5c7bbaef]::-ms-clear{display:none}.input-field__input[data-v-5c7bbaef]:hover:not([disabled]){box-shadow:0 0 0 1px var(--input-border-color)}.input-field__input[data-v-5c7bbaef]:active:not([disabled]),.input-field__input[data-v-5c7bbaef]:focus:not([disabled]){--input-border-color: var(--color-main-text);--input-border-width-offset: 0px;border:var(--border-width-input-focused, 2px) solid var(--input-border-color);box-shadow:0 0 0 2px var(--color-main-background)!important}.input-field__input:focus+.input-field__label[data-v-5c7bbaef],.input-field__input:hover:not(:placeholder-shown)+.input-field__label[data-v-5c7bbaef]{color:var(--color-main-text)}.input-field__input[data-v-5c7bbaef]:focus{cursor:text}.input-field__input[data-v-5c7bbaef]:disabled{cursor:default}.input-field__input[data-v-5c7bbaef]:focus-visible{box-shadow:unset!important}.input-field__input--success[data-v-5c7bbaef]{border-color:var(--color-border-success, var(--color-success))!important}.input-field__input--success[data-v-5c7bbaef]: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-5c7bbaef],.input-field__input[data-v-5c7bbaef]:user-invalid{border-color:var(--color-border-error, var(--color-error))!important}.input-field__input--error[data-v-5c7bbaef]:focus-visible,.input-field__input[data-v-5c7bbaef]: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-5c7bbaef]:not(:focus)::placeholder{opacity:0}.input-field__label[data-v-5c7bbaef]{--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-5c7bbaef],.input-field__input:not(:placeholder-shown)+.input-field__label[data-v-5c7bbaef]{--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-5c7bbaef]{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-5c7bbaef]{inset-inline-start:0px}.input-field__icon--trailing[data-v-5c7bbaef]{inset-inline-end:0px}.input-field__trailing-button[data-v-5c7bbaef]{--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-5c7bbaef]{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-5c7bbaef]:focus-visible{box-shadow:none!important}.input-field__helper-text-message[data-v-5c7bbaef]{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-5c7bbaef]{margin-inline-end:8px}.input-field__helper-text-message--error[data-v-5c7bbaef]{color:var(--color-text-error, var(--color-error))}.input-field--error .input-field__input[data-v-5c7bbaef],.input-field__input[data-v-5c7bbaef]:user-invalid{--input-border-color: var(--color-border-error, var(--color-error)) !important}.input-field--error .input-field__input[data-v-5c7bbaef]:focus-visible,.input-field__input[data-v-5c7bbaef]: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--success .input-field__input[data-v-5c7bbaef]{--input-border-color: var(--color-border-success, var(--color-success)) !important}.input-field--success .input-field__input[data-v-5c7bbaef]:focus-visible{box-shadow:#f8fafc 0 0 0 2px,var(--color-primary-element) 0 0 0 4px,#0000000d 0 1px 2px}.input-field--legacy .input-field__input[data-v-5c7bbaef]{box-shadow:0 0 0 1px var(--input-border-color) inset}.input-field--legacy .input-field__main-wrapper[data-v-5c7bbaef]:hover:not(:has([disabled])){padding:0}.input-field--legacy .input-field__main-wrapper:hover:not(:has([disabled])) .input-field__input[data-v-5c7bbaef]{--input-border-color: var(--color-main-text);--input-border-width-offset: 0px;border:var(--border-width-input-focused, 2px) solid var(--input-border-color);box-shadow:0 0 0 2px var(--color-main-background)!important}
Save File
Cancel