.ui-inputBox{--ui-inputBox-accent:var(--ui-edge-mid);--ui-inputBox-width-size:12em;--ui-inputBox-height-size:calc(1.5em + 1rem);--ui-inputBox-gap-size:var(--ui-default-gap-size);--ui-inputBox-value-padding-block:calc(var(--ui-inputBox-gap-size) * .875);--ui-inputBox-value-padding-inline-start:1rem;--ui-inputBox-value-padding-inline-end:1rem;cursor:default;font-size:var(--ui-text-size);background-color:var(--ui-base-min);box-shadow:inset 0 0 0 1px var(--ui-inputBox-accent);border-radius:1em;display:inline-flex;position:relative}@supports (corner-shape:squircle){.ui-inputBox{corner-shape:squircle;border-radius:2em}}.ui-inputBox{max-width:100%;width:var(--ui-inputBox-width-size);flex-direction:column;transition:background-color .2s ease-out,box-shadow .2s ease-out}.ui-inputBox.ui-inputBox-wide{width:100%;display:flex}.ui-inputBox.ui-inputBox-wide .ui-inputBox-value{width:100%}.ui-inputBox.ui-look{--ui-inputBox-accent:var(--ui-look-base)}.ui-inputBox.ui-look-quiet{background-color:var(--ui-base-quiet)}.ui-inputBox:not(.ui-inputBox-readonly,.ui-inputBox-disabled,.ui-look-quiet):has(:focus-visible){background-color:var(--ui-base-min);--ui-inputBox-accent:var(--ui-accent-base)}.ui-inputBox.ui-inputBox-justify-start .ui-inputBox-value{text-align:left}.ui-inputBox.ui-inputBox-justify-center .ui-inputBox-value{text-align:center}.ui-inputBox.ui-inputBox-justify-end .ui-inputBox-value{text-align:right}.ui-inputBox .ui-inputBox-above,.ui-inputBox .ui-inputBox-below{flex-direction:column;gap:.5rem;display:flex}.ui-inputBox .ui-inputBox-content{align-items:center;display:flex}.ui-inputBox.ui-inputBox-disabled{background-color:var(--ui-base-sub);color:var(--ui-contrast-max);cursor:default}.ui-inputBox.ui-inputBox-readonly:not(.ui-inputBox-disabled){background-color:var(--ui-base-min);box-shadow:inset 0 0 0 1px var(--ui-edge-sub)}.ui-inputBox .ui-inputBox-value{width:100%;min-height:var(--ui-inputBox-height-size);align-items:center;display:flex}.ui-inputBox .ui-inputBox-content:not(.ui-inputBox-above+.ui-inputBox-content){padding-top:.25rem}.ui-inputBox .ui-inputBox-content:not(:has(+.ui-inputBox-below)){padding-bottom:.25rem}.ui-inputBox.ui-look-quiet .ui-inputBox-content{padding-block:0!important}.ui-inputBox.ui-inputBox-weight-heavy .ui-inputBox-value{letter-spacing:-.02em;font-weight:700}.ui-inputBox.ui-inputBox-weight-light .ui-inputBox-value{font-weight:400}.ui-inputBox .ui-inputBox-value:has(+.ui-inputBox-after){--ui-inputBox-value-padding-inline-end:0}.ui-inputBox .ui-inputBox-before+.ui-inputBox-value{--ui-inputBox-value-padding-inline-start:0}.ui-inputBox .ui-inputBox-before,.ui-inputBox .ui-inputBox-after{-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;align-items:center;padding:0 .75rem;display:flex}.ui-inputBox .ui-inputBox-before{padding-right:.5rem}.ui-inputBox .ui-inputBox-after{padding-left:.5rem}.ui-inputBox .ui-inputBox-above+.ui-inputBox-content .ui-textInput-input,.ui-inputBox .ui-inputBox-above+.ui-inputBox-content .ui-plainTextInput-contentEditable{padding-block:.125em}