body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"'Poppins', sans-serif";margin:0;overflow:hidden;padding:0}.App{text-align:center}.canvas{background-color:#fff;background-image:radial-gradient(#cfcfcf 2px,#0000 0);background-position:0 0;background-size:24px 24px;cursor:none;touch-action:none}.canvas-container{background-color:#fff;box-shadow:12px 12px 0 #000c,inset 0 0 0 2px #0000000d}.custom-cursor{pointer-events:none;position:absolute;transform:translate(-70%,-10%) rotate(-5deg);transition:transform .1s ease-out}.custom-cursor,.custom-cursor.pressed{filter:drop-shadow(3px 3px 0 rgba(0,0,0,.8))}.custom-cursor.pressed{transform:translate(-70%,-8%) rotate(-2deg)}.custom-cursor img{height:48px;transition:transform .2s ease;width:48px;will-change:transform}.custom-cursor.eraser img{transform:rotate(180deg)}.hidden{display:none}.user-icons{pointer-events:none;position:absolute}.user-icon{height:24px;position:absolute;transition:transform .1s ease-out;width:24px}.user-badge{align-items:center;border:2px solid #000;border-radius:50%;box-shadow:3px 3px 0 #000c;display:flex;height:36px;justify-content:center;position:absolute;transition:transform .2s ease;width:36px;z-index:1000}.user-badge:hover{box-shadow:5px 5px 0 #000c;transform:translate(-52%,-52%)!important}.user-name{color:#fff;font-size:.9rem;font-weight:700;text-shadow:1px 1px 0 #00000080}
/*# sourceMappingURL=main.af3a440d.css.map*/