.goo-input{--goo-input-bg:var(--goo-theme-surface-sunken);--goo-input-bg-focus:var(--goo-theme-surface-sunken);--goo-input-border:var(--goo-theme-border);--goo-input-border-focus:var(--goo-theme-accent);--goo-input-focus-ring:color-mix(in srgb, var(--goo-input-border-focus) 32%, transparent);--goo-input-change-pulse:color-mix(in srgb, var(--goo-input-border-focus) 18%, transparent);--goo-input-fg:var(--goo-theme-fg);--goo-input-fg-placeholder:var(--goo-theme-muted);--goo-input-radius:var(--goo-theme-radius-md);--goo-input-height:var(--goo-theme-control-height-md);--goo-input-inline-size:calc(var(--goo-theme-control-height-md) * 6.25);--goo-input-padding:var(--goo-theme-control-padding-md);--goo-input-focus-outline-size:var(--goo-theme-space-2xs);--goo-input-focus-outline-offset:calc(var(--goo-theme-space-xs) - var(--goo-theme-space-2xs) * .5);--goo-input-multiline-line-height:1.5em;--goo-input-multiline-min-block-size:calc(var(--goo-input-height) * 2);--goo-input-compact-min-inline-size:calc(var(--goo-theme-control-height-md) * 2.5);--goo-input-motion-fast:var(--goo-theme-transition-fast);--goo-input-motion-normal:var(--goo-theme-transition-normal);background:var(--goo-input-bg);border-radius:var(--goo-input-radius);box-shadow:0 0 0 1px var(--goo-input-border), inset 0 1px 0 color-mix(in srgb, var(--goo-theme-fg) 3%, transparent);color:var(--goo-input-fg);cursor:text;font-weight:400;font-size:var(--goo-theme-font-size-sm);height:var(--goo-input-height);line-height:var(--goo-input-height);width:var(--goo-input-inline-size);transition:background-color var(--goo-input-motion-fast), box-shadow var(--goo-input-motion-normal), color var(--goo-input-motion-fast);display:inline-block;position:relative}.goo-input:after{content:"";inset:calc(var(--goo-input-focus-outline-offset) * -1);border:var(--goo-input-focus-outline-size) solid var(--goo-input-change-pulse);border-radius:calc(var(--goo-input-radius) + var(--goo-input-focus-outline-offset));opacity:0;pointer-events:none;position:absolute}.goo-input.goo-input--block{width:100%;display:block}.goo-input.goo-input--focused,.goo-input:focus-within{background:var(--goo-input-bg-focus);box-shadow:0 0 0 1px var(--goo-input-border-focus), 0 0 0 2px var(--goo-input-focus-ring);z-index:2}.goo-input.goo-input--bare,.goo-input.goo-input--bare.goo-input--focused,.goo-input.goo-input--bare:focus-within{box-shadow:none;background:0 0}.goo-input.goo-input--bare:after{display:none}.goo-input.goo-input--changed:after{animation:.26s ease-out goo-input-value-pulse}.goo-input.goo-input--disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.goo-input__content{z-index:1;box-sizing:border-box;width:100%;color:inherit;font:inherit;border-radius:inherit;padding:var(--goo-input-padding);white-space:nowrap;opacity:.92;min-height:100%;line-height:inherit;background:0 0;border:0;outline:none;display:block;position:relative;overflow:hidden}.goo-input__content:focus{opacity:1}.goo-input__content::placeholder{color:var(--goo-input-fg-placeholder)}@keyframes goo-input-value-pulse{0%{opacity:0}25%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.goo-input,.goo-input:after{transition-duration:.01ms;animation-duration:.01ms}}.goo-input.goo-input--multiline{width:auto;height:auto;min-height:var(--goo-input-height);min-width:var(--goo-input-inline-size);line-height:var(--goo-input-multiline-line-height);display:inline-block}.goo-input.goo-input--multiline.goo-input--block,.goo-input.goo-input--multiline.goo-input--block textarea.goo-input__content{width:100%;min-width:0}.goo-input.goo-input--multiline textarea.goo-input__content{min-width:var(--goo-input-inline-size);min-height:var(--goo-input-multiline-min-block-size);padding:var(--goo-theme-space-sm);border-radius:inherit;color:inherit;font:inherit;line-height:inherit;resize:both;opacity:.92;background:0 0;border:none;outline:none;display:block}.goo-input.goo-input--multiline textarea.goo-input__content:focus{opacity:1}.goo-input.goo-input--multiline textarea.goo-input__content::placeholder{color:var(--goo-input-fg-placeholder)}[dir=rtl] .goo-input{text-align:right}[dir=rtl] .goo-input .goo-input__content{padding:0 var(--goo-theme-space-sm) 0 0}.goo-input[size=compact]{--goo-input-height:var(--goo-theme-control-height-sm);--goo-input-padding:var(--goo-theme-control-padding-sm);font-size:var(--goo-theme-font-size-xs);width:auto;min-width:var(--goo-input-compact-min-inline-size)}