@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap);::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000;border-radius:10px}::-webkit-scrollbar-thumb{background:#64646480;border:2px solid #f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#53535380}::-webkit-scrollbar-corner{background:#f1f5f9}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}h1,h2,h3{font-weight:700}header{padding:1.5rem 0}header h1{font-size:2.5rem}main{padding:2rem}section h2{font-size:1.75rem;margin-bottom:1rem}section p{font-size:1.1rem;line-height:1.6}.main-content{padding-left:50px;padding-right:50px}.video-wrapper{border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto;max-width:85%;overflow:hidden;position:relative}.video-wrapper:hover{transform:scale(1.02);transition:transform .3s ease-in-out}.play-overlay{transition:opacity .3s ease-in-out}.video-wrapper:hover .play-overlay{opacity:1}.card{box-shadow:0 0 10px #0000001a}.card-header{font-size:1.25rem}.container{max-width:1100px}footer{background-color:#343a40;color:#fff;margin-top:2rem;padding:1rem 0}.grid-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;height:calc(100vh - 120px);padding:1rem}.ai-code-challenge-editor-card{height:99vh}.ai-code-challenge-editor-card,.editor-card{background-color:#f8f9fa;border-radius:10px;display:flex;flex-direction:column}.editor-card{height:100vh}#editor{background-color:#f0f0f0;border:1px solid #ced4da;border-radius:5px;font-family:Courier New,Courier,monospace;font-size:.7rem;height:97%;line-height:.9rem;overflow-y:auto;padding:.8rem;position:relative;resize:none;scrollbar-color:#64646480 #0000;scrollbar-width:thin;width:100%}#editor::-webkit-scrollbar{width:8px}#editor::-webkit-scrollbar-track{background:#0000}#editor::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#555,#999);border-radius:4px}#editor::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#444,#888)}.editor-scrollbar{flex:1 1;overflow-y:auto}pre code.hljs{display:block!important;overflow-x:inherit!important}code.hljs,pre code.hljs{padding:0!important}.hljs{background:inherit!important;color:inherit!important}.copy-btn{background-color:#343a40;color:#fff;font-size:11px;font-weight:700;opacity:.8;padding:5px;position:absolute;right:10px;top:10px;width:auto;z-index:1}.zoom-btn{background:none;border:none;cursor:pointer;position:absolute}.circle-button{align-items:center;background-color:#f0f0f0;border:2px solid #343a40;border-radius:50%;display:flex;height:16px;justify-content:center;position:relative;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:16px}.circle-button:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.2)}.minus-circle:before,.plus-circle:after,.plus-circle:before{background-color:#343a40;content:"";position:absolute;transition:background-color .3s ease}.circle-button:hover .minus-circle:before,.circle-button:hover .plus-circle:after,.circle-button:hover .plus-circle:before{background-color:#f0f0f0}.plus-circle:before{height:2px;width:60%}.plus-circle:after{height:60%;width:2px}.minus-circle:before{height:2px;width:60%}.pre-div{align-items:start;display:grid!important;grid-template-columns:40px 1fr}.line-number{color:#888;cursor:pointer;text-align:right;-webkit-user-select:none;user-select:none;width:15px}.code-content{padding-left:12px;word-break:break-word}.line-container{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;width:40px}.breakpoint-placeholder{align-items:center;display:flex;height:7px;justify-content:center;margin-right:8px;width:7px}.breakpoint-placeholder.show-icon .breakpoint-icon{background-color:var(--bs-dark);border-radius:50%;cursor:pointer;height:7px;transition:transform .2s,background-color .2s;width:7px}.breakpoint-placeholder.show-icon .breakpoint-icon.active{background-color:var(--bs-dark);box-shadow:0 0 8px #201f1f99}.breakpoint-placeholder.show-icon .breakpoint-icon:hover{background-color:var(--bs-dark);transform:scale(1.2)}.visualize-card{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.logger-drawer{bottom:-150px;height:150px}.logger-drawer,.logger-drawer-closed{background-color:#000c;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;left:0;max-width:100%;position:relative;transition:bottom .3s ease;width:100%;z-index:1000}.logger-drawer-closed{bottom:-20px;height:20px;margin-bottom:10px}.logger-drawer.open{bottom:0}.toggle-icon{align-items:center;background-color:#000c;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:30px}.toggle-icon i{color:#fff;font-size:1.2rem}.logger-content{border-radius:8px;color:#16a085;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.05em;max-height:100%;overflow-y:auto;padding:1rem 10px 1rem 1rem;text-shadow:0 1px 2px #0003}.logger-content::-webkit-scrollbar{width:8px}.logger-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.logger-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border:2px solid #0000;border-radius:10px}.logger-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.logger-content{scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin}.logger,.visualization-canvas{background-color:#f9f9f9;border:2px solid #ddd;border-radius:5px;height:100%;padding:1rem}.get-started-btn{background-color:#343a40;border:2px solid #0000;border-radius:50px;color:#fff;font-size:1.25rem;font-weight:700;padding:.5rem 1.7rem;transition:all .3s ease-in-out}.get-started-btn:hover{background-color:#495057;color:#fff;transform:scale(1.1)}.get-started-btn:active{transform:scale(1.05)}.get-started-btn:focus{outline:none}.main-container{padding:2rem}.content-area{display:flex;gap:2rem}.section-title{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.visualize-card{background-color:#f8f9fa;border-radius:10px;height:100%}.visualization-canvas{align-items:center;background-color:#fafafa;border:2px dashed #ccc;border-radius:5px;display:flex;flex-grow:1;justify-content:center}.visualization-controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.visualization-controls .btn{flex:1 1 auto;padding:.5rem 1rem}.visualization-controls .form-range{max-width:150px;width:100%}.form-range::-webkit-slider-thumb{-webkit-appearance:none;background-color:#343a40;border-radius:50%;cursor:pointer;height:15px;width:15px}.form-range::-moz-range-thumb{background-color:#343a40;border-radius:50%;cursor:pointer;height:15px;width:15px}.logger-card{background-color:#f8f9fa;border-radius:10px;height:250px;overflow-y:auto}.logger{background-color:#fff;border:1px solid #ced4da;border-radius:5px;height:100%;padding:1rem}.logger::-webkit-scrollbar{width:8px}.logger::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.logger::-webkit-scrollbar-thumb:hover{background-color:#555}.complete-btn{background-color:#28a745;border:2px solid #0000;border-radius:50px;color:#fff;font-size:1rem;font-weight:700;padding:.5rem 1.5rem;right:10px;top:10px;transition:all .3s ease-in-out;z-index:10}.complete-btn:hover{background-color:#218838;transform:scale(1.05)}.complete-btn:active{transform:scale(1.02)}.complete-btn:focus{outline:none}.description-card{background-color:#f8f9fa;border-radius:10px;padding:1.5rem}#algorithmDescription,#realLifeUse,#timeComplexity{font-size:.9rem;line-height:1.6;padding-left:25px}.highlight{background-color:#00e676;box-shadow:0 0 10px #00e676;color:#000!important}.calling-highlight{background:linear-gradient(145deg,#fcdc84,#ff5722);box-shadow:0 0 10px #ff9800;color:#000!important}.toggle-btn{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;gap:10px;padding:10px}.toggle-switch{background-color:#e0e0e0;border-radius:24px;height:24px;position:relative;transition:background-color .3s ease;width:50px}.toggle-knob{background-color:#fff;border-radius:50%;height:20px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease;width:20px}.btn-toggle-on .toggle-switch{background-color:#198754}.btn-toggle-off .toggle-switch{background-color:#9e9e9e}.btn-toggle-on .toggle-knob{left:calc(100% - 24px)}.btn-toggle-off .toggle-knob{left:4px}.toggle-label{color:#333;font-size:14px;font-weight:700}.btn-toggle-on .toggle-label{color:#198754}.btn-toggle-off .toggle-label{color:#9e9e9e}.editor-theme-toggle-btn-on .toggle-switch{background-color:#212529}.editor-theme-toggle-btn-off .toggle-switch{background-color:#f0f0f0}.editor-theme-toggle-btn-on .toggle-knob{left:calc(100% - 24px)}.editor-theme-toggle-btn-off .toggle-knob{left:4px}.mute-button{align-items:center;background:radial-gradient(circle,#ffffff1a 30%,#0000 70%);border-radius:50%;cursor:pointer;display:flex;height:45px;justify-content:center;padding:10px;position:relative;transition:all .3s ease;width:45px}.mute-button.unmuted{border:2px solid #198754;box-shadow:0 0 15px 2px #198754}.mute-button.muted{border:2px solid #ffc107;box-shadow:0 0 15px 2px #ffc107}.mute-button .inner-circle{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:30px;justify-content:center;overflow:hidden;position:absolute;width:30px}.mute-button .inner-circle .wave{animation:wave 1.5s infinite;background:#0000001a;border-radius:50%;height:100%;position:absolute;width:100%}.mute-button.muted .inner-circle .wave{display:none}@keyframes wave{0%{opacity:.7;transform:scale(.7)}50%{opacity:.3;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.modal-glass{background:#000c;color:#e0e0e0}.modal-glass,.modal-glass-avatar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0009;padding:5px 20px}.modal-glass-avatar{background:#eeecec99;color:#0a0a0a!important}.modal-header{background:none;border-bottom:none;text-align:center}.modal-title{color:#fff;font-size:1.8rem;font-weight:700;text-shadow:0 2px 5px #00000080}.modal-title-avatar{font-size:1.5rem}.modal-title-avatar,.modal-title-update-variable{color:#020202;font-weight:700;text-shadow:0 2px 5px #eee8e880}.modal-title-update-variable{font-size:1.3rem}.form-control{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-label{font-size:14px;font-weight:700}.btn-glass{border-color:#ffffff1a;border-radius:8px;font-weight:700;padding:.75rem;transition:all .3s ease}.modal-footer a{transition:color .3s ease}.modal-footer a:hover{color:#fff}.otp-inputs{display:flex;gap:.5rem;justify-content:space-between}.otp-input{background-color:initial;border:none;border-bottom:2px solid #000;color:#000;font-size:1.5rem;padding:.1rem;text-align:center;transition:border-color .3s ease,transform .3s ease;width:2.5rem}.otp-input:focus{outline:none;transform:scale(1.1)}.phone-input-container{align-items:center;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;overflow:hidden}.phone-input-container:focus-within{border-color:#eeeaea1a;box-shadow:0 0 0 .2rem #f7f4f41a}.country-code{-webkit-appearance:none;appearance:none;border:none;border-right:1px solid #ced4da;cursor:pointer;font-size:1rem;outline:none;padding:13px}.country-code,.country-code option,.custom-input{background:#0006;color:#fff}.custom-input{border:none;flex:1 1;font-size:14px;outline:none;padding:15px}.custom-input::placeholder{color:#b0b0b0;opacity:.6}.custom-input:focus-within{background:#0006;border-color:#eeeaea1a;box-shadow:0 0 0 .2rem #f7f4f41a;color:#fff}.login-custom-input{background:#fff;border:1px solid #ccc;color:#000;flex:1 1;font-size:14px;padding:15px}.disabled-input-box{background-color:#ced4da!important;color:#000}.btn-close{border:none;cursor:pointer;outline:none;padding:0;position:relative}.animated-modal-close-button{background-color:initial;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.animated-modal-close-button:hover{transform:scale(1.2)}.animated-modal-close-button:active{box-shadow:0 0 15px #0000004d;transform:scale(.9)}.btn-close:active{border:2px solid #aaa}.btn-close{filter:brightness(0) invert(1);opacity:.8}input:-webkit-autofill{background-color:inherit!important;border:1px solid #ccc;box-shadow:inset 0 0 0 1000px #fff;color:inherit!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:autofill{background-color:inherit!important;color:inherit!important}.modal-footer .anchor-tag:hover{color:#000!important}.animated-response{animation:fadeInBounce .6s ease-in-out;border-radius:8px;color:#1a73e8;font-weight:500;margin-top:15px}.opacity-95{opacity:.95}@keyframes fadeInBounce{0%{opacity:0;transform:translateY(-10px)}50%{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.testimonial footer{color:#fff}.email-verification-container{align-items:center;display:flex;height:100vh;justify-content:center}.custom-dropdown{-webkit-appearance:none;appearance:none;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#f0f0f0;font-size:16px;outline:none;padding:10px 15px;transition:all .3s ease;width:100%}.custom-dropdown:focus,.custom-dropdown:hover{background-color:#292929;border-color:#555}.custom-dropdown option{background-color:#1e1e1e;color:#f0f0f0;padding:10px}.custom-dropdown::-webkit-scrollbar{width:8px}.custom-dropdown::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.custom-dropdown::-webkit-scrollbar-thumb:hover{background-color:#777}.custom-dropdown-profile{-webkit-appearance:none;appearance:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-size:16px;outline:none;padding:13px 15px;transition:all .3s ease;width:100%}.custom-dropdown-profile::-webkit-scrollbar{width:8px}.custom-dropdown-profile::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.custom-dropdown-profile::-webkit-scrollbar-thumb:hover{background-color:#777}.profile-avatar-wrapper{cursor:pointer;display:inline-block;position:relative}.profile-avatar{border-radius:50%;box-shadow:0 6px 20px #0006;cursor:pointer;height:120px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:120px}.avatar-in-modal{cursor:pointer}.avatar-in-modal:hover{box-shadow:0 6px 20px #0006;overflow:hidden;transform:scale(1.3);transition:transform .3s ease,box-shadow .3s ease}.avatar-overlay{background:linear-gradient(180deg,#fff6,#0009);border-radius:50%;height:90%;left:0;top:0;transition:opacity .4s ease;width:100%}.avatar-overlay,.edit-icon{opacity:0;position:absolute}.edit-icon{color:#fff;font-size:1rem;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);transition:opacity .3s ease,transform .3s ease}.profile-avatar-wrapper:hover .avatar-overlay,.profile-avatar-wrapper:hover .edit-icon{opacity:1}.profile-avatar-wrapper:hover .edit-icon{transform:translate(-50%,-50%) scale(1)}.profile-avatar:after{background-color:#00000080;border-radius:5px;color:#fff;content:"Change Avatar";font-size:.9rem;font-weight:700;left:50%;opacity:0;padding:5px 10px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.profile-avatar-wrapper:hover .profile-avatar:after{opacity:1}.dropdown-dark{background-color:#212529;border:none;border-radius:8px;box-shadow:0 8px 16px #0000004d;overflow:hidden;transition:all .3s ease}.dropdown-dark .dropdown-item{color:#fff;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}.dropdown-dark .dropdown-item:focus,.dropdown-dark .dropdown-item:hover{background-color:#343a40;color:#fff;transform:translateX(5px)}.dropdown-dark .dropdown-item:active{background-color:#495057;color:#fff;transform:translateX(0)}.dropdown-dark .dropdown-divider{border-color:#ffffff26}.user-progress-animation-container{align-items:center;display:flex;flex-direction:column}.user-progress-circle{align-items:center;animation:user-progress-scaleUp .5s ease-in-out;border-radius:50%;display:flex;font-size:44px;font-weight:700;height:100px;justify-content:center;margin-bottom:10px;width:100px}.user-progress-success .user-progress-circle{background-color:#28a745}.user-progress-failure .user-progress-circle{background-color:#dc3545}.user-progress-cross-mark,.user-progress-tick-mark{color:#fff}.user-progress-fail-message{color:#e01717;font-weight:700}.user-progress-success-message{color:#07a120;font-weight:700}@keyframes user-progress-scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}.user-progress-close-btn{background-color:#495057;border:2px solid #0000;border-radius:20px;color:#fff;font-size:1rem;font-weight:700;padding:.2rem 1rem;transition:all .3s ease-in-out}.user-progress-close-btn:hover{background-color:#495057;color:#fff;transform:scale(1.1)}.user-progress-close-btn:active{transform:scale(1.05)}.user-progress-close-btn:focus{outline:none}.learning-topics{padding-left:50px;padding-right:50px;padding-top:20px}.modern-btn{border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:10px 20px;transition:all .3s ease}.modern-btn,.modern-btn:hover{background:linear-gradient(135deg,#343a40,#4e555c)}.modern-btn:hover{box-shadow:0 6px 8px #0003,0 3px 5px #00000026;transform:scale(1.05)}.modern-btn:active{box-shadow:0 3px 5px #0003;transform:scale(.95)}.modern-btn:disabled{cursor:not-allowed;opacity:.9;transform:none}.delay-btn{cursor:grabbing}.btn-loading,.delay-btn:disabled{cursor:not-allowed}.btn-loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#212529,#495057);transition:all .3s ease}.btn-verified{color:#fff;transition:all .3s ease}.subscribe-link .badge{display:inline-block;transition:all .3s ease-in-out}.subscribe-link .badge:hover{background-color:#343a40;box-shadow:5px 4px 8px #0003}.dot-ellipsis span{animation:blink 1.4s infinite;font-size:16px;font-weight:700}.dot-ellipsis span:first-child{animation-delay:0s}.dot-ellipsis span:nth-child(2){animation-delay:.2s}.dot-ellipsis span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.testimonial-section{background:linear-gradient(90deg,#f8f9fa,#e9ecef);color:#212529}.testimonial-card{background:#fff;border:none;border-radius:10px;max-width:600px}.testimonial-avatar img{border:3px solid #6c757d;height:100px;width:100px}.testimonial-quote{color:#495057;font-size:1.25rem;font-style:italic;line-height:1.6}.blockquote-footer{color:#f2f0ef;font-size:14px}.carousel-control-next-icon,.carousel-control-prev-icon{filter:invert(1)}.carousel-indicators{position:relative}.carousel-indicators .dot{background-color:#d6d6d6;border:none;border-radius:50%;height:12px;margin:0 6px;transition:background-color .3s ease;width:12px}.carousel-indicators .dot.active{background-color:#6c757d}.floating-drawer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e6e6;border-radius:20px 0 0 20px;padding:5px;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:width .3s ease,height .3s ease,padding .3s ease;z-index:1000}.floating-drawer.closed{align-items:center;border-radius:0 10px 10px 0;display:flex;height:0;justify-content:center;padding:5px;width:0}.floating-drawer.open{align-items:center;display:flex;flex-direction:column}.toggle-button{background:#e6e6e6;border:none;-webkit-clip-path:circle(50% at 75% 50%);clip-path:circle(50% at 75% 50%);color:#838080;font-size:18px;font-weight:700;height:40px;justify-content:right;left:-32px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .3s ease,box-shadow .3s ease;width:40px}.drawer-icon,.toggle-button{align-items:center;cursor:pointer;display:flex}.drawer-icon{justify-content:center;margin:15px 0;position:relative;transition:transform .4s ease,box-shadow .3s ease}.drawer-icon img{border-radius:50%;filter:drop-shadow(0 3px 5px rgba(148,147,147,.2));height:32px;transition:transform .4s ease,filter .3s ease;width:32px}.drawer-icon:hover img{transform:scale(1.2)}.tooltip{background-color:#212529;border-radius:8px;bottom:-30px;color:#fff;font-size:12px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.drawer-icon:hover .tooltip{opacity:1;transform:translateY(0)}.padding-25px{padding:25px}.language-dropdown-menu{background-color:#f8f9fa!important}.language-dropdown-menu .dropdown-item{color:#212529;font-size:15px;line-height:1.2;transition:background-color .3s ease,transform .2s ease}.language-dropdown-menu .dropdown-item:hover{background-color:#e2e6ea!important;cursor:pointer;transform:translateX(3px)}.ai-challenge-language-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 3px #212529;cursor:pointer;font-size:14px;outline:none;padding:8px 12px;position:absolute;right:0;transition:all .2s ease-in-out}.ai-challenge-language-dropdown:focus,.ai-challenge-language-dropdown:hover{box-shadow:0 2px 8px #212529}.ai-challenge-language-dropdown option{background:#fff;color:#333;padding:5px}.ai-challenge-dropdown{-webkit-appearance:none;appearance:none;background-color:#f8f9fa;border:1px solid #ced4da;box-shadow:0 4px 10px #0000004d;font-size:16px;font-weight:500;padding:10px 15px}.ai-challenge-dropdown-ul{border:1px solid #e3e6eb;box-shadow:0 8px 16px #00000026}.generate-challenge-btn{border-radius:10px!important;font-size:16px;font-weight:700;padding:8px 12px;text-align:center;transition:all .3s ease-in-out}.generate-challenge-btn:hover{transform:scale(1.05)}.generate-challenge-btn:active{transform:scale(.98)}.generate-challenge-btn:disabled{cursor:not-allowed}.font-15{font-size:15px}.monaco-editor-wrapper{border:1px solid #ced4da!important;border-radius:4px;overflow:hidden}.ai-challenge-btn{background:linear-gradient(135deg,#5d5fef,#9320d2);border:none;border-radius:15px;box-shadow:0 4px 15px #5d5fef66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease-in-out}.ai-challenge-btn:hover{background:linear-gradient(135deg,#764af1,#b435e9);box-shadow:0 0 20px #764af1cc}.ai-challenge-btn:disabled{background:linear-gradient(135deg,#764af1,#b435e9);cursor:not-allowed;opacity:.8}.ai-code-pre{word-wrap:break-word;overflow:hidden;padding-left:15px;white-space:pre-wrap;word-break:break-word}.ai-code-heading{font-size:20px;font-weight:700;padding-bottom:7px}.ai-challenge-div{scrollbar-color:#64646480 #0000;scrollbar-width:thin}.ai-challenge-div::-webkit-scrollbar{width:8px}.ai-challenge-div::-webkit-scrollbar-track{background:#0000}.ai-challenge-div::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#555,#999);border-radius:4px}.ai-challenge-div::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#444,#888)}.height-85-vh{height:85vh}.ai-loader{list-style:none;margin:0;padding:0;width:5em}.ai-loader li{align-items:center;animation:anim 1s ease-in-out infinite;border-radius:50%;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center;will-change:transform,filter}:root{--dusk-purple:#5a496e;--dusk-blue:#4a5e88;--dusk-cyan:#5f8a8b;--dusk-orange:#de935f;--dusk-red:#a45a52}.ai-loader li:first-child{height:1em;width:1em}.ai-loader li:first-child:after{border-radius:50%;box-shadow:1em 0 0 #5a496e33,-1em 0 0 #4a5e8833,0 1em 0 #5f8a8b33,0 -1em 0 #de935f33;content:"";display:block;font-size:20%;height:1em;width:1em}.ai-loader li:nth-child(2){animation-delay:.1s;height:2em;width:2em}.ai-loader li:nth-child(2):after{border-radius:50%;box-shadow:1.5em 0 0 #5a496e66,-1.5em 0 0 #4a5e8866,0 1.5em 0 #5f8a8b66,0 -1.5em 0 #de935f66;content:"";display:block;font-size:40%;height:1em;width:1em}.ai-loader li:nth-child(3){animation-delay:.15s;height:3em;width:3em}.ai-loader li:nth-child(3):after{border-radius:50%;box-shadow:2em 0 0 #5a496e99,-2em 0 0 #4a5e8899,0 2em 0 #5f8a8b99,0 -2em 0 #de935f99;content:"";display:block;font-size:55%;height:1em;width:1em}.ai-loader li:nth-child(4){animation-delay:.2s;height:4em;width:4em}.ai-loader li:nth-child(4):after{border-radius:50%;box-shadow:2.5em 0 0 #5a496ecc,-2.5em 0 0 #4a5e88cc,0 2.5em 0 #5f8a8bcc,0 -2.5em 0 #de935fcc;content:"";display:block;font-size:75%;height:1em;width:1em}.ai-loader li:nth-child(5){animation-delay:.25s;height:5em;width:5em}.ai-loader li:nth-child(5):after{border-radius:50%;box-shadow:3em 0 0 #5a496e,-3em 0 0 #4a5e88,0 3em 0 #5f8a8b,0 -3em 0 #de935f;box-shadow:3em 0 0 var(--dusk-purple),-3em 0 0 var(--dusk-blue),0 3em 0 var(--dusk-cyan),0 -3em 0 var(--dusk-orange);content:"";display:block;font-size:90%;height:1em;width:1em}@keyframes anim{50%{filter:blur(2px)}90%,to{filter:blur(0);transform:rotate(1turn)}}.social-icons{display:flex;gap:20px}.social-btn{align-items:center;border-radius:50%;box-shadow:0 4px 10px #0003;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;width:50px}.social-btn:hover{box-shadow:0 6px 15px #0000004d;transform:scale(1.1)}.linkedin{background:#0077b5}.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.youtube{background:red}@media (max-width:768px){.drawer-icon img{height:35px;width:35px}.tooltip{font-size:10px}.toggle-button{justify-content:left}}@media (max-width:1200px){.logger,.visualization-canvas{height:auto}}@media (max-width:768px){.content-area{flex-direction:column}.pading-10{padding-top:10px}.visualization-canvas{height:auto}.logger-card{height:200px}.learning-topics,.main-content{padding-left:20px;padding-right:20px}.learning-topics{padding-top:20px}.mobile-header{font-size:30px}}@media (max-width:576px){.main-container{padding:1rem}.pading-10{padding-top:10px}.visualization-canvas{height:auto}.logger-card{height:180px}.section-title{font-size:1.25rem}.visualization-controls .form-range{width:120px}.learning-topics,.main-content{padding-left:20px;padding-right:20px}.learning-topics{padding-top:20px}.mobile-header{font-size:30px}}@media (max-width:1200px){.grid-container{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}}@media (max-width:768px){.grid-container{grid-template-columns:1fr;grid-template-rows:auto}.logger-drawer{bottom:-20vh;height:20vh}.copy-btn{font-size:10px;padding:5px 0;width:50px}.pre-div{align-items:start;display:grid;grid-template-columns:35px 1fr}}@media (max-width:576px){.logger-drawer{bottom:-10vh;height:10vh}.copy-btn{font-size:10px;padding:5px 0;width:50px}.pre-div{align-items:start;display:grid;grid-template-columns:25px 1fr}}@media only screen and (max-width:767px) and (orientation:landscape){.content-area{flex-direction:row!important}.content-area .col-lg-6{flex:1 1;max-width:50%}.pre-div{align-items:start;display:grid;grid-template-columns:20px 1fr}.copy-btn{font-size:10px;padding:5px 0;width:50px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{background:#fff;color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{background-color:#f0fff4;color:#22863a}.hljs-deletion{background-color:#ffeef0;color:#b31d28}.visualization-container{align-items:center;background-color:#121212;border-radius:10px;box-shadow:0 0 10px #00000080;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;padding:20px;width:100%}.variables-container{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.variable-box{background:linear-gradient(145deg,#444,#222);border:2px solid #00e676;border-radius:10px;box-shadow:5px 5px 10px #00e6764d,-5px -5px 10px #000000b3;color:#fff;display:flex;flex-direction:column;height:70px;justify-content:space-between;margin-right:15px;min-width:70px;padding:10px;position:relative;text-align:center;width:auto}.variable-value{align-items:center;display:flex;flex-grow:1;font-size:18px;font-weight:700;justify-content:center}.variable-name{border-top:1px dotted #00e676}.variable-name,.variable-name-highlighted{font-size:10px;margin-top:5px;padding-top:5px}.variable-name-highlighted{border-top:1px dotted #000}.variable-address{background:linear-gradient(145deg,#00e676,#004d40);border-radius:0 0 7px 7px;box-shadow:2px 2px 1px #00e6764d,-2px -2px 1px #000000b3;font-size:14px;margin-bottom:20px;margin-top:1px;text-align:center;width:80%}.array-container{align-items:center;display:flex;justify-content:center;padding-bottom:20px}.left-container-merge-sort{padding:10px}.right-container-merge-sort{margin-left:15px;padding:10px}.array-variable-box{border:2px solid #00e676;border-radius:10px 0 0 10px;box-shadow:5px 5px 10px #00e6764d,-5px -5px 10px #000000b3}.array-variable-box,.array-variable-box-highlighted{align-items:center;background:linear-gradient(145deg,#444,#222);color:#fff;display:flex;height:60px;justify-content:center;text-align:center;width:auto}.array-variable-box-highlighted{border:2px solid #ffeb3b;border-radius:10px 0 0 10px;box-shadow:5px 5px 10px #ff5722,-5px -5px 10px #000000b3}.array-variable-name{font-size:16px;font-weight:700;padding:5px}.array-box{border-bottom:2px solid #00e676;border-left:2px solid #00e676;border-top:2px solid #00e676}.array-box,.array-highlighted-box{background:linear-gradient(145deg,#444,#222);color:#fff;display:flex;flex-direction:column;height:60px;justify-content:space-between;position:relative;text-align:center;width:50px}.array-highlighted-box{border-bottom:2px solid #ffeb3b;border-left:2px solid #ffeb3b;border-top:2px solid #ffeb3b}.array-box:first-child{border-left:none}.array-box:last-child{border-radius:0 10px 10px 0;border-right:2px solid #00e676}.array-highlighted-box:last-child{border-radius:0 10px 10px 0;border-right:2px solid #ffeb3b}.array-index-value{flex-direction:column;height:100%;width:100%}.array-index-value,.array-value{align-items:center;display:flex;justify-content:center}.array-value{flex-grow:1;font-size:18px;font-weight:700;overflow:hidden;word-break:break-word}.array-index{border-bottom:1px dotted #00e676;color:#bbb;font-size:14px;margin-bottom:5px;padding-bottom:5px;text-align:center;width:100%}.highlighted{border:2px solid #ff9800}.highlighted,.highlighted-array{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000}.highlighted-array-index{border-bottom:1px dotted #000;color:#000;font-size:11px;margin-bottom:5px;padding-bottom:9px;text-align:center;width:100%}.string-container-wrapper{align-items:center;display:block;justify-content:center}.string-container{padding-bottom:20px}.string-container,.string-variable-box{align-items:center;display:flex;justify-content:center}.string-variable-box{border:2px solid #00e676;border-radius:10px 0 0 10px;box-shadow:5px 5px 10px #00e6764d,-5px -5px 10px #000000b3}.string-variable-box,.string-variable-box-highlighted{background:linear-gradient(145deg,#444,#222);color:#fff;height:60px;text-align:center;width:auto}.string-variable-box-highlighted{align-items:center;border:2px solid #ffeb3b;border-radius:10px 0 0 10px;box-shadow:5px 5px 10px #ff5722,-5px -5px 10px #000000b3;display:flex;justify-content:center}.string-variable-name{font-size:12px;font-weight:700;padding:5px}.string-box{border-bottom:2px solid #00e676;border-left:2px solid #00e676;border-top:2px solid #00e676}.string-box,.string-highlighted-box{background:linear-gradient(145deg,#444,#222);color:#fff;display:flex;flex-direction:column;height:60px;justify-content:space-between;position:relative;text-align:center;width:23px}.string-highlighted-box{border-bottom:2px solid #ffeb3b;border-left:2px solid #ffeb3b;border-top:2px solid #ffeb3b;min-width:20px}.string-box:first-child{border-left:none}.string-box:last-child{border-radius:0 10px 10px 0;border-right:2px solid #00e676}.string-highlighted-box:last-child{border-radius:0 10px 10px 0;border-right:2px solid #ffeb3b}.string-index-value{flex-direction:column;height:100%;width:100%}.string-index-value,.string-value{align-items:center;display:flex;justify-content:center}.string-value{flex-grow:1;font-size:12px;font-weight:700;overflow:hidden;word-break:break-word}.string-index{border-bottom:1px dotted #00e676;color:#bbb;font-size:11px;margin-bottom:5px;padding-bottom:5px;text-align:center;width:100%}.highlighted-str,.highlighted-string{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000}.highlighted-str{border:2px solid #ff9800}.highlighted-string-index{border-bottom:1px dotted #000;color:#000;font-size:9px;margin-bottom:5px;padding-bottom:9px;text-align:center;width:100%}.highlighted-variable{background:linear-gradient(145deg,#ffeb3b,#ff5722);border:2px solid #ff9800;border-radius:10px;box-shadow:5px 5px 10px #ff5722,-5px -5px 10px #000000b3;color:#000}.main-array-container,.variables-container{margin-bottom:20px}.parent-child-container{margin-bottom:20px;position:relative}.parent-name{font-weight:700;margin-bottom:5px}.child-container{padding-left:10px;position:relative}.left-container-merge-sort,.right-container-merge-sort{width:50%}.dictionary-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center}.dictionary-container{border:2px solid #00e676;border-radius:8px;box-shadow:5px 5px 10px #00e676,-5px -5px 10px #00e676;color:#fff}.dictionary-container,.highlighted-dictionary-container{grid-gap:1px;display:grid;gap:1px;grid-template-columns:1fr 1.2fr;margin-bottom:40px;overflow:hidden;width:-webkit-fit-content;width:fit-content}.highlighted-dictionary-container{border-radius:8px;box-shadow:5px 5px 10px #ffeb3b,-5px -5px 10px #ffeb3b}.dictionary-row{background:linear-gradient(145deg,#444,#222);font-size:11px;padding:10px;width:auto}.highlighted-dictionary-row{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000;font-size:11px;padding:10px;width:auto}.dictionary-cell{background:linear-gradient(145deg,#444,#222);font-size:14px;padding:10px}.dictionary-cell.merged,.highlighted-dictionary-cell.merged{grid-column:span 2;text-align:center}.stack-container-wrapper{align-items:center;display:flex;justify-content:center}.stack-container{border:2px solid #00e676;border-radius:8px;box-shadow:5px 5px 10px #00e676,-5px -5px 10px #00e676;color:#fff}.highlighted-stack-container,.stack-container{display:grid;grid-template-columns:0fr 1fr;height:-webkit-fit-content;height:fit-content;margin-bottom:40px;overflow:hidden;width:-webkit-fit-content;width:fit-content}.highlighted-stack-container{border-radius:8px;box-shadow:5px 5px 10px #ffeb3b,-5px -5px 10px #ffeb3b}.stack-top-row{background:linear-gradient(145deg,#444,#222)}.highlighted-stack-top-row,.stack-top-row{font-size:9px;height:26px;padding:10px 4px 4px;white-space:nowrap;width:auto}.highlighted-stack-top-row{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000}.stack-row{background:linear-gradient(145deg,#444,#222);padding:10px}.highlighted-stack-row,.stack-row{font-size:11px;height:35px;width:auto}.highlighted-stack-row{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000;text-align:center}.stack-top-cell{background:linear-gradient(145deg,#444,#222)}.highlighted-stack-top-cell,.stack-top-cell{font-size:9px;height:26px;min-width:40px;padding:10px;text-align:center}.highlighted-stack-top-cell{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000}.stack-cell{background:linear-gradient(145deg,#444,#222);font-size:14px;height:35px;padding:10px}.highlighted-stack-cell{height:35px}.highlighted-dictionary-cell,.highlighted-stack-cell{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000;font-size:14px;padding:10px}.class-diagram{border:2px solid #00e676;box-shadow:3px 3px 5px #00e676,-3px -3px 5px #00e676;color:#fff;margin:20px;width:auto}.highlighted-class-diagram{border:2px solid #ffeb3b;box-shadow:5px 5px 10px #ffeb3b,-5px -5px 10px #ffeb3b;margin:20px;width:auto}.class-name{background:linear-gradient(145deg,#444,#222);border-bottom:2px dashed #00e676}.class-name,.highlighted-class-name{font-weight:700;padding:5px;text-align:center}.highlighted-class-name{background:linear-gradient(145deg,#ffeb3b,#ff5722);border-bottom:2px dashed #000;color:#000}.attributes,.methods{background:linear-gradient(145deg,#444,#222);border-bottom:2px dashed #00e676;padding:5px}.highlighted-attributes,.highlighted-methods{background:linear-gradient(145deg,#ffeb3b,#ff5722);border-bottom:2px dashed #000;color:#000;padding:5px}.methods{border-bottom:none}.object-name{background:linear-gradient(145deg,#444,#00e676)}.highlighted-object-name,.object-name{font-weight:700;padding:5px;text-align:center}.highlighted-class-method,.highlighted-object-name{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000}.interface-name{background:linear-gradient(145deg,#ffeb3b,#00e676)}.highlighted-interface-name,.interface-name{color:#000;font-weight:700;padding:5px;text-align:center}.highlighted-interface-name{background:linear-gradient(145deg,#ffeb3b,#ff5722)}.node-container{display:flex}.node-block{padding-right:40px}.node{border:2px solid #00e676;box-shadow:3px 3px 5px #00e676,-3px -3px 5px #00e676}.highlighted-node,.node{display:flex;font-size:12px;font-weight:700;height:50px;position:relative;width:70px}.highlighted-node{border:2px solid #ffeb3b;box-shadow:3px 3px 5px #ffeb3b,-3px -3px 5px #ffeb3b}.node-data,.node-pointer{width:50%}.node-data,.node-full,.node-pointer{align-items:center;background:linear-gradient(145deg,#444,#222);color:#fff;display:flex;height:100%;justify-content:center;text-align:center}.node-full{width:100%}.highlighted-node-data,.highlighted-node-pointer{align-items:center;background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000;display:flex;font-size:11px;height:100%;justify-content:center;text-align:center;width:50%}.node-pointer{border-left:1px solid #bbb;font-size:11px;width:50%}.node-address{background:linear-gradient(145deg,#00e676,#004d40);box-shadow:2px 2px 1px #00e6764d,-2px -2px 1px #000000b3}.highlighted-node-address,.node-address{border-radius:0 0 7px 7px;font-size:14px;text-align:center}.highlighted-node-address{background:linear-gradient(145deg,#ffeb3b,#ff5722);box-shadow:2px 2px 1px #ffeb3b,-2px -2px 1px #ffeb3b;color:#000}.scrollable-content{height:100px;overflow-x:hidden;overflow-y:scroll}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-thumb{background-color:#76ff03;background-color:#444;border-radius:10px}.tree-node{align-items:center;color:#fff;display:flex;flex-direction:column;margin-left:17px;margin-right:17px;position:relative}.node-box{background:linear-gradient(145deg,#444,#222);border:2px solid #00e676;border-radius:4px;box-shadow:3px 3px 5px #00e676,-3px -3px 5px #00e676}.highlighted-node-box,.node-box{display:flex;height:35px;justify-content:space-between;text-align:center;width:95px}.highlighted-node-box{background:linear-gradient(145deg,#ffeb3b,#ff5722);border:2px solid #ffeb3b;border-radius:4px;box-shadow:3px 3px 5px #ffeb3b,-3px -3px 5px #ffeb3b;color:#000}.data-part,.left-part,.right-part{font-size:10px;font-weight:700;padding-top:10px;width:40px}.highlighted-data-part,.highlighted-left-part,.highlighted-right-part{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000;font-size:10px;font-weight:700;padding-top:10px;width:40px}.data-part,.highlighted-data-part{border-left:1px solid #000;border-right:1px solid #000;font-size:15px;font-weight:700;padding-top:6px}.highlighted-data-part{background:linear-gradient(145deg,#ffeb3b,#ff5722);color:#000}.child-nodes{display:flex;justify-content:space-between;margin-top:50px;width:100%}.left-child,.right-child{align-items:center;display:flex;flex-direction:column}.tree-node-address{background:linear-gradient(145deg,#00e676,#004d40);box-shadow:2px 2px 1px #00e6764d,-2px -2px 1px #004d40}.highlighted-tree-node-address,.tree-node-address{border-radius:0 0 7px 7px;justify-content:space-between;text-align:center}.highlighted-tree-node-address{background:linear-gradient(145deg,#ffeb3b,#ff5722);box-shadow:3px 3px 5px #ffeb3b,-3px -3px 5px #ffeb3b;color:#000}.line-through{color:#ff5722;text-decoration:line-through}.graph-container{height:400px;position:relative;width:500px}.graph-node{border:2px solid #00e676;border-radius:50%;box-shadow:0 0 10px #00e676,0 0 10px #00e676;color:#fff}.graph-node,.highlighted-graph-node{align-items:center;background:linear-gradient(145deg,#444,#222);display:flex;flex-direction:column;font-size:14px;font-weight:700;height:60px;justify-content:center;position:absolute;width:60px;z-index:1}.highlighted-graph-node{background:linear-gradient(145deg,#ffeb3b,#ff5722);border-radius:50%;box-shadow:0 0 10px #ffeb3b,0 0 10px #ffeb3b;color:#000}.graph-memory-address{font-size:12px;margin-bottom:5px}.graph-value{font-size:16px}.graph-line{background-color:#00e676;height:2px;position:absolute;transform-origin:0 50%;z-index:0}.graph-line:after{border-bottom:7px solid #0000;border-left:12px solid #00e676;border-top:7px solid #0000;content:"";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0}.highlighted-graph-line{background-color:#00e676;height:2px;position:absolute;transform-origin:0 50%;z-index:0}.highlighted-graph-line:after{border-bottom:12px solid #0000;border-left:17px solid #ff5722;border-top:12px solid #0000;content:"";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0}
/*# sourceMappingURL=main.ab15883d.css.map*/