body{margin:0;padding: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}*{box-sizing:border-box}a{color:#fff}.Spinner{display:flex;align-items:center;justify-content:center}.Spinner.Spinner__size_l{height:50vh}.Page{width:100%;min-height:100%;min-width:320px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;padding-top:40px}.Page,.Page.Page__fullwidth{max-width:100%}.AuthView{text-align:center;color:#fff;padding-top:40px;align-items:center}.AuthView--logo-text{font-family:cursive;margin-bottom:20px;font-size:40px}.AuthView--logo{width:180px;display:inline-block}.AuthView--logo--svg{width:180px;height:180px}.RoomListItem{margin-bottom:10px;font-size:18px}.RoomListItem--subtitle{font-size:12px;opacity:.8}.RoomsList{width:100%}.RoomsList ul{list-style:none;margin:0;padding:0 10px}.Navbar{height:40px;position:fixed;top:0;right:0;left:0;z-index:101;background:#061c2b}.Navbar menu{padding:0;list-style:none;display:flex;min-width:320px;max-width:375px;margin:0}.Navbar menu>li{margin:0;padding:5px 10px}.Navbar a{color:#fff;text-decoration:none;font-size:18px;font-weight:600}.NewRoom input{width:100%;padding:5px 0;font-size:24px;background:transparent;border:solid #fff;border-width:0 0 1px;color:#fff;border-radius:0}.NewRoom label>div{opacity:.8}.NewRoom label{display:block;margin-bottom:20px}.TotalCanvas{position:relative}.Room--tiles-container{width:100%;overflow:auto;border-radius:2px;padding:0 10px 10px}.Room--tiles{position:relative}.Room--tiles--tile{position:absolute;width:46px;height:46px;display:flex;font-size:24px;justify-content:center;align-items:center;background:#fff;color:#333;border-radius:2px;text-decoration:none}.TotalCanvas{position:absolute;margin:0 auto;background-color:#fff}.TotalCanvas--img{position:absolute;width:355px;height:355px}.RoomResult--canvas-container{width:100%;height:100%;overflow:hidden;position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.color-picker{display:flex;align-items:flex-start;padding:0 10px;position:relative;width:100%;justify-content:space-between}.color-picker>*{flex-shrink:0}.compact-picker{width:300px!important}.compact-picker>div>span>div{border-radius:6px;width:20px!important;height:20px!important}.color-picker>div:first-of-type>div input{color:#fff!important}.color-picker>div:first-of-type>div{color:#fff!important;box-shadow:none!important;background:transparent!important}.color-picker>div:nth-child(2){border-radius:6px!important;margin-top:5px}.color-picker>div:nth-child(2)>div{border-radius:6px!important;width:36px!important;height:36px!important}:root{--range-color:green}.EditorView{max-width:375px;margin:0}.EditorView--buttons{padding-top:5px;text-align:center;margin-bottom:20px}canvas{-webkit-tap-highlight-color:transparent}.color-pallete__color{width:50px;height:50px;display:inline-block;border:3px solid transparent}.color-pallete__color.selected{border-color:red}.controls{display:flex;align-items:flex-start;flex-direction:column}.range-control{padding:5px 10px;color:#fff;display:flex;align-items:center;font-size:16px;line-height:16px;justify-content:space-between;width:100%}.range-control input{margin-right:6px}.slices{width:375px;height:375px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slice,.slices{position:absolute}.slice{background:#fff}.slice-t{top:0;left:10px}.slice-b{left:10px;bottom:0}.slice-l{left:0;top:10px}.slice-r{right:0;top:10px}.slice-tl{left:0}.slice-tl,.slice-tr{top:0;box-sizing:border-box}.slice-tr{right:0}.slice-bl{left:0}.slice-bl,.slice-br{bottom:0;box-sizing:border-box}.slice-br{right:0}.line-width-number{display:inline-block;margin-left:4px;font-weight:500;min-width:30px;text-align:right}.input-range{height:2rem;margin-left:18px;margin-right:18px}.input-range__track{height:.6rem}.input-range__slider{border-color:#fff;border-width:.25rem;height:2rem;width:2rem;margin-left:-1rem;margin-top:-1.25rem}.input-range__slider,.input-range__track--active{background:green;background:var(--range-color)}.input-range__label{display:none}button{border-radius:4px;display:inline-block;cursor:pointer;color:#fff;font-weight:500;margin:3px;font-size:38px;line-height:38px;padding:10px;background:transparent;box-shadow:none;text-shadow:none;border:none;text-decoration:none}button:hover{background:hsla(0,0%,100%,.12);color:#000}button:active{position:relative;top:1px}button[disabled]{opacity:.5}.sub-title{font-size:.5em;opacity:.6;font-weight:300}h1,h2,h3,h4{margin-top:0}h2>.sub-title{font-size:.6em}h3>.sub-title{font-size:.8em}
/*# sourceMappingURL=main.93501751.chunk.css.map */