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}div{box-sizing:border-box;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}input[type=text]{border:1px solid #03a9f4;border-radius:2px;padding:5px;box-shadow:none;-webkit-appearance:none}button,input[type=text]{font-size:16px;outline:none}button{border:1.5px solid #000;border-radius:15px;background:#fff;color:#000;padding:6px 12px;font-weight:400;letter-spacing:2px;display:flex;justify-content:center;align-items:center}button:active{background:#fff06e}.disabledButton{pointer-events:none;border:1.5px solid #aaa;color:#aaa;background:#fff}.viewCont{position:absolute;left:0;top:0;width:100%;height:100%;background:#ededed;overflow-x:hidden}.view{width:100%;position:relative}.title{font-size:28px;font-weight:700;padding:20px}.notifComp{pointer-events:none}.notifComp,.notifComp .mask{position:absolute;left:0;top:0;width:100%;height:100%}.notifComp .mask{background-color:rgba(0,0,0,.3)}.notifComp .barLayer{position:absolute;left:0;top:0;height:100%;flex-direction:column}.notifComp .bar,.notifComp .barLayer{width:100%;display:flex;justify-content:center;align-items:center}.notifComp .bar{height:66px;background:hsla(0,0%,100%,.9);color:#ff5722;text-align:center;font-size:22px;font-weight:400;text-shadow:1px 1px 0 rgba(0,0,0,.05)}.avatar{overflow:hidden;border-radius:50%;font-size:0}.backButton{width:56px;height:56px;border-radius:50%;letter-spacing:0;background:hsla(0,0%,100%,.8666666666666667);color:#444;position:fixed;left:14px;bottom:30px;border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.5098039215686274);font-weight:700;font-size:15px}.backButton:active{background:rgba(255,248,180,.8666666666666667);transform:translateY(2px)}.carousel{display:flex;overflow:visible;white-space:nowrap}.loadMore{width:100%;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;color:#444;padding:16px;margin-bottom:30px;background:hsla(0,0%,100%,.5333333333333333)}.loadMoreDisable{color:#888}.chatView,.chatView .chatRow{pointer-events:none}.chatView .chatRow{position:absolute;display:flex;align-items:center;left:8px;transform-origin:left center;width:340px}.chatView .chatTri{width:0;height:0;border-color:transparent hsla(0,0%,100%,.7) transparent transparent;border-style:solid;border-width:6px 7px 6px 0;margin-left:4px}.chatView .chatText{font-size:14px;background:hsla(0,0%,100%,.7);padding:4px 8px;border-radius:4px;color:#111}.beian{text-align:center;margin:20px}.beian a{color:#c16a6a}.drawThumbComp{background:#fff;overflow:hidden}.drawThumbComp,.drawThumbComp img{position:relative}.likeButton{padding:5px;justify-content:center}.likeButton,.playView{display:flex;align-items:center}.playView{flex-direction:column;min-height:100vh;position:relative}.playView .headerCanvasCont{margin-top:16px;box-shadow:0 1px 1px rgba(0,0,0,.13333333333333333);border-radius:5px;overflow:hidden}.playView .header{width:100%;background:#00a8db;background:#f94163;display:flex;align-items:center;justify-content:space-between;padding:8px 24px 4px;font-size:18px;font-weight:700;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.26666666666666666)}.playView .canvasCont{font-size:0;position:relative}.playView .canvas{background:#fff}.playView .toolBar{width:360px;height:48px;padding:0 20px;background:hsla(0,0%,96.1%,.7333333333333333);display:flex;justify-content:flex-start;align-items:center;border-radius:0 0 5px 5px}.playView .toolBar .toolButton{font-size:0;padding:8px;margin:0 4px;position:relative;display:flex;justify-content:center;align-items:center}.playView .toolBar .toolButton:active{background:#ffeb3b;border-radius:50%;top:2px}.playView .toolBar .toolButton img{width:30px;opacity:.8}.playView .toolBar .colorSample{position:absolute;width:18px;height:18px;background:#285ff3;border-radius:50%;box-shadow:inset 0 0 2px rgba(0,0,0,.2)}.playView .toolBar .fill{flex:1 1}.playView .strokePanelMask{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.06666666666666667);opacity:0;pointer-events:none}.playView .strokePanel{padding:6px 0;background:#fff;position:absolute;bottom:60px;left:16px;box-shadow:0 0 40px 10px rgba(0,0,0,.05);border-radius:10px}.playView .strokePanel .colorRow{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;padding:5px 10px 0;width:220px}.playView .strokePanel .colorSampleCont{padding:8px;border-radius:10px}.playView .strokePanel .colorSampleCont:active{background:#fff38d}.playView .strokePanel .colorSample{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 2px rgba(0,0,0,.2)}.playView .strokePanel .widthRow{display:flex;justify-content:center;align-items:center;border-bottom:1px solid #ddd;padding-bottom:5px}.playView .strokePanel .widthSampleCont{padding:4px}.playView .strokePanel .widthSample{width:32px;height:32px;background:#285ff3;box-shadow:inset 0 0 2px rgba(0,0,0,.2)}.playView .strokePanel .selectedWidthSampleCont .widthSample{-webkit-filter:invert(100%);filter:invert(100%);border-radius:8px}.playView .emptyGroup{position:absolute;top:0;left:0}.playView .emptyGroup,.playView .guessGroup{width:100%;height:100%}.playView .guessBar{width:360px;height:56px;padding:0 20px;background:hsla(0,0%,96.1%,.7333333333333333);display:flex;justify-content:center;align-items:center;border-radius:0 0 5px 5px}.playView .guessInput{width:280px;border:1px solid #aaa;color:#333;padding:6px 14px}.playView .guessMask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}.playView .playersRow{display:flex;justify-content:center;margin-top:2px}.playView .playersRow .player{margin:5px 0;display:flex;flex-direction:column;align-items:center;position:relative}.playView .playersRow .offlinePlayer{opacity:.5}.playView .ellipsisLabel{margin-top:4px;font-weight:700}.playView .bubble{font-size:13px;font-weight:700;background:#fff;color:#4caf50;border-radius:10px;padding:2px 6px;margin-bottom:3px;box-shadow:1px 1px 1px rgba(0,0,0,.13333333333333333);opacity:0}.playView .playerScore{position:absolute;right:2px;bottom:20px;font-size:12px;font-weight:700;background:#f06292;color:#eee;padding:0;min-width:20px;display:flex;justify-content:center;align-items:center;border-radius:10px;text-shadow:1px 1px 1px rgba(0,0,0,.26666666666666666)}.playView .chatRow{position:absolute;display:flex;align-items:center;pointer-events:none;left:8px;transform-origin:left center}.playView .chatTri{width:0;height:0;border-color:transparent hsla(0,0%,94.1%,.7) transparent transparent;border-style:solid;border-width:6px 7px 6px 0;margin-left:4px}.playView .chatText{font-size:14px;background:hsla(0,0%,94.1%,.7);padding:4px 8px;border-radius:4px;color:#111}.playView .chatRow .correct{color:#4caf50;font-weight:700}.playView .endRoundView{visibility:hidden;position:absolute;width:100%;height:100%;left:0;top:0;background:hsla(0,0%,100%,.5333333333333333);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0}.playView .endRoundView .answerRow{font-size:18px;color:#888}.playView .endRoundView .answerRow span{font-weight:700;font-size:22px;color:#222;text-shadow:0 0 3px #fff}.playView .endRoundView .buttonRow{display:flex;align-items:center;justify-content:center}.playView .endRoundView .buttonRow .button{padding:10px;margin:0 10px;border-radius:50%}.playView .endRoundView .buttonRow .button:active{background:rgba(255,235,59,.43137254901960786);position:relative;top:3px}.playView .endRoundView .buttonRow img{width:40px;height:40px}.playView .endRoundView .slipper{position:absolute;left:0;top:0;transform-origin:32px 32px;opacity:0}.playView .endRoundView .slipper img{width:64px;height:64px}.playView .endRoundView .shoePrint{position:absolute;left:0;top:0;transform-origin:32px 32px;opacity:0}.playView .endRoundView .shoePrint img{width:64px;height:64px}.playView .gameoverView{visibility:hidden;position:absolute;width:100%;height:100%;left:0;top:0;background:hsla(0,0%,100%,.8666666666666667);color:#222;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 0}.playView .gameoverView .title{font-size:22px;font-weight:bolder;color:#2188f3;text-shadow:2px 2px 0 #ffeb3b;margin-bottom:16px}.playView .rank{display:flex;flex-direction:row;justify-content:space-between;width:280px;padding:2px 30px}.playView .rank .medal{width:32px;height:32px}.playView .rank .name{font-size:16px;padding:0 12px;flex:1 1;font-weight:700;color:#555}.playView .rank .score{font-size:16px;padding-right:10px;font-weight:700;color:#555}.playView .drawSavesCont{margin:30px}.playView .drawSave{margin-bottom:50px;position:relative}.playView .drawSaveImg{width:240px;background:#fff;margin-bottom:10px;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.13333333333333333)}.playView .drawSave div{text-align:center}.playView .likeButton{position:absolute;top:170px;right:14px}.roomView{flex-direction:column;justify-content:flex-start}.roomView,.roomView .header{width:100%;display:flex;align-items:center}.roomView .header{padding:15px 20px 12px;background:linear-gradient(45deg,#e83f33,#e82d6d);justify-content:space-between}.roomView .title{width:270px;white-space:nowrap;overflow:hidden;font-weight:700;font-size:24px;color:#fff;padding:0}.roomView .userNum{font-weight:700;font-size:16px;color:#eee}.roomView .cont{background:hsla(0,0%,100%,.8666666666666667);border-radius:20px}.roomView .seatCont{width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px 14px;padding:26px 10px 16px}.roomView .seatRow{display:flex}.roomView .seat{flex-direction:column;margin:2px;width:50px}.roomView .avatar,.roomView .seat{display:flex;justify-content:center;align-items:center}.roomView .avatar{background-color:#8e8e8e;color:#fff}.roomView .avatar,.roomView .avatar img{width:46px;height:46px;border-radius:50%}.roomView .avatar img{position:absolute}.roomView .avatar .avatarLoading{font-weight:bolder;font-size:18px}.roomView .avatar .sit{font-size:13px}.roomView .seat .name{margin-top:4px;max-width:72px;white-space:nowrap;overflow:hidden;font-size:11px;height:22px}.roomView .startButton{width:240px;height:40px;font-size:15px;font-weight:700;margin-top:6px;margin-bottom:10px;letter-spacing:1px;border:none;background:linear-gradient(45deg,#e83f33,#e82d6d);color:#fff}.roomView .disabledStartButton{pointer-events:none;border:1.5px solid #aaa;color:#aaa;background:#fff}.roomView .subTitle{width:100%;padding:0 14px 10px;color:#666;font-size:16px;font-weight:bolder}.roomView .game{width:347px;display:flex;padding:16px 14px;margin-bottom:10px;align-items:center}.roomView .gamePlayersCont{display:flex;flex:1 1;padding-left:14px}.roomView .gameAvatar{border-radius:50%;width:32px;height:32px;margin-right:-5px}.roomView .gameTime{text-align:right;padding-right:10px;color:#666;font-weight:700}.roomView .rightChevron{width:16px;opacity:.7}.roomView .chatInputRow{position:fixed;bottom:36px;display:flex;width:100%;padding-left:86px;padding-right:20px}.roomView .chatInput{flex:1 1;padding:10px 8px;border-color:#888;caret-color:#444}.roomView .chatViewCont{position:fixed;bottom:130px;left:20px}.drawView{width:100%;display:flex;flex-direction:column}.drawView .drawCont{align-self:center;border-radius:10px;overflow:hidden;margin-top:16px;box-shadow:0 1px 1px rgba(0,0,0,.26666666666666666);position:relative}.drawView .header{background:linear-gradient(45deg,#e83f33,#e82d6d);padding:10px 20px 8px;color:#fff;font-size:16px;font-weight:700}.drawView .bottomBar{height:56px;background:#f7f7f7;padding:0 15px 0 20px;display:flex;justify-content:space-between;align-items:center}.drawView .guessInput{flex:1 1;border:1px solid #aaa;color:#333;padding:6px 14px;margin-right:10px}.drawView .shareButton{display:flex;justify-content:center;align-items:center;padding:5px}.drawView .shareButton img{width:26px;height:26px}.drawView .info{margin:20px 24px;font-weight:700;color:#333}.drawView .infoRow{display:flex;align-items:center;margin-bottom:5px;font-size:16px}.drawView .drawerName{margin-left:10px;font-weight:700;color:#444}.drawView .shareMask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center;align-items:center}.drawView .shareImg{width:320px;border-radius:3px}.drawView .shareText{color:#fff;font-size:22px;padding:30px;font-weight:700}.drawView .closeShare{font-size:18px;padding:8px 23px;font-weight:700;background:#fff;color:#444;border-radius:24px}.drawListView{width:100%;display:flex;flex-direction:column;min-height:100%}.drawListView .title{margin-bottom:30px}.drawListView .draw{align-self:center;position:relative;margin-bottom:50px}.drawListView .draw .drawThumbComp{box-shadow:0 3px 8px rgba(0,0,0,.3333333333333333);box-sizing:content-box}.drawListView .draw .info{border-radius:2px;padding:2px 20px;margin:24px 16px;color:#888;font-size:14px;font-weight:700;text-align:center}.drawListView .draw .finishInfo{color:#333}.drawListView .draw .likeButton{position:absolute;top:160px;right:10px}.homeView{width:100%;display:flex;flex-direction:column;position:relative}.homeView hr{margin:10px 20px;border:0;background:#cecece;height:0}.homeView .title{font-size:28px;font-weight:700;padding:20px}.homeView .roomButton{color:#fff;background:linear-gradient(45deg,#e83f33,#e82d6d);border-radius:28px;margin:30px 0;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;align-self:center}.homeView .roomButton:active{background:#00bcd4}.homeView .roomButton .text{margin-right:15px;font-size:20px;font-weight:700;text-align:center}.homeView .roomButton img{display:block;width:30px;height:30px}.homeView .subtitle{margin:0 20px 6px;font-size:22px;font-weight:700;color:#333;display:flex;justify-content:space-between;align-items:baseline}.homeView .subtitle .more{font-size:17px;font-weight:400;color:#f44336}.homeView .groupCont{width:100%;margin-bottom:30px}.homeView .roomHistory{background:#fff;padding:8px 14px;margin-bottom:10px;border-radius:16px;display:flex;align-items:center;overflow-x:hidden}.homeView .roomHistory .rightCont{margin-left:14px}.homeView .roomHistory .roomName{font-weight:700}.homeView .roomHistory .time{color:#999}
/*# sourceMappingURL=main.036ce12d.chunk.css.map */