.f-base{--size:3.5rem;background-color:var(--color-white);appearance:none;width:100%;min-height:var(--size);color:var(--color-text-500);background-clip:padding-box;border:none;padding:.625rem 1.5rem;font-weight:600;display:block}.f-base:focus{border-color:none;outline:none}.f-base::placeholder{opacity:1;color:var(--color-text-400)}.f-label{color:var(--color-text-400);pointer-events:none;z-index:1;font-weight:500;transition:all .2s;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.f-label.--active{font-size:var(--font-size-xs);background:var(--color-white);margin-left:-.25rem;padding:0 .25rem;top:-.5rem;transform:none}.f-label__required{color:var(--color-danger);margin-left:.125rem}.f-text__icon{pointer-events:none;padding:.5rem;position:absolute}.f-text__icon.--before{padding-left:1rem;top:50%;left:0;transform:translate(0)translateY(-50%)}.f-text__icon.--after{padding-right:1rem;top:50%;right:0;transform:translate(0)translateY(-50%)}.f-text__input{border-radius:var(--radius)}.f-text__invalid-icon{display:none;position:relative;right:1.5rem}.f-text{--border-color:var(--color-tertiary-500);--radius:100px}.f-text.--invalid{--border-color:var(--color-danger);margin-bottom:1rem}.f-text.--invalid .f-text__invalid-icon{display:block}.f-text.--icon-before .f-text__input{padding-left:3rem}.f-text.--icon-before .f-label{left:3rem}.f-text.--icon-after .f-text__input{padding-right:3rem}.f-text__wrap{border:1px solid var(--border-color);border-radius:var(--radius);transition:border-color .3s;overflow:visible}.f-text__wrap:focus-within{border-color:var(--color-conversion-600)}.f-text__wrap:focus-within>.f-label{font-size:var(--font-size-xs);background:var(--color-white);margin-left:-.25rem;padding:0 .25rem;top:-.5rem;transform:none}.f-text__wrap:has(.f-text__input:not(:placeholder-shown))>.f-label{font-size:var(--font-size-xs);background:var(--color-white);margin-left:-.25rem;padding:0 .25rem;top:-.5rem;transform:none}.f-text__toggle{--on-opacity:0;--off-opacity:1;--size:1.5rem;width:var(--size);height:var(--size);place-items:center;display:grid;right:1rem}.f-text__toggle.--active{--on-opacity:1;--off-opacity:0}.f-text__toggle-icon{width:var(--size);height:var(--size);grid-row-start:1;grid-column-start:1}.f-text__toggle-icon.--on{opacity:var(--on-opacity)}.f-text__toggle-icon.--off{opacity:var(--off-opacity)}.f-text__button{flex-shrink:0}.f-text.--with-button .f-text__wrap{background-color:var(--color-white);align-items:center;padding-right:.25rem;display:flex}.f-text.--with-button .f-text__input{background:0 0;border:none}.f-text.--with-button .f-label.--active{background:0 0}@media (max-width:35.999em){.f-text.--with-button .f-text__wrap{flex-direction:column;gap:.5rem;padding:.25rem}.f-text.--with-button .f-text__input{text-align:center;width:100%}.f-text.--with-button .f-text__button,.f-text.--with-button .f-text__button .btn{width:100%}}.f-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:.25rem}.f-text.--sm .f-base{--size:2.75rem;font-size:var(--font-size-sm);padding:.375rem 1.25rem}.f-text.--sm .f-label{font-size:.8125rem;left:1.25rem}.f-text.--sm .f-label.--active{font-size:.6875rem}.f-text.--sm .f-text__icon.--before{padding-left:.75rem}.f-text.--sm .f-text__icon.--after{padding-right:.75rem}.f-text.--sm.--icon-before .f-text__input{padding-left:2.5rem}.f-text.--sm.--icon-before .f-label{left:2.5rem}.f-text.--sm.--icon-after .f-text__input{padding-right:2.5rem}.f-text.--filled{--border-color:transparent}.f-text.--filled .f-text__wrap{background-color:var(--color-tertiary-400);border-radius:var(--radius);border-color:#0000}.f-text.--filled .f-text__wrap:focus-within{border-color:#0000}.f-text.--filled .f-base{background-color:#0000}.f-text.--filled .f-label.--active{background:var(--color-tertiary-400)}.f-text.--filled .f-text__wrap:focus-within>.f-label{font-size:var(--font-size-xs);background:var(--color-tertiary-400);margin-left:-.25rem;padding:0 .25rem;top:-.5rem;transform:none}.f-text.--filled .f-text__wrap:has(.f-text__input:not(:placeholder-shown))>.f-label{font-size:var(--font-size-xs);background:var(--color-tertiary-400);margin-left:-.25rem;padding:0 .25rem;top:-.5rem;transform:none}