body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}body,html{height:100%;margin:0}.modal-backdrop{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{background-color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:80%;max-width:500px;height:auto;max-height:500px;padding:20px;font-size:48px;font-weight:500;display:flex;position:relative}.close-button{cursor:pointer;background-color:#0000;border:none;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;font-weight:500;display:flex;position:absolute;top:10px;right:10px}.close-button:hover{background-color:#eee}.close-button:after{content:"x";color:#000}.cards-container{grid-template-columns:repeat(3,200px);justify-content:center;align-items:center;gap:16px;padding:16px;display:grid}.card{color:#000;background-color:#eee;border-radius:8px;justify-content:center;align-items:center;max-width:200px;height:200px;font-size:24px;font-weight:500;text-decoration:none;display:flex}@media (width<=600px){.cards-container{grid-template-columns:1fr;justify-items:center}.card{width:80%}}