@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;color:var(--white);font-weight:700}:root{--primary: #3c39ee;--item: #192e7486;--background: #040814;--white: white;--black: rgba(0, 0, 0, .822);--alert:#192e74;--color1: #292828c5;--color2: #1414148f}body{background-color:var(--background);-webkit-user-select:none;user-select:none;width:100%}#root{width:100%;background-color:var(--background);font-family:"Exo 2",sans-serif;font-optical-sizing:auto;font-weight:lighter;font-style:normal;display:flex;align-items:center;justify-content:center;height:100vh}main{padding:15px;border-radius:15px;background-color:var(--color1);display:flex;flex-direction:row;justify-content:space-between;gap:50px}table{height:100%;display:flex;flex-direction:column;gap:15px}tbody{display:flex;gap:15px;flex-direction:column}tr{display:flex;flex-direction:row;gap:15px}td{width:100px;height:100px;background-color:var(--color2);border-radius:10px;display:flex;align-items:center;justify-content:center;-webkit-box-shadow:0px 0px 12px -3px var(--black);-moz-box-shadow:0px 0px 12px -3px var(--black);box-shadow:0 0 12px -3px var(--black);position:relative;transition:all .3s;font-size:40px;font-weight:700;cursor:pointer}.circle{position:absolute;width:35px;height:35px;background-color:var(--item);filter:blur(22px)}.clicked{background-color:var(--item);transition:all .3s}main>section{display:flex;flex-direction:column;justify-content:space-between;gap:80px}main>section>section:nth-child(1){display:flex;flex-direction:column;gap:20px}main>section>section:nth-child(1)>section{display:flex;flex-direction:column;gap:5px}main>section>section:nth-child(1)>section:nth-child(2){display:flex;flex-direction:column;gap:5px}main>section>section:nth-child(1)>section:nth-child(2)>span{width:100%;background-color:var(--primary);text-align:center;padding:20px 0;font-size:25px;border-radius:5px}main>section>section:nth-child(1)>section>h1{display:flex;flex-direction:row;justify-content:space-between;opacity:.5;font-size:21px}main>section>section:nth-child(2){border-radius:10px}main>section>section:nth-child(2)>section{display:flex;flex-direction:column;gap:5px}main>section>section:nth-child(2)>h1{transition:all .3s;border-radius:5px;font-size:20px;font-weight:700}.disabled{opacity:0}.enabled{transition:all .3s;opacity:1}main>section>section:nth-child(2)>section>h1{text-align:left;font-size:21px;opacity:.5}main>section>section:nth-child(2){display:flex;flex-direction:column;gap:20px}main>section>section:nth-child(2)>button{width:420px;border:none;outline:none;background-color:var(--primary);padding:15px;border-radius:5px;font-size:20px;-webkit-box-shadow:0px 0px 12px -3px var(--black);-moz-box-shadow:0px 0px 12px -3px var(--black);box-shadow:0 0 12px -3px var(--black)}main>section>section:nth-child(2)>button:hover{filter:brightness(1.3);border:none;outline:none;cursor:pointer}main>section>section:nth-child(2)>section>section{display:flex;flex-direction:row;transition:all .3s;-webkit-box-shadow:0px 0px 12px -3px var(--black);-moz-box-shadow:0px 0px 12px -3px var(--black);box-shadow:0 0 12px -3px var(--black)}main>section>section:nth-child(2)>section>section>button{padding:20px;border:none;outline:none;font-size:25px;display:flex;align-items:center;justify-content:center;font-weight:700}main>section>section:nth-child(2)>section>section>button:nth-child(1),main>section>section:nth-child(2)>section>section>button:nth-child(3){width:25%;background-color:var(--primary);cursor:pointer}main>section>section:nth-child(2)>section>section>button:nth-child(1):hover,main>section>section:nth-child(2)>section>section>button:nth-child(3):hover{filter:brightness(1.3);border:none;outline:none}main>section>section:nth-child(2)>section>section>button:nth-child(1){border-top-left-radius:5px;border-bottom-left-radius:5px}main>section>section:nth-child(2)>section>section>button:nth-child(3){border-bottom-right-radius:5px;border-top-right-radius:5px}main>section>section:nth-child(2)>section>section>button:nth-child(2){width:50%;border-left:1px solid var(--black);border-right:1px solid var(--black);background-color:var(--primary)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;transition:all .3s;-webkit-box-shadow:0px 0px 12px -3px var(--black);-moz-box-shadow:0px 0px 12px -3px var(--black);box-shadow:0 0 12px -3px var(--black)}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:#3c39ee;border-radius:2px;height:40px;display:flex;align-items:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#000;height:40px;width:1.5rem;-webkit-box-shadow:0px 0px 12px -3px var(--black);-moz-box-shadow:0px 0px 12px -3px var(--black);box-shadow:0 0 12px -3px var(--black)}input[type=range]:focus::-webkit-slider-thumb{border:none;outline:none}input[type=range]::-moz-range-track{background-color:#3c39ee;border-radius:2px;height:.5rem}input[type=range]::-moz-range-thumb{background-color:#000;border:none;border-radius:50%;height:15px;width:15px}input[type=range]:focus::-moz-range-thumb{outline:3px solid #000000;outline-offset:.125rem}.swal2-container{font-family:"Exo 2",sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swal2-modal{background-color:var(--alert);color:var(--white)}.swal2-styled{background-color:var(--primary);font-family:"Exo 2",sans-serif;font-size:20px}.disable{opacity:.5;pointer-events:none;transition:all .3s}@media (max-width: 1100px){#root{height:150vh}main{flex-direction:column}main>section>section:nth-child(2)>button{width:100%}}@media (max-width: 630px){#root{height:125vh}td{width:55px;height:55px;font-size:30px}}@media (max-width: 400px){*{font-size:20px!important}#root{height:130vh}}