.sfl{--sfl-ink:#16203a;--sfl-muted:#6a768e;--sfl-line:#e1e6f0;--sfl-card:#ffffff;--sfl-focus:var(--sf-color-primary,#22366f);--sfl-r:12px;--sfl-h:48px;--sfl-font:inherit;--sfl-fs:15px;position:relative;display:flex;align-items:center;width:100%;min-width:0;height:var(--sfl-h);background:var(--sfl-card);border:1px solid var(--sfl-line);border-radius:var(--sfl-r);color:var(--sfl-ink);font-family:var(--sfl-font);transition:border-color .15s ease,box-shadow .15s ease}.sfl:focus-within{border-color:var(--sfl-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--sfl-focus) 16%,transparent)}.sfl .sfl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sfl .sfl-ico{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:100%;color:var(--sfl-muted)}.sfl .sfl-spin{width:16px;height:16px;border:2px solid var(--sfl-line);border-top-color:var(--sfl-focus);border-radius:50%;animation:sfl-spin .7s linear infinite}@keyframes sfl-spin{to{transform:rotate(1turn)}}.sfl .sfl-in{flex:1 1 auto;min-width:0;height:100%;padding:0 8px 0 0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:var(--sfl-fs);text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.sfl .sfl-in::-moz-placeholder{color:var(--sfl-muted);opacity:1}.sfl .sfl-in::placeholder{color:var(--sfl-muted);opacity:1}.sfl .sfl-in::-webkit-search-cancel-button{display:none}.sfl .sfl-x.sfl-x{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0 6px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--sfl-muted);cursor:pointer}.sfl .sfl-x.sfl-x:hover{background:color-mix(in srgb,var(--sfl-muted) 12%,transparent);color:var(--sfl-ink)}@media (prefers-reduced-motion:reduce){.sfl .sfl-spin{animation-duration:2s}}