[data-foundation=input-group][class~="has-autofill:bg-foreground/4"]{--input-group-surface-subtle:#0000000a;--input-segment-background:color-mix(in srgb, var(--color-blue-500) 16%, transparent);--input-segment-padding-block:calc(var(--spacing) * .5);--input-segment-padding-inline:var(--spacing);--sp-semantic-color-background:var(--color-white);--sp-semantic-color-border:#00000014;--sp-semantic-color-destructive:var(--color-red-500);--sp-semantic-color-foreground:var(--color-neutral-800);--sp-semantic-color-input:#0000001a;--sp-semantic-color-muted-foreground:color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-black));--sp-semantic-color-ring:var(--color-neutral-400)}[data-foundation=input-group]{--siteplane-composite-control-height:initial;--siteplane-composite-control-padding-block-end:initial;--siteplane-composite-control-padding-block-start:initial;--siteplane-composite-control-padding-inline-end:initial;--siteplane-composite-control-padding-inline-start:initial}[data-foundation=input-group]:has(>[data-slot=input-group-addon][data-align=inline-start]){--siteplane-composite-control-padding-inline-start:calc(var(--spacing) * 1.5)}[data-foundation=input-group]:has(>[data-slot=input-group-addon][data-align=inline-end]){--siteplane-composite-control-padding-inline-end:calc(var(--spacing) * 1.5)}[data-foundation=input-group]:has(>[data-slot=input-group-addon][data-align=block-start],>[data-slot=input-group-addon][data-align=block-end]){--siteplane-composite-control-height:auto}[data-foundation=input-group]:has(>[data-slot=input-group-addon][data-align=block-start]){--siteplane-composite-control-padding-block-end:calc(var(--spacing) * 1.5)}[data-foundation=input-group]:has(>[data-slot=input-group-addon][data-align=block-end]){--siteplane-composite-control-padding-block-start:calc(var(--spacing) * 1.5)}:is(.dark,[data-theme=dark]) [data-foundation=input-group][class~="has-autofill:bg-foreground/4"]{--input-group-surface-subtle:#ffffff0a;--sp-semantic-color-background:color-mix(in srgb, var(--color-neutral-950) 95%, var(--color-white));--sp-semantic-color-border:#ffffff0f;--sp-semantic-color-destructive:color-mix(in srgb, var(--color-red-500) 90%, var(--color-white));--sp-semantic-color-foreground:var(--color-neutral-100);--sp-semantic-color-input:#ffffff14;--sp-semantic-color-muted-foreground:color-mix(in srgb, var(--color-neutral-500) 90%, var(--color-white));--sp-semantic-color-ring:var(--color-neutral-500)}[data-foundation=input-group][class~="has-autofill:bg-foreground/4"][data-variant=soft]{background-color:var(--input-group-surface-subtle)}[data-foundation=input-group][class~="has-autofill:bg-foreground/4"][data-variant=soft]:focus-within{background-color:var(--sp-semantic-color-background)}[data-foundation=input-group][class~="has-autofill:bg-foreground/4"]:has(:disabled){background-color:var(--input-group-surface-subtle)}[data-foundation=input-group][class~="has-autofill:bg-foreground/4"]:has(:autofill){background-color:color-mix(in oklab, var(--sp-semantic-color-foreground) 4%, transparent)}:is(.dark,[data-theme=dark]) [data-foundation=input-group][class~="has-autofill:bg-foreground/4"]:has(:autofill){background-color:color-mix(in oklab, var(--sp-semantic-color-foreground) 8%, transparent)}[data-foundation=input-group][class~="has-autofill:bg-foreground/4"][data-variant=elevated]{--tw-shadow:0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.dark,[data-theme=dark]) [data-foundation=input-group][class~="has-autofill:bg-foreground/4"][data-variant=elevated]{--tw-shadow:0 1px 3px 0 #00000029, 0 1px 2px -1px #00000029}[data-foundation=input-group][class~="has-autofill:bg-foreground/4"][data-variant=elevated]:has(:disabled,[aria-invalid]){--tw-inset-shadow:0 0 #0000;--tw-shadow:0 0 #0000}[data-foundation=input-group]:has(.siteplane-input-segment,[data-foundation=date-field]){cursor:text}.siteplane-input-segment>input{caret-color:var(--color-primary);cursor:text;text-align:center;background-clip:content-box;border-radius:calc(var(--radius-md) + var(--input-segment-padding-block))!important;padding-block:var(--input-segment-padding-block)!important;padding-inline:var(--input-segment-padding-inline)!important}.siteplane-input-segment>input:focus{background-color:var(--input-segment-background)}.siteplane-input-segment>input[data-segment-width="2-digit"]{width:calc(var(--spacing) * 8)!important;flex:none!important}.siteplane-input-segment>input[data-segment-width="4-digit"]{width:calc(var(--spacing) * 12)!important;flex:none!important}.siteplane-input-segment>input[data-segment-width=fill]{flex:1!important;width:auto!important}.siteplane-input-segment>input[data-segment-inset-start=true]{margin-inline-start:calc(var(--spacing) * 2)}.siteplane-input-segment>input::selection{background-color:#0000}