@layer theme, base, components, siteplane, utilities;@layer siteplane{.sp-base-input-group[data-variant]{--input-group-surface-subtle:rgb(0 0 0/4%);--input-segment-background:color-mix(in srgb,var(--color-blue-500) 16%,transparent);--input-segment-padding-block:calc(var(--spacing) * 0.5);--input-segment-padding-inline:var(--spacing);--sp-semantic-color-background:var(--color-white);--sp-semantic-color-border:rgb(0 0 0/8%);--sp-semantic-color-destructive:var(--color-red-500);--sp-semantic-color-foreground:var(--color-neutral-800);--sp-semantic-color-input:rgb(0 0 0/10%);--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)}.sp-base-input-group{--sp-composite-control-height:initial;--sp-composite-control-padding-block-end:initial;--sp-composite-control-padding-block-start:initial;--sp-composite-control-padding-inline-end:initial;--sp-composite-control-padding-inline-start:initial}.sp-base-input-group:has(>.sp-input-group-addon[data-align=inline-start]){--sp-composite-control-padding-inline-start:calc(var(--spacing) * 1.5)}.sp-base-input-group:has(>.sp-input-group-addon[data-align=inline-end]){--sp-composite-control-padding-inline-end:calc(var(--spacing) * 1.5)}.sp-base-input-group:has(>.sp-input-group-addon[data-align=block-start],>.sp-input-group-addon[data-align=block-end]){--sp-composite-control-height:auto}.sp-base-input-group:has(>.sp-input-group-addon[data-align=block-start]){--sp-composite-control-padding-block-end:calc(var(--spacing) * 1.5)}.sp-base-input-group:has(>.sp-input-group-addon[data-align=block-end]){--sp-composite-control-padding-block-start:calc(var(--spacing) * 1.5)}.sp-base-input-group[data-inset-end]{--input-group-inset-end:calc(var(--sp-rw-control-lg) + var(--sp-rw-space-4));--sp-composite-control-padding-inline-end:var(--input-group-inset-end)}.sp-base-input-group[data-inset-end=sm]{--input-group-inset-end:calc(var(--sp-rw-control-sm) + var(--sp-rw-space-4))}.sp-base-input-group[data-inset-end=md]{--input-group-inset-end:calc(var(--sp-rw-control-md) + var(--sp-rw-space-4))}.sp-base-input-group[data-inset-end=xl]{--input-group-inset-end:calc(var(--sp-rw-control-xl) + var(--sp-rw-space-4))}.dark .sp-base-input-group[data-variant],[data-theme=dark] .sp-base-input-group[data-variant]{--input-group-surface-subtle:rgb(255 255 255/4%);--sp-semantic-color-background:color-mix(in srgb,var(--color-neutral-950) 95%,var(--color-white));--sp-semantic-color-border:rgb(255 255 255/6%);--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:rgb(255 255 255/8%);--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)}.sp-base-input-group[data-variant][data-variant=soft]{background-color:var(--input-group-surface-subtle)}.sp-base-input-group[data-variant][data-variant=soft]:focus-within{background-color:var(--sp-semantic-color-background)}.sp-base-input-group[data-variant]:has(:is(input:not([type=hidden]),textarea):disabled,[role=spinbutton][aria-disabled=true]){background-color:var(--input-group-surface-subtle)}.sp-base-input-group[data-variant]:has(:autofill){background-color:color-mix(in oklab,var(--sp-semantic-color-foreground) 4%,transparent)}:is(.dark,[data-theme=dark]) .sp-base-input-group[data-variant]:has(:autofill){background-color:color-mix(in oklab,var(--sp-semantic-color-foreground) 8%,transparent)}.sp-base-input-group:has(.sp-input-segment,.sp-base-date-field){cursor:text}.sp-input-segment>input{background-clip:content-box;border-radius:calc(var(--radius-md) + var(--input-segment-padding-block))!important;caret-color:var(--color-primary);cursor:text;padding-block:var(--input-segment-padding-block)!important;padding-inline:var(--input-segment-padding-inline)!important;text-align:center}.sp-input-segment>input:focus{background-color:var(--input-segment-background)}.sp-input-segment>input[data-segment-width="2-digit"]{flex:none!important;width:calc(var(--spacing) * 8)!important}.sp-input-segment>input[data-segment-width="4-digit"]{flex:none!important;width:calc(var(--spacing) * 12)!important}.sp-input-segment>input[data-segment-width=fill]{flex:1 1 0%!important;width:auto!important}.sp-input-segment>input[data-segment-inset-start=true]{margin-inline-start:calc(var(--spacing) * 2)}.sp-input-segment>input::selection{background-color:transparent}}