.modal{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-encre);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:clamp(12px,3vw,40px);position:fixed;inset:0;overflow-y:auto}.modal[open]{place-items:safe center center;display:grid}.modal::backdrop{-webkit-backdrop-filter:blur(6px);background:#171a2e9e;animation:.3s both modal-fade}.modal-panel{width:100%;max-width:1040px;animation:modal-in .6s var(--ease-spring) both;background:#fff;border-radius:32px;position:relative;box-shadow:0 40px 100px -30px #0000008c}.modal-md .modal-panel{max-width:640px}.modal-xl .modal-panel{max-width:1280px}.modal-media .modal-panel{background:#000;max-width:min(1280px,177.778dvh - 3.55556*clamp(12px,3vw,40px));overflow:hidden}.modal-dark .modal-panel{background:var(--color-encre);color:#fff}@media (width<=640px){.modal-panel{border-radius:24px}}.modal-close{z-index:5;width:44px;height:44px;color:var(--color-encre);transition:transform .5s var(--ease-spring), background-color .2s ease;background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 0 0 1px #171a2e14}.modal-close:hover{background:#fff;transform:rotate(90deg)}.modal-dark .modal-close,.modal-media .modal-close{color:#fff;-webkit-backdrop-filter:blur(8px);background:#171a2e99;box-shadow:0 0 0 1px #ffffff2e}.modal-dark .modal-close:hover,.modal-media .modal-close:hover{background:#171a2ed9}.modal.is-closing .modal-panel{animation:.22s forwards modal-out}.modal.is-closing::backdrop{animation:.22s reverse forwards modal-fade}@keyframes modal-in{0%{opacity:0;transform:translateY(24px)scale(.96)}35%{opacity:1}}@keyframes modal-out{to{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes modal-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.modal-panel,.modal::backdrop,.modal.is-closing .modal-panel,.modal.is-closing::backdrop{animation:none}}