
/* Bascule d'identité : on glisse la photo, les deux s'inversent, puis on change de domaine */
html.arriving [data-stage]{opacity:0;filter:blur(12px)}
[data-stage]{transition:opacity .45s ease,filter .45s ease}
[data-stage].st-out{opacity:0;filter:blur(12px);transition-duration:.35s}
.idsw{position:relative;display:flex;align-items:center;gap:14px;height:64px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.idsw-pics{position:relative;width:104px;height:64px;flex:none;cursor:grab;border-radius:999px}
.idsw-pics:active{cursor:grabbing}
.idsw .av{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;object-fit:cover;-webkit-user-drag:none;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease,opacity .5s ease}
.idsw .a-front{z-index:2;transform:none;box-shadow:0 0 0 2px var(--sw-bg,#fff)}
.idsw .a-back{z-index:1;transform:translateX(40px) scale(.8);filter:blur(2px);opacity:.72}
.idsw.dragging .av{transition:none}
.idsw.peek .a-front{transform:translateX(-8px)}
.idsw.peek .a-back{transform:translateX(54px) scale(.86);filter:blur(0);opacity:1}
.idsw.go .a-front,html.arriving .idsw .a-front{transform:translateX(40px) scale(.8);filter:blur(2px);opacity:.72;z-index:1}
.idsw.go .a-back,html.arriving .idsw .a-back{transform:none;filter:none;opacity:1;z-index:2}
.idsw-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;border-radius:999px;font:500 13px/1 inherit;font-family:inherit;
  border:1px solid var(--sw-line,rgba(127,127,127,.3));background:transparent;color:inherit;cursor:pointer;opacity:.85;transition:opacity .15s,background-color .15s}
.idsw-chip:hover{opacity:1;background:var(--sw-hover,rgba(127,127,127,.12))}
.idsw-chip svg{width:14px;height:14px}
.idsw.peek .idsw-chip{opacity:1}
.idsw-count{display:flex;flex-direction:column;gap:3px;min-width:0;transition:opacity .35s,filter .35s}
.idsw-count b{font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.2;white-space:nowrap}
.idsw-count>span{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.2;color:var(--sw-muted,#777);white-space:nowrap}
.idsw-count span svg{width:15px;height:15px;flex:none}
.idsw-count strong{font-weight:600;color:var(--sw-fg,inherit);font-variant-numeric:tabular-nums}
.idsw.go .idsw-count,html.arriving .idsw-count{opacity:0;filter:blur(8px)}
@media (prefers-reduced-motion:reduce){.idsw .av,[data-stage]{transition:none}}
:root{--sw-bg:#080808;--sw-line:rgba(255,255,255,.22);--sw-hover:rgba(255,255,255,.09);--sw-muted:rgba(255,255,255,.72);--sw-fg:#fff}.idsw{color:#fff;margin-bottom:22px}
