.modal-panel{--card-border-radius:50px;border-radius:var(--card-border-radius);background:#111;width:min(90vw,420px);max-height:80vh;position:relative;overflow:hidden}.modal-header,.modal-footer{text-align:center;border-bottom:1px solid #ffffff1a;padding:2rem 2rem 1.5rem}.modal-header>:first-child{margin:0;font-size:2.5rem;font-weight:700}.modal-header button{background:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--foreground));cursor:pointer;border-radius:999px;margin-top:1rem;padding:.25rem .6rem}.modal-footer{border-top:1px solid #ffffff1a;border-bottom:none}.modal-close{background:hsl(var(--card));border:1px solid hsl(var(--border));width:40px;height:40px;color:hsl(var(--foreground));cursor:pointer;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:1.25rem;right:1.25rem}.scroll-content{text-align:center;scrollbar-width:none;-ms-overflow-style:none;max-height:80vh;margin-bottom:0;padding:2.5rem 2rem 3rem;overflow-y:auto}.scroll-content p{max-width:46rem;margin:0 auto 2.75rem}.scroll-content h3{max-width:46rem;margin:4rem auto 1.5rem;font-weight:600}.scroll-content ul{text-align:left;max-width:38rem;margin:2.75rem auto}.scroll-content::-webkit-scrollbar{display:none}.scrollbar-clip{border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.scrollbar-svg{pointer-events:none;inset:0}.scrollbar-track{fill:none;stroke:#ffffff26;stroke-width:4px}.scrollbar-thumb{fill:none;stroke:#1e90ff;stroke-width:4px;stroke-linecap:round;pointer-events:auto;cursor:grab}.scrollbar-thumb:active{cursor:grabbing;stroke-width:6px}
