body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.home{background-size:cover;background-position:50%;height:100vh}.word-selection ul{list-style-type:none}.word-selection li{display:inline-block}.word-selection input[type=checkbox][id^=cb]{display:none}.word-selection label{border:1px solid #fff;padding:10px;border-radius:50%;display:block;position:relative;margin:10px;cursor:pointer}.word-selection label:before{background-color:rgba(16,65,99,.32);color:#fff;content:" ";display:block;border-radius:50%;position:absolute;top:10px;left:10px;z-index:1;width:100px;height:100px;text-align:center;line-height:100px;transition-duration:.4s;transform:scale(0)}.word-selection label img{height:100px;width:100px;transition-duration:.1s;transform-origin:50% 50%;border-radius:50%}.word-selection :checked+label{border-color:#eee}.word-selection :checked+label:before{content:"✓";transform:scale(1.1)}.word-selection :checked+label img{transform:scale(1.2);box-shadow:0 0 3px #333;z-index:-1}canvas{display:block;width:100%;height:100%;touch-action:none}.chat-list{height:50vh}.input-message{width:100%}#messages{list-style-type:none;margin:0;padding:0}#messages li{padding:5px 10px}.color-pallete input[type=checkbox]{display:none}.color-pallete input[type=checkbox]+label{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:inline-block;width:53px;height:53px;border-radius:50%;cursor:pointer;margin:5px}.color-pallete input[type=checkbox]:checked+label:before{content:"✓";font-size:2em;line-height:53px;text-align:center;display:block;position:absolute;width:53px;height:53px;top:0;left:0;color:#fff}.ripple-effect{position:relative;overflow:hidden;-webkit-transform:translatez(0)}.ink{display:block;position:absolute;pointer-events:none;border-radius:50%;transform:scale(0);background:#fff;opacity:1}.ink.animate{-webkit-animation:ripple-effect .5s linear;animation:ripple-effect .5s linear}@keyframes ripple-effect{to{opacity:0;transform:scale(2.5)}}@-webkit-keyframes ripple-effect{to{opacity:0;transform:scale(2.5)}}.modal{-webkit-animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards;background-color:rgba(0,0,0,.4);display:block;height:100%;overflow:auto;width:100%;z-index:9}.out{-webkit-animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards;animation:unfoldOut 1s cubic-bezier(.165,.84,.44,1) .3s forwards;transform:scale(1)}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:.5em;margin:10% auto;padding:40px;position:relative;text-align:center;width:60%}.modal-closing{-webkit-animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards;animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}.closing{background:#f90;border-radius:5px;cursor:pointer;color:#fff;font-family:"Helvetica","Arial",sans-serif;font-size:2em;font-weight:700;height:45px;opacity:.6;padding-bottom:20px;position:absolute;right:2%;text-align:center;top:13%;transition:all .3s;width:40px}.closing:hover{opacity:1}@-webkit-keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@-webkit-keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@-webkit-keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.container{max-width:1000000px}.full-height{height:90vh}.scrollable{overflow-y:scroll}.user-list{height:35vh}.btn-outline-main{color:#6a1a80;border-color:#6a1a80}.btn-outline-main:active,.btn-outline-main:hover{color:#fff;background-color:#6a1a80;border-color:#6a1a80}.border-main{border-color:#6a1a80!important}.btn-main{color:#fff;background-color:#6a1a80;border-color:#6a1a80}.game-stats{grid-gap:1rem;gap:1rem;flex-wrap:wrap}.game-stats>span{white-space:nowrap}.read-only{cursor:default}
/*# sourceMappingURL=main.ed9230b9.chunk.css.map */