.ui-inputBox{--ui-inputBox-accent:var(--ui-edge-mid);--ui-inputBox-height-size:calc(1.5em + 1rem);--ui-inputBox-gap-size:var(--ui-default-gap-size);--ui-inputBox-content-padding-top:.25rem;--ui-inputBox-content-padding-bottom:.25rem;--ui-inputBox-inset-size:1rem;--ui-inputBox-edge-size:.5rem;--ui-inputBox-value-padding-inline-start:var(--ui-inputBox-inset-size);--ui-inputBox-value-padding-inline-end:var(--ui-inputBox-inset-size);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:flex;position:relative}@supports (corner-shape:squircle){.ui-inputBox{corner-shape:squircle;border-radius:2em}}.ui-inputBox{flex-direction:column;width:100%;transition:background-color .2s ease-out,box-shadow .2s ease-out}.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-header,.ui-inputBox .ui-inputBox-footer{flex-direction:column;gap:.5rem;display:flex}.ui-inputBox .ui-inputBox-content{min-width:0;font-size:var(--ui-text-size);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-width:0;min-height:var(--ui-inputBox-height-size);align-items:center;display:flex}.ui-inputBox .ui-inputBox-content{padding-block:var(--ui-inputBox-content-padding-top) var(--ui-inputBox-content-padding-bottom)}.ui-inputBox .ui-inputBox-value>:is(input,[contenteditable]){--ui-inputBox-reach-top:var(--ui-inputBox-content-padding-top);--ui-inputBox-reach-bottom:var(--ui-inputBox-content-padding-bottom)}.ui-inputBox .ui-inputBox-value>input{box-sizing:content-box;width:auto;min-width:0;height:var(--ui-inputBox-height-size);padding-block:var(--ui-inputBox-reach-top) var(--ui-inputBox-reach-bottom);margin-block:calc(-1 * var(--ui-inputBox-reach-top)) calc(-1 * var(--ui-inputBox-reach-bottom));flex:1 1 0}.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:.5rem}.ui-inputBox .ui-inputBox-before+.ui-inputBox-value{--ui-inputBox-value-padding-inline-start:.5rem}.ui-inputBox .ui-inputBox-before+.ui-inputBox-value>.ui-button{margin-inline-start:var(--ui-inputBox-value-padding-inline-start)}.ui-inputBox .ui-inputBox-before+.ui-inputBox-value>.ui-button.ui-look-quiet{margin-inline-start:0;padding-inline-start:var(--ui-inputBox-value-padding-inline-start)}.ui-inputBox .ui-inputBox-before,.ui-inputBox .ui-inputBox-after{height:var(--ui-inputBox-height-size);-webkit-user-select:none;user-select:none;white-space:nowrap;padding:0 var(--ui-inputBox-inset-size);flex-shrink:0;align-items:center;display:flex}:is(.ui-inputBox .ui-inputBox-before>.ui-button:has(>.ui-icon),.ui-inputBox .ui-inputBox-after>.ui-button:has(>.ui-icon)){translate:0 var(--ui-inputBox-icon-drop,.0625em)}.ui-inputBox .ui-inputBox-before>.ui-button:has(>.ui-icon){margin-inline-start:calc(-1 * var(--ui-button-icon-inset))}.ui-inputBox .ui-inputBox-after>.ui-button:has(>.ui-icon){margin-inline-end:calc(-1 * var(--ui-button-icon-inset))}.ui-inputBox .ui-inputBox-before{padding-right:0}.ui-inputBox .ui-inputBox-after{padding-left:0}.ui-inputBox .ui-inputBox-header+.ui-inputBox-content{--ui-inputBox-height-size:1.5em;--ui-inputBox-content-padding-top:0px;--ui-inputBox-content-padding-bottom:calc(var(--ui-inputBox-gap-size) * .75)}.ui-inputBox .ui-inputBox-content:has(+.ui-inputBox-footer){--ui-inputBox-content-padding-bottom:0px}.ui-inputBox:not(.ui-look-quiet) .ui-inputBox-header+.ui-inputBox-content:has(+.ui-inputBox-footer){--ui-inputBox-content-padding-bottom:max(0px, 1em - 1rem)}.ui-inputBox.ui-look-quiet .ui-inputBox-content{--ui-inputBox-content-padding-top:0px;--ui-inputBox-content-padding-bottom:0px}