body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notpaste{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.App{background-color:#191b20;display:flex;height:100vh;justify-content:center;width:100%}.container{height:100vh;overflow:hidden;width:1000px}.header{align-items:center;border-bottom:1px solid #565758;display:flex;height:50px;justify-content:space-between;padding:10px}.title{color:#fff;font-size:23px;font-weight:700;padding-left:25px;position:relative}.game-container{padding-top:10px}.game-container,.game-row{display:flex;justify-content:center}.flippable{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.flipbox{font-size:30px}.flipbox,.templatebox{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;position:relative;text-align:center}.templatebox{font-size:12px}.back-flippable{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transform:rotateY(180deg)}.front-flipbox{background-color:#191b20;height:50px;width:50px}.front-templatebox{background-color:#191b20;border:1px solid #565758;height:30px;width:30px}.back-flipbox{height:54px;width:54px}.back-templatebox{height:32px;width:32px}.flipbox-wrap{height:69px;margin:3px;width:54px}.flipbox-wrap,.tutorialbox-wrap{display:inline-block;position:relative;transform-origin:center center;transform-style:preserve-3d}.tutorialbox-wrap{height:42px;margin:1px;width:32px}.flipbox-pronounce{height:15px}.tutorialbox-pronounce{font-size:10px;height:10px}.flipbox-pronounce-display{color:#fff;font-weight:500;text-align:center}.flipbox-pronounce-hint{color:grey;font-weight:500;padding-left:10%}.input-box{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;margin:3px;text-align:center;width:100%}.input-box,input:focus{background-color:#191b20;border:1px solid #191b20}input:focus{caret-color:#0000;outline:none!important}.statistic-title{font-size:20px;margin-top:10px!important}.statistic-info,.statistic-title{display:flex;justify-content:center}.today-answer{color:#04c404;font-size:15px;margin-bottom:5px!important;margin-top:10px!important}.statistic-answer{color:#aaa;font-size:12px;font-weight:400;margin-bottom:5px!important;margin-top:5px!important}.statitem-container{margin:8px}.statitem-number{font-size:30px}.statitem-description{font-size:10px;font-weight:500}.no-data{display:flex;font-weight:400;justify-content:center;margin-top:8px!important}.distribution-container{height:auto;margin-top:10px;width:90%}.distribution-row{display:flex;justify-content:flex-start;margin:2px 2px 5px}.distribution-guess{display:inline-block;margin-right:5px;width:5%}.distribution-bar-container{display:inline-block;justify-content:flex-start;width:95%}.distribution-bar{height:18px;right:50px}.distribution-number{float:right;margin-right:10px}.bottombar-item{margin-bottom:10px;margin-top:10px}.bottombar-seperate{border-right:1px solid #fff}.nextwordle-title{font-size:12px}.nextwordle-time{font-size:25px;margin-top:10px}.SnackbarContainer-top{top:70px!important}.snackbarContainer{height:54px;width:100%}.snackbarContainer,.snackbarItem{display:flex;justify-content:center;pointer-events:none}.snackbarItem{align-items:center;background-color:#fff;border-radius:5px;font-size:20px;font-weight:700;height:100%;width:200px}.setting-title{display:flex;font-size:20px;justify-content:center}.setting-item-wrap{border-bottom:1px solid #494949;margin-bottom:15px;margin-top:15px;padding-bottom:15px;padding-top:15px}.setting-item-container{display:block;float:left;width:80%}.setting-item-title{display:flex;font-size:18px;font-weight:500;justify-content:flex-start}.setting-item-description{color:grey;display:flex;font-size:12px;justify-content:flex-start;margin-top:2px;text-align:left}.setting-item-switch{float:right}.setting-item-link{align-items:center;color:grey;float:right;padding-right:10px}.setting-item-clickable{align-items:center;color:blue;cursor:pointer;display:flex;height:100%;margin-top:5px}.clickable{cursor:pointer}.tutorial-intro{font-weight:500;padding:10px;text-align:left}.tutorial-container{border-bottom:1px solid #494949;margin-bottom:20px}.tutorial-example-container{border-bottom:1px solid #494949;margin-bottom:15px}.tutorial-row{padding-bottom:20px}.tutorial-row-end{padding-bottom:10px}.about-container,.emoji-container{margin-bottom:20px}.search-input-box{border:2px solid #353535;border-radius:10px;text-align:center}.search-input-box,.search-input-box:focus{align-items:center;background-color:#191b20;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50%}.search-input-box:focus{border:2px solid #000;border-radius:10px}.dictionarybox-wrap{display:inline-block;height:54px;margin:5px;position:relative;width:54px}.dictionarybox{align-items:center;background-color:#191b20;border:2px solid #9b9b9b;color:#fff;font-size:30px;font-weight:700;height:54px;text-align:center;width:54px}.dictionarybox,.dictionarytitle{display:flex;justify-content:center}.dictionarytitle{margin-bottom:10px}.dictionary-input-container{display:flex;justify-content:center;margin-bottom:15px}.dictionary-error{color:red}.dictionary-error,.dictionary-success{display:flex;justify-content:center;margin-bottom:10px}.topbox{height:50%;position:absolute;top:0;width:100%}.leftbox{left:0}.leftbox,.rightbox{height:50%;position:absolute;top:50%;width:50%}.rightbox{left:50%}.septopbox{height:45%;position:absolute;top:0;width:100%}.sepleftbox{left:0}.sepleftbox,.seprightbox{height:45%;position:absolute;top:55%;width:45%}.seprightbox{left:55%}.leftboxif{height:45%;left:0;position:absolute;top:55%;width:55%}.leftboxit{left:0}.leftboxit,.rightboxft{height:55%;position:absolute;top:45%;width:45%}.rightboxft{left:55%}.textbox{align-items:center;display:flex;font-weight:700;height:100%;justify-content:center;position:absolute;top:0;width:100%}.credit-container{font-size:9px}.credit-item{display:block;float:right}.difficulty-list-container{height:100%}.difficulty-button{border:5px solid #9b9b9b;border-radius:10px;height:90%;width:100%}.difficulty-container{align-items:center;color:#fff;display:flex;font-size:40px;font-weight:700;height:100%;justify-content:center;position:relative;width:100%}.difficulty-description{bottom:0;font-size:10px;position:absolute}.bigtile-row{padding-bottom:40px}.bigtile-description{padding-bottom:15px}.bigtilebox-text{align-items:center;display:flex;font-size:50px;font-weight:700;height:100%;justify-content:center;position:absolute;top:0;width:100%}.bigtile-container{display:flex;justify-content:center;padding-bottom:40px}.bigtilebox{height:100px;position:relative;width:100px}.bigtile-wrap{transform-origin:center center;transform-style:preserve-3d}.bigtile-text{align-items:center;background-color:#191b20;border:3px solid #565758;font-size:50px;height:94px;width:94px}.bigtile-pronounce,.bigtile-text{display:flex;justify-content:center}.bigtile-pronounce{position:absolute;top:100%;width:100%}.bigtile-detail{color:#acacac;font-size:12px}.share-message-buttons{margin-bottom:10px!important}.share-button-style{font-size:18px;font-weight:700;margin-top:5px;width:85%}.share-preview-wrap{align-items:center;display:flex;justify-content:center}.share-text-preview{cursor:pointer;font-size:12px;line-break:anywhere;text-align:left;white-space:pre-line;width:60%}.difficulty-header-label{font-size:12px;left:70px;position:absolute;top:15px;transform:rotate(344deg);width:100px}