.f-base{--size:56px;display:block;width:100%;background-color:var(--color-white);background-clip:padding-box;padding:10px 24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;min-height:var(--size);color:var(--color-text-500);font-weight:600}.f-base:focus{border-color:none;outline:none}.f-base::placeholder{opacity:1;color:var(--color-text-500)}.f-label{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--color-text-400);font-weight:500;transition:all .2s ease;pointer-events:none;z-index:1}.f-label.--active{top:8px;transform:translateY(0);font-size:12px}.f-label__required{color:var(--color-danger);margin-left:2px}.f-text__icon{padding:8px;position:absolute;pointer-events:none}.f-text__icon.--before{padding-left:16px;left:0}.f-text__icon.--after,.f-text__icon.--before{top:50%;transform:translateX(0) translateY(-50%)}.f-text__icon.--after{padding-right:16px;right:0}.f-text__input{border-radius:var(--radius)}.f-text__invalid-icon{display:none;position:relative;right:24px}.f-text{--border-color:var(--color-tertiary-500);--radius:100px}.f-text.--invalid{--border-color:var(--color-danger);margin-bottom:16px}.f-text.--invalid .f-text__invalid-icon{display:block}.f-text.--icon-before .f-text__input{padding-left:48px}.f-text.--icon-before .f-label{left:48px}.f-text.--icon-after .f-text__input{padding-right:48px}.f-text__wrap{border:1px solid var(--border-color);border-radius:var(--radius);transition:border-color .3s ease}.f-text__toggle{--on-opacity:0;--off-opacity:1;--size:24px;right:16px;width:var(--size);height:var(--size);display:grid;place-items:center}.f-text__toggle.--active{--on-opacity:1;--off-opacity:0}.f-text__toggle-icon{grid-column-start:1;grid-row-start:1;width:var(--size);height:var(--size)}.f-text__toggle-icon.--on{opacity:var(--on-opacity)}.f-text__toggle-icon.--off{opacity:var(--off-opacity)}.f-error{color:var(--color-danger);font-size:12px;margin-top:4px}