*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0eeff;font-family:system-ui,Segoe UI,Roboto,sans-serif}.responsive-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.responsive-grid-2,.responsive-grid-2-1{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}@media (width<=1024px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.responsive-grid-4,.responsive-grid-3,.responsive-grid-2,.responsive-grid-2-1{grid-template-columns:1fr}}