:root{--border-radius-base:4px;--vh:1vh}body{background:#282c34;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;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.BoardSquare{width:80%;height:80%;max-width:40px;max-height:40px;border:1px solid hsla(0,0%,100%,.5);margin:0 10px;border-radius:50%;transition:all .2s linear;box-sizing:border-box}.BoardLine--active .BoardSquare{border:2px solid #fff;box-shadow:inset 0 0 2px rgba(0,0,0,.8)}.BoardLine--active .BoardSquare--active{box-shadow:inset 0 0 5px #fff}.ColorPicker{position:absolute;left:5px;top:-45px;display:flex;background-color:#7a7f86;box-shadow:0 0 20px rgba(0,0,0,.5);border-radius:var(--border-radius-base);padding:5px}.ColorPicker__Anchor{position:absolute;content:"";border:10px solid transparent;border-top-color:#7a7f86;top:50px;left:10px}.ColorPicker__Item{width:40px;height:40px;margin-left:5px;border-radius:var(--border-radius-base);text-align:right;color:rgba(0,0,0,.4);-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:.6em;padding:2px 4px 0 0;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.6);box-sizing:border-box}.ColorPicker__Item:first-child{margin-left:0}.ColorPicker__Item--selected{box-shadow:inset 0 0 4px rgba(0,0,0,.6)}.BoardLine{margin:0 10px;color:#fff;display:flex;align-items:center;height:calc(9% - 1px);position:relative}.Board-with-overlay .BoardLine{-webkit-filter:blur(8px);filter:blur(8px)}.BoardLine__Result{display:flex;padding-left:20px;min-width:65px;flex-grow:1;justify-content:center}.BoardLine__Result__Item{width:10px;height:10px;border-radius:50%;margin:0 3px;border:1px solid rgba(0,0,0,.2)}.BoardLine__Result__Item--ColorMatch{background-color:#fff}.BoardLine__Result__Item--PositionMatch{background-color:#000}.BoardLine button{background-color:hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.6);padding:5px;width:100%;border-radius:30px;text-shadow:#000 0 0 1px;cursor:pointer;box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.BoardLine button:focus{outline:none}.BoardHidden{margin:2% 5px 1%;border:5px solid rgba(0,0,0,.2);height:8%;display:flex;align-items:center;border-radius:var(--border-radius-base);background-color:rgba(0,0,0,.1);transition:background-color 2s ease-in;cursor:pointer}.BoardSquare--hidden{background-color:rgba(0,0,0,.2);-webkit-filter:blur(1px);filter:blur(1px)}.BoardInfo{position:absolute;top:0;left:0;bottom:0;right:0;padding:20% 60px 0;color:hsla(0,0%,100%,.8);font-size:.9rem;cursor:pointer;background-color:rgba(0,0,0,.5);text-shadow:rgba(0,0,0,.3) 0 0 5px}.logo{max-height:calc(20vh - 20px);margin-bottom:30px}.BoardWelcome{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.BoardWelcome__Credentials{position:absolute;bottom:20px;color:hsla(0,0%,100%,.5);font-size:.8em;text-align:center;line-height:1.4}.BoardWelcome__Credentials a{color:hsla(0,0%,100%,.5);text-decoration:none}.BoardWelcome__Credentials a:hover{border-bottom:1px solid hsla(0,0%,100%,.3)}.Board{width:calc(60vh - 40px);max-width:100%;background:hsla(0,0%,100%,.2);height:calc(100vh - 40px);margin:20px auto;box-shadow:0 0 20px rgba(0,0,0,.5);position:relative;border-radius:var(--border-radius-base);overflow:hidden;padding:0 20px;box-sizing:border-box;min-width:380px}.Board__Msg{color:hsla(0,0%,100%,.8);font-size:1.4rem;margin-top:10px;text-shadow:rgba(0,0,0,.3) 0 0 5px}.Board__Overlay{position:absolute;top:12%;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;font-size:160px;text-shadow:rgba(0,0,0,.5) 0 0 30px;text-align:center;transition:all 2s ease-in;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.5);background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 50%);cursor:pointer}@media (max-width:450px){.Board{width:100%;height:100vh;height:calc(var(--vh, 1vh)*100);margin:0;border:none;box-shadow:none;transition:all .2s linear;border-radius:0}}.InfoButton{width:30px;height:30px;position:absolute;top:1%;right:26px;background:none;border:none;cursor:pointer}.InfoButton:focus{outline:none}
/*# sourceMappingURL=main.19320ac3.chunk.css.map */