@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=cyrillic');@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v55/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2')}body{margin:0;width:100%;height:100%;color:#212121;font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}html,body,material-app,mat-sidenav-container{margin:0;width:100%;height:100%}a{text-decoration:none;color:inherit}canvas[resize]{width:100%;height:100%;background-color:#fff;z-index:1}#pause-text{width:100%;height:100%;position:absolute;top:0;right:0;color:#fff;z-index:100;display:flex;flex-direction:column;align-items:center;background-color:#6200ea}#pause-text>span{font-size:5vh;font-weight:500;text-align:center}#pause-text #start{font-size:7vh;font-weight:bold;margin:auto 0}#content{margin:0 !important;padding:0 !important;width:100% !important;height:100% !important;display:flex;flex-direction:column;justify-content:center;align-items:center}#menu{margin:0 !important;width:100% !important;padding:0;display:none;overflow:hidden;overflow-y:auto}#menu-item{margin:5vh auto;margin-top:0;padding:0 !important;width:80vh;height:80vh;overflow:hidden;background-color:#fff;border-radius:1vh;color:#000;line-height:80vh;font-size:15vh;text-align:center;border:1px solid #4a02ad;background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}#menu-button{position:absolute;font-size:7vh !important;top:5vh !important;right:5vh !important;height:10vh !important;width:10vh !important;justify-content:center;align-items:center;text-align:center;color:#fff;background-color:#6200ea;border-radius:50%;opacity:.75;z-index:101;cursor:pointer;display:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}#menu-button:hover{opacity:1}#back-button,#save-button,#clear-button{position:absolute;top:5vh !important;right:50vh;font-size:7vh !important;height:10vh !important;width:10vh !important;justify-content:center;align-items:center;text-align:center;color:#6200ea;background-color:#fff;border-radius:50%;opacity:.75;z-index:10;cursor:pointer;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}#save-button{right:35vh !important}#save-button>a{height:7vh}#clear-button{right:20vh !important}#back-button:hover,#save-button:hover,#clear-button:hover{opacity:1}#color-buttons,#other-buttons{position:absolute;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;top:20vh !important;left:5vh;height:60vh !important;width:20vh !important;z-index:10;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}#other-buttons{right:5vh !important;left:auto !important}#color-item,#other-item{width:7vh;height:7vh;color:#6200ea;line-height:7vh;text-align:center;border-radius:50%;border:1vh solid #ede7f6;margin:.5vh;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}#color-item:hover,#color-item.selected,#other-item:hover,#other-item.selected{border-color:#6200ea}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}