.pop-voile{--pop-max:calc(var(--container) - 2 * var(--gutter));--pop-marge-v:clamp(18px, 2vw, 26px);--pop-h:calc(100dvh - 2 * var(--pop-marge-v));--feuille-h:88dvh;--feuille-reste:calc(100dvh - var(--feuille-h));--pop-voile-fond:color-mix(in srgb, var(--color-second-fonce) 55%, transparent);--coq-sortie:.22s;z-index:60;width:100%;max-width:100%;height:100%;max-height:100%;padding:var(--pop-marge-v) var(--gutter);background:var(--pop-voile-fond);color:var(--color-ink);font-family:var(--font-body);overscroll-behavior:contain;border:0;margin:0;display:none;position:fixed;inset:0;overflow:auto}.pop-voile[open]{place-items:center;display:grid}.pop-voile::backdrop{background:0 0}.pop-fond{z-index:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pop-modale{z-index:1;width:100%;max-width:var(--pop-max);min-height:min(var(--pop-plancher,880px), var(--pop-h));border-radius:var(--radius-lg);background:var(--color-bg);flex-direction:column;padding:clamp(18px,2.4vw,34px);display:flex;position:relative;overflow:visible}.pop-fermer{z-index:2;background:var(--color-accent);width:48px;height:48px;color:var(--color-on-brand);box-shadow:var(--shadow-md);cursor:pointer;transition-property:background-color,color;transition-duration:var(--coq-sortie);transition-timing-function:var(--ease-glisse);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:clamp(10px,1.2vw,16px);right:clamp(10px,1.2vw,16px)}.pop-fermer:hover{background:var(--color-accent-fonce);color:var(--color-on-brand)}.pop-fermer:active{scale:.96}.pop-fermer:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.pop-poignee{display:none}@media (max-width:43.75rem){.pop-voile{--pop-voile-fond:color-mix(in srgb, var(--color-second-fonce) 25%, transparent);height:100dvh;max-height:100dvh;padding:0;bottom:auto;overflow:hidden}.pop-voile[open]::backdrop{background:color-mix(in srgb, var(--color-second-fonce) 25%, transparent)}.pop-voile[open]{place-items:end stretch}.pop-modale{min-height:0;max-height:var(--feuille-h);border-radius:var(--radius-header) var(--radius-header) 0 0;padding:0;overflow:hidden}.pop-poignee{touch-action:none;background:var(--poignee-fond,transparent);flex:none;width:100%;height:26px;display:block;position:relative}.pop-poignee:before{content:"";border-radius:var(--radius-pill);background:var(--poignee-encre,color-mix(in srgb, var(--color-ink) 22%, transparent));width:40px;height:4px;position:absolute;top:10px;left:50%;translate:-50%}.pop-modale{translate:var(--feuille-t,none);transition:translate .26s var(--ease-glisse);animation:pop-feuille-monte .3s var(--ease-franc)}.pop-voile[data-tire] .pop-modale{transition:none}.pop-voile[data-sort] .pop-modale{transition:translate var(--coq-sortie) var(--ease-pousse);translate:0 100%}.pop-voile{background:color-mix(in srgb, var(--pop-voile-fond) calc(var(--feuille-o,1) * 100%), transparent);transition:background var(--coq-sortie) linear}.pop-voile[data-tire]{transition:none}.pop-voile[data-sort]{pointer-events:none;background:0 0}.pop-fermer{z-index:3;width:44px;height:44px;top:12px;right:12px}.pop-voile.pop-carte{--pop-voile-fond:color-mix(in srgb, var(--color-second-fonce) 72%, transparent);padding:20px 16px}.pop-voile.pop-carte[open]{place-items:center}.pop-voile.pop-carte .pop-modale{border-radius:var(--radius-lg);max-height:calc(100dvh - 40px);animation:pop-carte-entre .2s var(--ease-franc);translate:none}.pop-voile.pop-carte .pop-poignee{display:none}}@keyframes pop-carte-entre{0%{opacity:0;scale:.96}}@keyframes pop-feuille-monte{0%{translate:0 100%}}@media (prefers-reduced-motion:reduce){.pop-fermer{transition:none}.pop-fermer:active{scale:1}.pop-modale{transition:none;animation:none}.pop-voile{transition:none}.pop-voile.pop-carte .pop-modale{animation:none}}