.comic-button{background-color:#ff5252;border:2px solid #000;border-radius:10px;box-shadow:5px 5px 0 #000;color:#fff;cursor:pointer;display:inline-block;font-size:20px;font-weight:700;padding:4px 18px;text-align:center;text-decoration:none;transition:all .3s ease}.comic-button:hover{background-color:#fff;border:2px solid #ff5252;box-shadow:5px 5px 0 #ff5252;color:#ff5252}.comic-button:active{background-color:#fcf414;box-shadow:none;transform:translateY(4px)}.loader{height:200px;perspective:200px;width:200px}.dot{animation:dot1 1s cubic-bezier(.49,.06,.43,.85) infinite;background-color:initial;border:40px outset #1e3f57;border-radius:100px;height:120px;left:50%;margin-left:-60px;margin-top:-60px;position:absolute;top:50%;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px);transform-origin:50% 50%;width:120px}.dot:nth-child(2){animation-delay:75ms;animation-name:dot2;border-color:#447891;border-width:30px;height:140px;margin-left:-70px;margin-top:-70px;width:140px}.dot:nth-child(2),.dot:nth-child(3){box-shadow:inset 0 0 15px 0 #0000001a;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px)}.dot:nth-child(3){animation-delay:.15s;animation-name:dot3;border-color:#6bb2cd;border-width:20px;height:160px;margin-left:-80px;margin-top:-80px;width:160px}@keyframes dot1{0%{border-color:#1e3f57;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px)}50%{border-color:#1e574f;transform:rotateX(20deg) rotateY(20deg) rotate(50deg) translateZ(0)}to{border-color:#1e3f57;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px)}}@keyframes dot2{0%{border-color:#447891;box-shadow:inset 0 0 15px 0 #fff3;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px)}50%{border-color:#449180;box-shadow:inset 0 0 15px 0 #000c;transform:rotateX(20deg) rotateY(20deg) rotate(50deg) translateZ(0)}to{border-color:#447891;box-shadow:inset 0 0 15px 0 #fff3;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px)}}@keyframes dot3{0%{border-color:#6bb2cd;box-shadow:inset 0 0 15px 0 #0000001a;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px)}50%{border-color:#6bcdb2;box-shadow:inset 0 0 15px 0 #000c;transform:rotateX(20deg) rotateY(20deg) rotate(50deg) translateZ(0)}to{border-color:#6bb2cd;box-shadow:inset 0 0 15px 0 #0000001a;transform:rotateX(24deg) rotateY(20deg) rotate(0deg) translateZ(-25px)}}.boxes{--size:32px;--duration:800ms;height:calc(var(--size)*2);margin-top:calc(var(--size)*1.5*-1);position:relative;transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0);transform-origin:50% 50%;transform-style:preserve-3d;width:calc(var(--size)*3)}.boxes .box{height:var(--size);left:0;position:absolute;top:0;transform-style:preserve-3d;width:var(--size)}.boxes .box:first-child{animation:box1 var(--duration) linear infinite;transform:translate(100%)}.boxes .box:nth-child(2){animation:box2 var(--duration) linear infinite;transform:translateY(100%)}.boxes .box:nth-child(3){animation:box3 var(--duration) linear infinite;transform:translate(100%,100%)}.boxes .box:nth-child(4){animation:box4 var(--duration) linear infinite;transform:translate(200%)}.boxes .box>div{--background:#5c8df6;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size)/2);--rotateY:0deg;--rotateX:0deg;background:var(--background);bottom:var(--bottom);height:100%;left:var(--left);position:absolute;right:var(--right);top:var(--top);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));width:100%}.boxes .box>div:first-child{--top:0;--left:0}.boxes .box>div:nth-child(2){--background:#145af2;--right:0;--rotateY:90deg}.boxes .box>div:nth-child(3){--background:#447cf5;--rotateX:-90deg}.boxes .box>div:nth-child(4){--background:#dbe3f4;--top:0;--left:0;--translateZ:calc(var(--size)*3*-1)}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}.brutalist-button,.button-container{display:flex;justify-content:center}.brutalist-button{align-items:center;color:#e5dede;cursor:pointer;flex-direction:column;font-weight:700;height:142px;overflow:hidden;padding:1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.button-1{background-color:#063525;border:3px solid #42c498;border-radius:12px;box-shadow:4px 4px 1px #000}.button-1:disabled{background-color:#2d3748;border-color:#718096;cursor:not-allowed;opacity:.7}.button-1:not(:disabled):hover{background-color:#1a5c46;border-color:#030504;box-shadow:10px 10px 0 #000,15px 15px 20px #40a47a33;transform:translate(-6px,-6px) rotate(1deg)}.button-1:after,.button-1:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;position:absolute;top:0;transition:.6s;width:100%}.button-1:before{left:-100%}.button-1:after{left:100%}.button-1:not(:disabled):hover:before{animation:swipeRight 1.5s infinite}.button-1:not(:disabled):hover:after{animation:swipeLeft 1.5s infinite}@keyframes swipeRight{to{transform:translateX(200%) skew(-45deg)}}@keyframes swipeLeft{to{transform:translateX(-200%) skew(-45deg)}}.class-icon{flex-direction:column;z-index:3}.class-icon,.class-number{align-items:center;display:flex;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.class-number{border:2px solid #42c498;border-radius:50%;font-size:28px;font-weight:700;height:64px;width:64px}.button-text{align-items:center;display:flex;flex-direction:column;line-height:1.2;margin-top:4px;max-height:0;opacity:0;overflow:hidden;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);z-index:3}.button-text span:first-child{color:#42c498;font-size:12px;font-weight:400}.button-text span:last-child{color:#fff;font-size:16px;font-weight:700}.strength-info{align-items:center;display:flex;gap:4px;justify-content:center;margin-top:4px;z-index:3}.strength-text{color:#a7f3d0;font-size:12px}.strength-count{font-size:14px;font-weight:700}.already-taken{bottom:8px;position:absolute;z-index:3}.already-text{color:#f87171;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.brutalist-button:not(:disabled):hover .class-icon{transform:translateY(-10px)}.brutalist-button:not(:disabled):hover .class-number{font-size:20px;height:40px;width:40px}.brutalist-button:not(:disabled):hover .button-text,.brutalist-button:not(:disabled):hover .openai-text{margin-top:8px;max-height:60px;opacity:1}@keyframes spin-and-zoom{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.brutalist-button:not(:disabled):hover .class-number{animation:spin-and-zoom 4s cubic-bezier(.25,.8,.25,1) infinite}.brutalist-button:not(:disabled):hover .button-text{text-shadow:2px 2px 4px #0000004d}.brutalist-button:active:not(:disabled) .button-text,.brutalist-button:active:not(:disabled) .class-number{transform:scale(.95)}
/*# sourceMappingURL=main.446b7e00.css.map*/