.formtext{--formtext-margin-block-start: var(--scope-margin-block-start, 0);--formtext-margin-inline-end: var(--scope-margin-inline-end, 0);--formtext-margin-block-end: var(--scope-margin-block-end, var(--global-layout-viewport-default-margin));--formtext-margin-inline-start: var(--scope-margin-inline-start, 0);margin-block:var(--formtext-margin-block-start) var(--formtext-margin-block-end);margin-inline:var(--formtext-margin-inline-start) var(--formtext-margin-inline-end);display:grid}heliux-formtext{--formtext-color: var(--scope-color-main-color);--formtext-error-color: var(--scope-color-error-color, rgb(223, 21, 21));--formtext-success-color: var(--scope-color-success-color, rgb(12, 177, 26));--scope-layout-grid-positional-gutter: var(--scope-layout-grid-gutter, 20px);--formtext-padding: calc(var(--scope-layout-margin, 20px) / 2);--formtext-label-margins: var(--scope-layout-margin, 20px);--formtext-alignment-horizontal: var(--scope-alignment-horizontal, start);--formtext-border: var(--formtext-grid-border, 1px solid);--formtext-max-width: var(--scope-grid-max-width, 1024px);--formtext-autocomplete-shadow: 0 0 10px 1px rgba(0, 0, 0, 20%);--formtext-result-desc-fontsize: 15px;--formtext-tooltip-margin: calc(var(--scope-layout-margin, 20px) / 2);--formtext-tooltip-background: var(--scope-color-accent2);--formtext-tooltip-color: var(--scope-color-accent2-text);--formtext-tooltip-shadow: 0 2px 8px 0 rgba(135, 135, 135, 50%);--formtext-tooltip-padding: 17px;--formtext-tooltip-fontsize: 14px;--formtext-margin-block-start: var(--scope-margin-block-start, 0);--formtext-margin-inline-end: var(--scope-margin-inline-end, 0);--formtext-margin-block-end: var(--scope-margin-block-end, var(--global-layout-viewport-default-margin));--formtext-margin-inline-start: var(--scope-margin-inline-start, 0);margin-block:var(--formtext-margin-block-start) var(--formtext-margin-block-end);margin-inline:var(--formtext-margin-inline-start) var(--formtext-margin-inline-end);position:relative;display:block;width:100%;color:var(--formtext-color);text-align:var(--formtext-alignment-horizontal);justify-self:var(--formtext-alignment-horizontal)}.formtext>heliux-formtext{margin:0}heliux-formtext .formtext__wrapper{display:flex;flex-direction:column}heliux-formtext .formtext__wrapper.isInValid .formtext__input{border-color:var(--formtext-error-color)}heliux-formtext .formtext__wrapper.isInValid .formtext__error{display:flex}heliux-formtext .formtext__wrapper.isValid .formtext__input{border-color:var(--formtext-success-color)}heliux-formtext .formtext__wrapper.isValid .formtext__iconSuccess{display:block;--scope-color-main-color: var(--formtext-success-color)}heliux-formtext .formtext__wrapper--readOnly .formtext__input{border:none;padding-inline-start:0;font-weight:bold;color:var(--formtext-color);cursor:not-allowed}heliux-formtext .formtext__wrapper--readOnly .formtext__label,heliux-formtext .formtext__wrapper--readOnly .formtext__error,heliux-formtext .formtext__wrapper--readOnly .formtext__helpText,heliux-formtext .formtext__wrapper--readOnly .formtext__autocompleteIcon,heliux-formtext .formtext__wrapper--readOnly .formtext__icons{display:none}heliux-formtext .formtext__label{margin-block-end:calc(var(--formtext-label-margins)/2);margin-inline-end:var(--formtext-tooltip-margin)}heliux-formtext .formtext__labelContainer{display:flex;align-items:flex-start;justify-content:space-between}heliux-formtext .formtext__iconFormTooltip:hover+.formtext__formTooltip{visibility:visible;opacity:1}heliux-formtext .formtext__helpText{display:flex;align-items:flex-start}heliux-formtext .formtext__inputWrapper{display:flex;width:100%;align-items:center;flex-direction:column;position:relative}heliux-formtext .formtext__error{display:none;align-items:flex-start}heliux-formtext .formtext__error.isHidden{display:none}heliux-formtext .formtext__iconError{--scope-color-main-color: var(--formtext-error-color);display:inline-flex;margin-inline-end:6px}heliux-formtext .formtext__icons{padding-block-end:calc(var(--formtext-label-margins)/2);position:absolute;height:100%;inset-inline-end:calc(var(--formtext-label-margins)/2)}heliux-formtext .formtext__icons heliux-icon{--icon-size: calc(var(--formtext-label-margins) + var(--scope-type-font-size))}heliux-formtext .formtext__iconSuccess{display:none;height:100%}heliux-formtext .formtext__input{resize:none;width:100%;padding:var(--formtext-padding);border:var(--formtext-border);border-color:var(--formtext-color);margin-block-end:calc(var(--formtext-label-margins)/2);text-align:var(--formtext-alignment-horizontal)}heliux-formtext .formtext__input::-webkit-inner-spin-button,heliux-formtext .formtext__input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin-block:0;margin-inline:0}heliux-formtext .formtext__input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}heliux-formtext .formtext__input[type=date]{width:auto}heliux-formtext .formtext__input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}heliux-formtext .formtext__input[readonly]{border:none}heliux-formtext .formtext__autocomplete{position:absolute;width:100%;inset-block-start:calc(var(--formtext-padding)*2 + var(--scope-type-line-height) + 2px);max-block-size:var(--scope-autocomplete-block-size, none);overflow-y:auto;background-color:var(--scope-color-background);box-shadow:var(--formtext-autocomplete-shadow);cursor:pointer;z-index:7}heliux-formtext .formtext__autocompleteIcon{position:absolute;padding-block-end:var(--formtext-padding);inset-inline-end:var(--formtext-padding);height:100%}heliux-formtext .formtext__autocompleteIcon~.formtext__icons{display:none}heliux-formtext .formtext__result{padding:var(--formtext-padding)}heliux-formtext .formtext__result:hover,heliux-formtext .formtext__result--selected{color:var(--scope-color-accent1-hover-text);background-color:var(--scope-color-accent1-hover)}heliux-formtext .formtext__result__desc{font-size:var(--formtext-result-desc-fontsize)}heliux-formtext .formtext__counter{position:absolute;inset-block-end:0;inset-inline-end:0;transform:translateY(100%)}heliux-formtext .formtext__tooltipContainer{position:relative}heliux-formtext .formtext__tooltipContainer+.heliux-text__wrapper{margin-inline-start:var(--formtext-tooltip-margin);display:flex;justify-content:flex-start}heliux-formtext .formtext__formTooltip{visibility:hidden;background-color:var(--formtext-tooltip-background);color:var(--formtext-tooltip-color);box-shadow:var(--formtext-tooltip-shadow);text-align:start;width:240px;padding:var(--formtext-tooltip-padding);margin-block-end:0;position:absolute;z-index:1;inset-block-end:125%;inset-inline-start:0;opacity:0;transition:opacity .3s}@media(min-width: 1024px){heliux-formtext .formtext__formTooltip{inset-inline-start:50%;transform:translate3d(calc(var(--global-h-flow-dir) * -50%), 0, 0)}}heliux-formtext .formtext__formTooltip::after{content:"";position:absolute;inset-block-start:100%;margin-inline-start:-5px;border-width:5px;border-style:solid;border-color:var(--formtext-tooltip-background) rgba(0,0,0,0) rgba(0,0,0,0)}@media(min-width: 1024px){heliux-formtext .formtext__formTooltip::after{inset-inline-start:50%}}heliux-formtext .formtext__formTooltip *{font-size:var(--formtext-tooltip-fontsize);text-align:start}heliux-formtext .formtext__passwordLabel{cursor:pointer;text-decoration:underline;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:none}