@layer overrides{.phxsg-input{&::placeholder{color:var(--_comp-input-color);opacity:.75}&:focus-visible{--comp-input-border-color: var(--sys-color-foreground);outline:none}}}@layer atoms{.phxsg-input{--_comp-input-padding-block: var(--comp-input-padding-block, var(--sys-spacing-3));--_comp-input-padding-inline: var(--comp-input-padding-inline, var(--sys-spacing-4));--_comp-input-background-color: var( --comp-input-background-color, color-mix(in srgb, var(--ref-color-neutral-100) 10%, transparent) );--_comp-input-background-blur: var(--comp-input-background-blur, var(--sys-blur));--_comp-input-border-color: var(--comp-input-border-color, transparent);--_comp-input-border: var(--comp-input-border, 1px solid var(--_comp-input-border-color));--_comp-input-color: var(--comp-input-color, var(--sys-color-foreground));padding-block:var(--_comp-input-padding-block);padding-inline:var(--_comp-input-padding-inline);width:100%;color:var(--_comp-input-color);font-family:var(--ref-typeface-body);line-height:var(--ref-line-height-md);font-size:var(--sys-typography-body-medium-size);background-color:var(--_comp-input-background-color);backdrop-filter:blur(var(--_comp-input-background-blur));border:var(--_comp-input-border);transition:border-color var(--sys-motion-duration-short-2) var(--sys-motion-easing-standard)}}