.champ-recherche{border-radius:var(--radius-md);background:var(--color-tint);cursor:text;align-items:center;gap:10px;height:52px;padding:0 12px 0 14px;display:flex}.champ-recherche.is-actif,.champ-recherche:focus-within{background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-brand-800)}.champ-saisie{min-width:0;height:100%;font-size:var(--text-ligne);color:var(--color-ink);appearance:none;background:0 0;outline:none;flex:1}.champ-saisie::placeholder{color:var(--color-ink-muted)}.champ-saisie::-webkit-search-cancel-button{display:none}.champ-effacer{background:var(--color-ink-muted);width:22px;height:22px;color:var(--color-surface);border-radius:9999px;flex-shrink:0;place-items:center;display:grid;position:relative}.champ-effacer:after{content:"";position:absolute;inset:-11px}.jeton-metier{background:var(--color-brand-800);height:32px;font-size:var(--text-secondaire);color:var(--color-ink-inverse);border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px 0 12px;font-weight:600;display:inline-flex;position:relative}.jeton-metier:after{content:"";position:absolute;inset:-6px 0}.ligne-recherche{border-radius:var(--radius-md);text-align:left;width:100%;min-height:52px;font-size:var(--text-ligne);color:var(--color-ink);-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:0 8px;font-weight:600;display:flex}.tuiles-metiers{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:2px 20px;scroll-padding-inline:20px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.tuiles-metiers::-webkit-scrollbar{display:none}.tuiles-metiers:after{content:"";flex:0 0 10px}.tuile-metier{border-radius:var(--radius-lg);background:var(--color-brand-900);scroll-snap-align:start;scroll-snap-stop:always;-webkit-tap-highlight-color:transparent;flex-shrink:0;align-items:flex-end;width:144px;height:104px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.recherche-feuille{min-height:calc(92svh - 85px - env(safe-area-inset-bottom,0px));padding-bottom:var(--clavier,0)}@media (width>=640px){.recherche-feuille{min-height:calc(min(560px,70svh))}}.recherche-relais{top:calc(72px + env(safe-area-inset-top,0px));opacity:0;pointer-events:none;width:1px;height:1px;font-size:16px;position:fixed;left:24px}