.ui-textbox-wrap{align-items:center;display:inline-flex;position:relative}.ui-textbox-wrap--block{width:100%}.ui-textbox-icon{align-items:center;color:var(--ui-color-muted);display:flex;font-size:1.125rem;justify-content:center;left:.625rem;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ui-textbox-icon svg{fill:currentColor;flex-shrink:0;height:1.1em;width:1.1em}.ui-textbox-wrap--sm .ui-textbox-icon{font-size:.875rem;left:.5rem}.ui-textbox-wrap--lg .ui-textbox-icon{font-size:1.125rem;left:.75rem}.ui-textbox-toggle{align-items:center;background:none;border:none;border-radius:var(--ui-radius-sm);color:var(--ui-color-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color .15s ease}.ui-textbox-toggle:hover{color:var(--ui-color-text)}.ui-textbox-toggle:focus-visible{color:var(--ui-color-text);outline:2px solid var(--ui-color-primary);outline-offset:1px}.ui-textbox-toggle svg{fill:currentColor;height:1.25rem;width:1.25rem}.ui-textbox{background:var(--ui-color-background-secondary);border:1px solid var(--ui-color-control-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:var(--ui-font-family);font-size:1rem;height:var(--ui-control-height-md);outline:none;padding:0 .625rem;transition:border-color .15s ease,box-shadow .15s ease}.ui-textbox::-moz-placeholder{color:var(--ui-color-placeholder)}.ui-textbox::placeholder{color:var(--ui-color-placeholder)}.ui-textbox:focus{border-color:var(--ui-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-color-primary),transparent 70%)}.ui-textbox--has-icon{padding-left:2.125rem}.ui-textbox--has-toggle{padding-right:2.375rem}.ui-textbox--sm{font-size:.8125rem;height:var(--ui-control-height-sm);padding:0 .5rem}.ui-textbox--sm.ui-textbox--has-icon{padding-left:1.875rem}.ui-textbox--sm.ui-textbox--has-toggle{padding-right:2.125rem}.ui-textbox--md{font-size:1rem;height:var(--ui-control-height-md)}.ui-textbox--lg{font-size:1.0625rem;height:var(--ui-control-height-lg);padding:0 .75rem}.ui-textbox--lg.ui-textbox--has-icon{padding-left:2.5rem}.ui-textbox--lg.ui-textbox--has-toggle{padding-right:2.625rem}.ui-textbox--textarea{height:auto;line-height:1.4;min-height:var(--ui-control-height-md);padding:.5rem .625rem;resize:vertical}.ui-textbox--textarea.ui-textbox--sm{min-height:var(--ui-control-height-sm);padding:.375rem .5rem}.ui-textbox--textarea.ui-textbox--lg{min-height:var(--ui-control-height-lg);padding:.625rem .75rem}.ui-textbox--block{width:100%}.ui-textbox--disabled{cursor:not-allowed;opacity:.5}.ui-textbox--error,.ui-textbox--error:focus{border-color:var(--ui-color-danger)}.ui-textbox--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-color-danger),transparent 70%)}