/* Whole-word labels float into the field edge; controls retain native semantics. */
:root .floating-field{display:block;min-width:0}
:root .floating-field>.floating-input-shell{position:relative;display:block;min-width:0;margin:0;padding:0;line-height:normal}
:root .floating-field>.floating-input-shell::before{content:none}
.floating-label-text{position:absolute;z-index:1;left:12px;top:0;max-width:calc(100% - 24px);padding:0 6px;background:transparent;color:var(--muted);font:400 14px/20px Figtree,Arial,sans-serif;transform:translateY(18px);transform-origin:left center;pointer-events:none;white-space:nowrap;transition:transform 180ms var(--ease-out),color 150ms ease,background-color 150ms ease}
:root .floating-input-shell>:is(input,select,textarea){min-height:56px;box-sizing:border-box;font-size:16px;line-height:24px;padding-block:16px}
:root .topa-intake-form .floating-input-shell>:is(input,textarea){padding-inline:18px}
:root .topa-intake-form .floating-input-shell>select{padding-inline:18px 50px}
:root .floating-input-shell>textarea{min-height:120px;padding-top:18px}
:root .floating-field:is(:focus-within,[data-has-value],[data-always-float]) .floating-label-text,
:root .floating-field:has(.floating-input-shell>input:not(:placeholder-shown)) .floating-label-text,
:root .floating-field:has(.floating-input-shell>textarea:not(:placeholder-shown)) .floating-label-text{transform:translateY(-10px) scale(.86);color:var(--ink);background:var(--bg)}
:root .floating-field:not(:focus-within):not([data-has-value]) :is(input,textarea)::placeholder{color:transparent;opacity:0}
:root .floating-field :is(input,textarea)::placeholder{transition:opacity 120ms ease}
:root .search-form .floating-input-shell>:is(input,select){width:100%;min-height:56px;padding-block:16px;border-radius:9px}
:root .search-form .query-field .floating-input-shell>input{padding-inline-start:44px}
:root .search-form .query-field .floating-label-text{left:38px;max-width:calc(100% - 50px)}
:root .search-form .floating-input-shell>.search-field-icon{position:absolute;left:14px;top:19px;bottom:auto;width:18px;height:18px;color:#A9CCCC;pointer-events:none;transition:transform 180ms var(--ease-out),color 150ms ease}
:root .search-form .floating-field:focus-within .search-field-icon{color:#6FE6DF}
:root[data-icon-input=pointer] .search-form .floating-field:focus-within .search-field-icon{transform:translateX(-1px) scale(1.08)}
:root .search-form .floating-field:is(:focus-within,[data-has-value],[data-always-float]) .floating-label-text,
:root .search-form .floating-field:has(.floating-input-shell>input:not(:placeholder-shown)) .floating-label-text{background:var(--surface)}
:root[data-icon-input=keyboard] .floating-label-text{transition:none}
@media(prefers-reduced-motion:reduce){.floating-label-text,.floating-input-shell>.search-field-icon{transition:none!important}.floating-input-shell>.search-field-icon{transform:none!important}}
@media(forced-colors:active){.floating-label-text{color:CanvasText!important}.floating-field:is(:focus-within,[data-has-value],[data-always-float]) .floating-label-text{background:Canvas!important}}