.ui-textboxInput{--ui-textboxInput-accent: var(--ui-base-mid);--ui-textboxInput-width-size: 12em;--ui-textboxInput-height-size: auto;--ui-textboxInput-gap-size: var(--ui-default-gap-size);font-size:var(--ui-text-size);background-color:var(--ui-base-sub);box-shadow:inset 0 0 0 1px var(--ui-textboxInput-accent);display:inline-flex;border-radius:.5rem;transition:background-color .2s ease-out,box-shadow .2s ease-out;max-width:100%;width:var(--ui-textboxInput-width-size);min-height:var(--ui-textboxInput-height-size);flex-direction:column;cursor:text}.ui-textboxInput.ui-textboxInput-wide{display:flex;width:100%}.ui-textboxInput.ui-textboxInput-wide .ui-textboxInput-value{width:100%}.ui-textboxInput.ui-textboxInput-look-loud{--ui-textboxInput-accent: var(--ui-base-loud)}.ui-textboxInput.ui-textboxInput-look-quiet{--ui-textboxInput-accent: var(--ui-base-quiet)}.ui-textboxInput.ui-textboxInput-look-safe{--ui-textboxInput-accent: var(--ui-base-safe)}.ui-textboxInput.ui-textboxInput-look-notice{--ui-textboxInput-accent: var(--ui-base-notice)}.ui-textboxInput.ui-textboxInput-look-alert{--ui-textboxInput-accent: var(--ui-base-alert)}.ui-textboxInput.ui-textboxInput-look-danger{--ui-textboxInput-accent: var(--ui-base-danger)}.ui-textboxInput:has(:focus-visible){background-color:var(--ui-base-min);--ui-textboxInput-accent: var(--ui-base-selected)}.ui-textboxInput .ui-textboxInput-above-text,.ui-textboxInput .ui-textboxInput-below-text{margin:0;font-size:.75em;color:var(--ui-contrast-max);padding:var(--ui-textboxInput-gap-size) 1rem;-webkit-user-select:none;user-select:none}.ui-textboxInput .ui-textboxInput-above-text{padding-top:var(--ui-textboxInput-gap-size);padding-bottom:calc(var(--ui-textboxInput-gap-size) * .5)}.ui-textboxInput .ui-textboxInput-below-text{padding-top:calc(var(--ui-textboxInput-gap-size) * .5);padding-bottom:var(--ui-textboxInput-gap-size)}.ui-textboxInput .ui-textboxInput-above,.ui-textboxInput .ui-textboxInput-below{display:flex;flex-direction:column;gap:.5rem}.ui-textboxInput .ui-textboxInput-above{padding:.75em .75em calc(var(--ui-textboxInput-gap-size) * .5) .75em}.ui-textboxInput .ui-textboxInput-content{display:flex;align-items:center}.ui-textboxInput .ui-textboxInput-below{padding:calc(var(--ui-textboxInput-gap-size) * .5) .75em .75em .75em}:is(.ui-textboxInput .ui-textboxInput-content:has(+.ui-textboxInput-below),.ui-textboxInput .ui-textboxInput-above+.ui-textboxInput-content) .ui-textboxInput-before{padding-left:1em}:is(.ui-textboxInput .ui-textboxInput-content:has(+.ui-textboxInput-below),.ui-textboxInput .ui-textboxInput-above+.ui-textboxInput-content) .ui-textboxInput-after{padding-right:1em}.ui-textboxInput.ui-textboxInput-disabled{background-color:var(--ui-base-sub);color:var(--ui-contrast-max);cursor:default;pointer-events:none}.ui-textboxInput .ui-textboxInput-value{font-size:inherit;font-family:inherit;color:inherit;background-color:transparent;border:none;width:100%;margin:0;padding:calc(var(--ui-textboxInput-gap-size) * .875) 1rem}.ui-textboxInput .ui-textboxInput-value:focus-visible{outline:none}.ui-textboxInput .ui-textboxInput-value::placeholder{color:var(--ui-contrast-quiet);-webkit-user-select:none;user-select:none}.ui-textboxInput.ui-textboxInput-weight-heavy .ui-textboxInput-value{font-weight:450;letter-spacing:-.02em}.ui-textboxInput.ui-textboxInput-weight-light .ui-textboxInput-value{font-weight:200}.ui-textboxInput .ui-textboxInput-contentEditable{position:relative;min-height:calc(1.5em + 1rem);line-height:1.5em;width:100%;cursor:text}.ui-textboxInput-empty :is(.ui-textboxInput .ui-textboxInput-contentEditable)[placeholder]:before{position:absolute;content:attr(placeholder);color:var(--ui-contrast-quiet);pointer-events:none;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-textboxInput-empty :is(.ui-textboxInput .ui-textboxInput-contentEditable):before{content:"​";display:inline}.ui-textboxInput .ui-textboxInput-value:has(+.ui-textboxInput-after){padding-right:0}.ui-textboxInput .ui-textboxInput-before+.ui-textboxInput-value{padding-left:0}.ui-textboxInput .ui-textboxInput-before,.ui-textboxInput .ui-textboxInput-after{display:flex;align-items:center;gap:.5em;font-size:.75em;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;padding:0 1em;pointer-events:none}.ui-textboxInput .ui-textboxInput-before:has(.ui-button){padding-left:.25em;pointer-events:auto}.ui-textboxInput .ui-textboxInput-after:has(.ui-button){padding-right:.25em;pointer-events:auto}.ui-textboxInput .ui-textboxInput-input{height:calc(1.5em + 1rem)}.ui-textboxInput .ui-textboxInput-textarea{height:auto;min-height:5.5em;line-height:1.5rem;resize:none}