.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #f7f9ff;
}

.bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

.success-checkmark {
    animation: checkmark-draw 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

@keyframes checkmark-draw {
    0% {
        stroke-dashoffset: 100;
        opacity: 0;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}