.bg-dots-darker {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.20)'/%3E%3C/svg%3E")
}

/*.tooltip {*/
/*    position: absolute;*/
/*    background-color: #333;*/
/*    color: #ff0000;*/
/*    padding: 5px;*/
/*    border-radius: 4px;*/
/*    z-index: 9999;*/
/*    white-space: nowrap;*/
/*}*/

@layer utilities {
    .w-fit {
        width: fit-content;
    }
}

@media print {
    .avoid-break-inside {
        break-inside: avoid;
        page-break-inside: avoid; /* For legacy support */
    }

    .break-before-page {
        break-before: page;
        page-break-before: always; /* Fallback */
    }
}