.input-wrapper{align-items:center;display:flex;position:relative;--icon-size:var(--space-size-m)}.input-wrapper__post,.input-wrapper__pre{align-items:center;display:inline-flex;pointer-events:none;position:absolute}.input-wrapper__post svg,.input-wrapper__pre svg{display:block;height:var(--icon-size);width:var(--icon-size)}.input-wrapper__pre{left:var(--space-size-xs)}.input-wrapper__post{pointer-events:auto;right:var(--space-size-xs)}.input-visibility-toggle{align-items:center;background:transparent;border:0;color:var(--font-color-14);cursor:pointer;display:inline-flex;justify-content:center;padding:0;position:relative}.input-visibility-toggle:focus-visible,.input-visibility-toggle:hover{color:var(--font-color-100)}.input-visibility-toggle--visible:after{background-color:currentcolor;border-radius:999px;content:"";height:1.5px;left:50%;opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-35deg);width:calc(var(--icon-size)*1.1)}.input{flex:1 1 auto}.input--slots-pre{padding-left:var(--ui-input-padding-left-with-pre,calc(var(--space-size-xs) + var(--icon-size) + var(--space-size-2xs)))!important}.input--slots-post{padding-right:var(--ui-input-padding-right-with-post,calc(var(--space-size-xs) + var(--icon-size) + var(--space-size-2xs)))!important}