body{margin:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#374151}button:focus{outline:2px solid transparent;outline-offset:2px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.transition-shadow{transition:box-shadow .3s ease}.responsive-canvas{width:100%;height:auto;display:block;margin:0 auto}.scrollbar-thin::-webkit-scrollbar{height:6px;width:6px}.scrollbar-thumb-gray-300::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-track{background-color:#f3f4f6}@media (max-width: 640px){.responsive-canvas{max-width:100%!important}}@media (max-width: 768px){.md\:grid-cols-2,.md\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}