.loader{overflow:hidden;position:fixed;z-index:99999}.loader,.loader-inner{bottom:0;left:0;right:0;top:0}.loader-inner{height:60px;margin:auto;position:absolute;width:100px}.loader-line-wrap{-webkit-animation:spin 2s cubic-bezier(.175,.885,.32,1.275) infinite;animation:spin 2s cubic-bezier(.175,.885,.32,1.275) infinite;height:50px;overflow:hidden;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.loader-line,.loader-line-wrap{box-sizing:border-box;left:0;position:absolute;top:0;width:100px}.loader-line{border:4px solid transparent;border-radius:100%;height:100px;margin:0 auto;right:0}.loader-line-wrap:first-child{-webkit-animation-delay:-50ms;animation-delay:-50ms}.loader-line-wrap:nth-child(2){-webkit-animation-delay:-.1s;animation-delay:-.1s}.loader-line-wrap:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}.loader-line-wrap:nth-child(4){-webkit-animation-delay:-.2s;animation-delay:-.2s}.loader-line-wrap:nth-child(5){-webkit-animation-delay:-.25s;animation-delay:-.25s}.loader-line-wrap:first-child .loader-line{border-color:#eb4747;height:90px;top:7px;width:90px}.loader-line-wrap:nth-child(2) .loader-line{border-color:#ebeb47;height:76px;top:14px;width:76px}.loader-line-wrap:nth-child(3) .loader-line{border-color:#47eb47;height:62px;top:21px;width:62px}.loader-line-wrap:nth-child(4) .loader-line{border-color:#47ebeb;height:48px;top:28px;width:48px}.loader-line-wrap:nth-child(5) .loader-line{border-color:#4747eb;height:34px;top:35px;width:34px}@-webkit-keyframes spin{0%,15%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%,15%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--dark-primary:#121212;--dark-secondary:#121212}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:Trebuchet MS,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.pointer{color:var(--secondary-color)}.pointer,.pointer:hover{cursor:pointer;text-decoration:none!important}.pointer:hover{color:var(--primary-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sbl-1{box-shadow:0 5px 15px 1px #333}.sbd-1{box-shadow:0 5px 15px 1px #fff}.svg-bg{background-attachment:fixed;background-color:var(--bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Cpattern id='b' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cuse fill='%23fcfcfc' href='%23a' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23a' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23a' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23a'/%3E%3Cuse fill='%23f7f7f7' href='%23a' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23a' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='c' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23a'/%3E%3Cuse href='%23a' y='5'/%3E%3Cuse href='%23a' x='1' y='10'/%3E%3Cuse href='%23a' x='2' y='1'/%3E%3Cuse href='%23a' x='2' y='4'/%3E%3Cuse href='%23a' x='3' y='8'/%3E%3Cuse href='%23a' x='4' y='3'/%3E%3Cuse href='%23a' x='4' y='7'/%3E%3Cuse href='%23a' x='5' y='2'/%3E%3Cuse href='%23a' x='5' y='6'/%3E%3Cuse href='%23a' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23a' y='5'/%3E%3Cuse href='%23a' y='8'/%3E%3Cuse href='%23a' x='1' y='1'/%3E%3Cuse href='%23a' x='1' y='9'/%3E%3Cuse href='%23a' x='1' y='12'/%3E%3Cuse href='%23a' x='2'/%3E%3Cuse href='%23a' x='2' y='4'/%3E%3Cuse href='%23a' x='3' y='2'/%3E%3Cuse href='%23a' x='3' y='6'/%3E%3Cuse href='%23a' x='3' y='11'/%3E%3Cuse href='%23a' x='4' y='3'/%3E%3Cuse href='%23a' x='4' y='7'/%3E%3Cuse href='%23a' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23a' y='11'/%3E%3Cuse href='%23a' x='2' y='9'/%3E%3Cuse href='%23a' x='5' y='12'/%3E%3Cuse href='%23a' x='9' y='4'/%3E%3Cuse href='%23a' x='12' y='1'/%3E%3Cuse href='%23a' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cg fill='%23FFF'%3E%3Cuse href='%23a' y='9'/%3E%3Cuse href='%23a' x='16' y='5'/%3E%3Cuse href='%23a' x='14' y='2'/%3E%3Cuse href='%23a' x='11' y='11'/%3E%3Cuse href='%23a' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23a' x='3' y='13'/%3E%3Cuse href='%23a' x='9' y='7'/%3E%3Cuse href='%23a' x='13' y='10'/%3E%3Cuse href='%23a' x='15' y='4'/%3E%3Cuse href='%23a' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cg fill='%23E95A19'%3E%3Cuse href='%23a' x='2' y='5'/%3E%3Cuse href='%23a' x='16' y='38'/%3E%3Cuse href='%23a' x='46' y='42'/%3E%3Cuse href='%23a' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cg fill='%23E95A19'%3E%3Cuse href='%23a' x='33' y='13'/%3E%3Cuse href='%23a' x='27' y='54'/%3E%3Cuse href='%23a' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='i' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='matrix(37.2 0 0 37.2 -36200.064 -27150.048)'%3E%3Cg fill='%23E95A19'%3E%3Cuse href='%23a' x='11' y='8'/%3E%3Cuse href='%23a' x='51' y='13'/%3E%3Cuse href='%23a' x='17' y='73'/%3E%3Cuse href='%23a' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3Cpath stroke='%23FFF' stroke-width='.2' id='a' d='M0 0h1v1H0z'/%3E%3C/defs%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23i)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-size:contain}.color-invert{-webkit-filter:invert();filter:invert()}input.search-dark{background-color:#161625;color:#c2c2da}input.search-dark:focus{background-color:#121212;color:#c2c2da}.o-8{opacity:.8}.o-6{opacity:.6}.o-4{opacity:.4}.o-2{opacity:.2}.react-darkMode-switch{margin:.9rem}#nav-logo{height:auto;width:2rem}.mui-nav-link{color:inherit;text-decoration:none}.mui-nav-link:hover{color:inherit}.title-container{border-bottom:1px solid #3a3a3a;text-align:center;width:510px}.game-container{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:space-between}.key-container{display:flex;flex-wrap:wrap;overflow-wrap:normal;width:100vw}.key-container button{background-color:#818384;border:none;border-radius:4px;color:#fff;height:58px;margin:4px;width:8.06vw}.key-container button:nth-child(11){margin-left:4px}.key-container button:nth-child(20){width:8.06vw}.key-container button:nth-child(28){width:23vw}.tile-container{margin-bottom:30px;width:330px}.tile-container div{display:flex}.tile-container .tile{align-items:center;border:2px solid #a7a3a3;box-sizing:border-box;color:#dddbdb;display:flex;height:62px;justify-content:center;margin:2px;width:14.97584541em}.msg-container{height:30px}.msg-container p{background-color:#818384;border-radius:10px;color:#dddbdb;margin:0;padding:10px}.tile.flip{-webkit-animation:flipping .5s linear;animation:flipping .5s linear}@-webkit-keyframes flipping{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes flipping{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.grey-overlay{background-color:#3a3a3c!important}.grey-overlay,.yellow-overlay{border:none!important;color:#fff!important}.yellow-overlay{background-color:#b59f3a!important}.green-overlay{background-color:#538d4e!important;border:none!important;color:#fff!important}
/*# sourceMappingURL=main.125e123c.css.map*/