.mad{isolation:isolate;place-items:center;min-height:320px;padding:48px 16px;display:grid;position:relative;overflow:hidden}.mad:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in oklch, var(--gray), transparent 72%) 1px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 75%)}.mad-card{text-align:center;justify-items:center;gap:20px;max-width:460px;display:grid}.mad-icon{background:var(--primary);color:#fff;border-radius:32px;place-items:center;width:104px;height:104px;display:grid}.mad-module{background:color-mix(in oklch, var(--gray), transparent 90%);color:var(--gray);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.mad-module:before{content:"";background:var(--gray);border-radius:50%;width:6px;height:6px}.mad-inline{min-height:320px;padding:24px 16px}.mad-inline .mad-icon{border-radius:24px;width:80px;height:80px}.mad-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.mad-btn{border-radius:10px;height:40px;padding-inline:16px;font-size:14px}.mad-btn:has([data-icon=inline-start]){padding-left:14px}@media (width<=480px){.mad-actions{flex-direction:column;width:100%}.mad-btn{width:100%}}