@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.animate-fade-in-up{opacity:0;animation:.8s ease-out forwards fade-in-up}.animate-bounce{animation:2s ease-in-out infinite bounce}.animate-fade-in{opacity:0;animation:1s ease-out forwards fade-in-up}
.dots-foreground{background-image:radial-gradient(circle,#1c1c1c 8%,#0000 12%);background-repeat:repeat;background-size:20px 20px}.canvas-mask{-webkit-mask-image:linear-gradient(180.76deg,#fff0 3.08%,#f2f2f2 8.99%,#a8a8a8 11.48%,#9b9b9bcc 89.5%,#9990 99.34%);mask-image:linear-gradient(180.76deg,#fff0 3.08%,#f2f2f2 8.99%,#a8a8a8 11.48%,#9b9b9bcc 89.5%,#9990 99.34%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes dotBackgroundFadeIn{0%{opacity:0}to{opacity:1}}.dot-background-fade-in{opacity:0;animation:3.2s ease-out 1s forwards dotBackgroundFadeIn}
.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;opacity:0;-webkit-mask-composite:xor;pointer-events:none;background:radial-gradient(28.93% 38.46% at 0 69.71%,#7262fdc9 0%,#7262fd00 100%),radial-gradient(21.55% 88.28% at 15.24% 0,#7262fdc9 0%,#7262fd00 100%);padding:1px;transition:opacity .4s ease-in-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-border:hover:before{opacity:1}.card-mask{position:relative}.card-mask:after{--mask-opacity:1;content:"";height:37.5%;opacity:var(--mask-opacity);pointer-events:none;background:linear-gradient(#0000 0%,#0a0a0a 100%);transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.mask-text-animation{animation:2s linear infinite mask-text;-webkit-mask-image:linear-gradient(90deg,#fff3 0%,#fff 25%,#fff3 50%,#fff 75%,#fff3 100%);mask-image:linear-gradient(90deg,#fff3 0%,#fff 25%,#fff3 50%,#fff 75%,#fff3 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%}@keyframes mask-text{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:-100% 0;mask-position:-100% 0}}
.ide-content{counter-reset:line-number}.ide-line{counter-increment:line-number;align-items:flex-start;gap:12px;min-height:20px;line-height:1.25rem;display:flex}.ide-line:before{content:counter(line-number);color:#757881;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;display:flex}.ide-line:hover:before{color:#a0a0a0}.cursor-shape{background:#7262fd;width:29px;height:29px;position:relative;-webkit-mask-image:url(/icons/cursor.svg);mask-image:url(/icons/cursor.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cursor-shape:before{content:"";filter:blur(2px);z-index:-1;background:#00000040;width:29px;height:29px;position:absolute;top:2.64px;left:2.64px;-webkit-mask-image:url(/icons/cursor.svg);mask-image:url(/icons/cursor.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ide-cursor-initial{opacity:0;top:370px;left:420px}@keyframes ide-scroll-to-bottom{0%{transform:translateY(0)}to{transform:translateY(calc(620px - 100%))}}.ide-content.animate-scroll{animation:1.5s ease-in-out 2.8s forwards ide-scroll-to-bottom}@keyframes ide-cursor-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ide-cursor-move{0%{top:370px;left:420px}to{top:278px;left:312px}}.ide-cursor.animate{animation:.8s ease-in-out forwards ide-cursor-fade-in,2s ease-in-out .8s forwards ide-cursor-move}@keyframes ide-cursor-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ide-cursor.animate-float{animation:2s ease-in-out infinite ide-cursor-float}@keyframes mask-fade-out{0%{opacity:1}to{opacity:0}}.card-mask.animate-fade:after{animation:1.5s ease-in-out 2.8s forwards mask-fade-out}
[data-simplebar]{flex-flow:column wrap;place-content:flex-start;align-items:flex-start;position:relative}.simplebar-wrapper{width:inherit;height:inherit;max-width:inherit;max-height:inherit;overflow:hidden}.simplebar-mask{direction:inherit;z-index:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden;width:auto!important;height:auto!important}.simplebar-offset{-webkit-overflow-scrolling:touch;margin:0;padding:0;position:absolute;inset:0;direction:inherit!important;box-sizing:inherit!important;resize:none!important}.simplebar-content-wrapper{direction:inherit;scrollbar-width:none;-ms-overflow-style:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block;position:relative;overflow:auto;box-sizing:border-box!important}.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-content:before,.simplebar-content:after{content:" ";display:table}.simplebar-placeholder{pointer-events:none;width:100%;max-width:100%;max-height:100%}.simplebar-height-auto-observer-wrapper{float:left;z-index:-1;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;width:100%;max-width:1px;height:100%;max-height:1px;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:inherit!important}.simplebar-height-auto-observer{box-sizing:inherit;opacity:0;pointer-events:none;z-index:-1;width:1000%;min-width:1px;height:1000%;min-height:1px;display:block;position:absolute;top:0;left:0;overflow:hidden}.simplebar-track{z-index:1;pointer-events:none;position:absolute;bottom:0;right:0;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{min-height:10px;position:absolute;left:0;right:0}.simplebar-scrollbar:before{content:"";opacity:0;background:#000;border-radius:7px;transition:opacity .2s linear .5s;position:absolute;left:2px;right:2px}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-duration:0s;transition-delay:0s}.simplebar-track.simplebar-vertical{width:11px;top:0}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{height:11px;left:0}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{width:auto;min-width:10px;min-height:0;inset:0 auto 0 0}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{left:0;right:auto}.simplebar-dummy-scrollbar-size{opacity:0;visibility:hidden;direction:rtl;width:500px;height:500px;position:fixed;overflow:scroll hidden;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{visibility:hidden;scrollbar-width:none;-ms-overflow-style:none;position:fixed;left:0;overflow-y:scroll}
.simplebar-track{background:0 0!important;width:7px!important}.simplebar-track.simplebar-vertical{right:4px;width:7px!important}.simplebar-track.simplebar-horizontal{bottom:4px;height:7px!important}.simplebar-scrollbar:before{opacity:1;background:#fff3;border-radius:4px;transition:background-color .2s,opacity .3s;inset:0}.simplebar-scrollbar:hover:before{background:#ffffff4d}.simplebar-scrollbar.simplebar-dragging:before,.simplebar-scrollbar:active:before{background:#fff6}.simplebar-scrollbar.simplebar-vertical{width:7px!important}.simplebar-scrollbar.simplebar-horizontal{height:7px!important}.simplebar-track .simplebar-scrollbar{opacity:0;transition:opacity .3s}.simplebar-track .simplebar-scrollbar.simplebar-visible,.simplebar-hover .simplebar-track .simplebar-scrollbar,.simplebar-track:hover .simplebar-scrollbar,.simplebar-scrollbar.simplebar-dragging{opacity:1}.simplebar-wrapper{width:inherit;height:inherit;max-width:inherit;max-height:inherit;overflow:hidden}.simplebar-mask{direction:inherit;z-index:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden;width:auto!important;height:auto!important}.simplebar-offset{-webkit-overflow-scrolling:touch;margin:0;padding:0;position:absolute;inset:0;direction:inherit!important;box-sizing:inherit!important;resize:none!important}.simplebar-content-wrapper{direction:inherit;scrollbar-width:none;-ms-overflow-style:none;width:auto;max-width:100%;height:100%;max-height:100%;display:block;position:relative;overflow:auto;box-sizing:border-box!important}.simplebar-content-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.simplebar-content:before,.simplebar-content:after{content:" ";display:table}.simplebar-placeholder{pointer-events:none;width:100%;max-width:100%;max-height:100%}.simplebar-height-auto-observer-wrapper{float:left;z-index:-1;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0;width:100%;max-width:1px;height:100%;max-height:1px;margin:0;padding:0;position:relative;overflow:hidden;box-sizing:inherit!important}.simplebar-height-auto-observer{box-sizing:inherit;opacity:0;pointer-events:none;z-index:-1;width:1000%;min-width:1px;height:1000%;min-height:1px;display:block;position:absolute;top:0;left:0;overflow:hidden}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{height:7px;min-height:7px}.simplebar-track.simplebar-vertical .simplebar-scrollbar{width:7px;min-width:7px}[data-theme=dark] .simplebar-scrollbar:before{background:#fff3}[data-theme=dark] .simplebar-scrollbar:hover:before{background:#ffffff4d}[data-theme=dark] .simplebar-scrollbar.simplebar-dragging:before,[data-theme=dark] .simplebar-scrollbar:active:before{background:#fff6}[data-theme=light] .simplebar-scrollbar:before{background:#00000026}[data-theme=light] .simplebar-scrollbar:hover:before{background:#00000040}[data-theme=light] .simplebar-scrollbar.simplebar-dragging:before,[data-theme=light] .simplebar-scrollbar:active:before{background:#00000059}
.grids-bg{background-image:repeating-linear-gradient(#232323 0 1px,#0000 1px 100%),repeating-linear-gradient(90deg,#232323 0 1px,#0000 1px 100%);background-size:66px 66px;-webkit-mask-image:radial-gradient(#000000b3 30%,#0000 100%);mask-image:radial-gradient(#000000b3 30%,#0000 100%)}