.ui-compact-input{--ui-compact-input-height:2.5rem;--ui-compact-input-radius:calc(var(--ui-radius) * 2);width:100%;position:relative}.ui-compact-input__control{box-sizing:border-box;width:100%;min-height:var(--ui-compact-input-height);border-radius:var(--ui-compact-input-radius);background:color-mix(in srgb, var(--foreground) 5%, transparent);font-family:var(--font-product-body);letter-spacing:.02em;color:var(--foreground);border:1px solid #0000;padding-block:.5rem;padding-inline:.75rem;font-size:.9375rem;font-weight:600;line-height:1.25;transition:background .15s,border-color .15s,box-shadow .15s;display:block}.ui-compact-input__control::placeholder{color:var(--ui-muted);letter-spacing:normal;font-weight:500}.ui-compact-input__control:hover:not(:disabled):not(:read-only){background:color-mix(in srgb, var(--foreground) 9%, transparent)}.ui-compact-input__control:focus-visible{outline:2px solid color-mix(in srgb, var(--foreground) 35%, transparent);outline-offset:2px;background:var(--ui-surface);border-color:color-mix(in srgb, var(--foreground) 18%, transparent);box-shadow:0 1px 3px color-mix(in srgb, var(--foreground) 8%, transparent)}.ui-compact-input__control:disabled{opacity:.55;cursor:not-allowed}.ui-compact-input__control:read-only:not(:disabled){cursor:default}.ui-compact-input__control--error{border-color:#b91c1c8c}.ui-compact-input__control--with-leading{padding-inline-start:2.25rem}.ui-compact-input__leading{pointer-events:none;color:var(--ui-muted);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block:0;inset-inline-start:.75rem}.ui-compact-input:focus-within .ui-compact-input__leading{color:color-mix(in srgb, var(--foreground) 72%, transparent)}