.sf[data-v-4abd8ba0]{width:100%;position:relative}.sf__icon[data-v-4abd8ba0]{z-index:1;color:var(--color-ink-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.sf__input[data-v-4abd8ba0]{width:100%;height:56px;font-family:var(--font-arabic),var(--font-sans);color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:4px 4px 0 var(--color-border);border-radius:999px;outline:none;padding:0 46px 0 48px;font-size:18px;font-weight:700;transition:box-shadow .12s}.sf__input[data-v-4abd8ba0]:focus{box-shadow:2px 2px 0 var(--color-border)}.sf__input[data-v-4abd8ba0]::-webkit-search-cancel-button{display:none}.sf__clear[data-v-4abd8ba0]{z-index:1;width:26px;height:26px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sf__clear[data-v-4abd8ba0]:focus-visible,.sf__clear[data-v-4abd8ba0]:hover{background:var(--color-cream);outline:none}.sf:has(.sf__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .sf__icon[data-v-4abd8ba0]{left:auto;right:18px}.sf:has(.sf__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .sf__clear[data-v-4abd8ba0]{left:14px;right:auto}.sf__input[data-v-4abd8ba0]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding:0 48px 0 46px}.sf--line .sf__input[data-v-4abd8ba0]{border:none;border-bottom:2px solid var(--color-border);height:48px;box-shadow:none;background:0 0;border-radius:0;padding:0 40px 0 34px;font-size:22px}.sf--line .sf__input[data-v-4abd8ba0]:focus{box-shadow:none;border-bottom-width:3px}.sf--line .sf__icon[data-v-4abd8ba0]{left:4px}.sf--line .sf__clear[data-v-4abd8ba0]{right:4px}.sf--line:has(.sf__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .sf__icon[data-v-4abd8ba0]{left:auto;right:4px}.sf--line:has(.sf__input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .sf__clear[data-v-4abd8ba0]{left:4px;right:auto}.sf--line .sf__input[data-v-4abd8ba0]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding:0 34px 0 40px}@media (prefers-reduced-motion:reduce){.sf__input[data-v-4abd8ba0]{transition:none}}
