@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--primary:#fff;--primary-rgb:255,255,255;--secondary:#3f40c7;--secondary-rgb:63,64,199;--tertiary:#ffb800;--tertiary-rgb:255,184,0;--gradient-top:#4155bf;--gradient-bottom:#3a00de;--line-thick:4px;--line-standard:2px;--line-thin:1px;--font-xl:36px;--font-l:24px;--font-m:16px;--font-std:12px;--font-s:11px}body{margin:0;width:100%;height:100%;color:#fff;color:var(--primary);font-family:"Space Mono",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{height:100vh;background-color:#3a00de;background-color:var(--gradient-bottom);background-image:linear-gradient(34deg,#3a00de,#4155bf);background-image:linear-gradient(34deg,var(--gradient-bottom),var(--gradient-top));position:relative}h1,h2,h3{font-weight:400}a{color:var(--priamry);text-decoration:none}.header-logo{font-size:36px;font-size:var(--font-xl);position:fixed;top:30px;left:40px}.nav-container{padding-top:20px;display:flex;width:100%;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sort-list{display:flex;align-self:center;justify-content:center;list-style:none;top:0;margin:0;-webkit-padding-start:0;padding-inline-start:0}.sort-list>li{padding:0 20px;margin:0}.sort-list>li>a{display:flex;flex-direction:column;align-items:center;padding:12px 12px 8px;border-radius:10px;transition:all .25s}.sort-list>li>a:hover{color:#3f40c7;color:var(--secondary);background-color:#fff;background-color:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%233f40c7' fill-opacity='.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E")}.sort-list>li>a:hover svg{fill:#3f40c7;fill:var(--secondary)}.sort-list>li>a>svg{margin-bottom:10px;transition:all .25s}.main-container{width:100%;display:flex;height:calc(100% - 134px);outline:none}canvas{outline:none;z-index:1}.color-test{color:63,64,199;color:var(--secondary-rgb);fill:63,64,199;fill:var(--secondary-rgb);background-color:63,64,199;background-color:var(--secondary-rgb);height:500px}.info-container{position:absolute;bottom:0;padding:40px;z-index:100}.info{list-style:none;-webkit-padding-start:0;padding-inline-start:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.info>li{margin:20px 0}.info>li:last-child{margin:0}.visualiser-container{height:100%}.visualiser,.visualiser-container{bottom:0;display:flex;align-self:center;justify-content:center;align-items:flex-end;width:100%}.visualizer-buttons{display:flex;align-items:center;justify-content:center;bottom:20px}.toast,.visualizer-buttons{position:absolute;z-index:100}.toast{top:0;right:0;padding:20px 25px 25px}.toast>p{margin:0;font-size:11px;font-size:var(--font-s);padding:20px;font-style:italic}.btn-icon{fill:#fff;fill:var(--primary)}.btn-icon-secondary{fill:#3f40c7;fill:var(--secondary)}.btn-sort{display:flex;flex-direction:column;align-items:center;align-self:center;font-size:24px;font-size:var(--font-l);padding:10px 20px 15px;color:#3f40c7;color:var(--secondary);background-color:#fff;background-color:var(--primary);font-family:"Space Mono",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none;border:none;border-radius:10px;cursor:pointer;box-shadow:3.5px 3.5px 0 #3f40c7,6px 6px 0 #fff;box-shadow:3.5px 3.5px 0 var(--secondary),6px 6px 0 var(--primary);transition:all .25s;position:absolute;right:150px;z-index:100}.btn-sort:hover{transform:translate(6px,6px);box-shadow:0 0 0 #3f40c7,0 0 0 #fff;box-shadow:0 0 0 var(--secondary),0 0 0 var(--primary)}.btn-sort-icon{margin-top:5px}.active{color:#3f40c7;color:var(--secondary);background-color:#fff;background-color:var(--primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%233f40c7' fill-opacity='.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E")}.active>svg{fill:#3f40c7;fill:var(--secondary)}.visualizer-buttons>button{margin:20px;font-size:16px;font-size:var(--font-m);padding:13px 20px;color:#fff;color:var(--primary);background-color:rgba(63,64,199,.4);background-color:rgba(var(--secondary-rgb),.4);font-family:"Space Mono",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none;border:2px solid #fff;border:2px solid var(--primary);border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s}.visualizer-buttons>button:hover{color:#3f40c7;color:var(--secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath fill='%233f40c7' fill-opacity='.2' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'/%3E%3C/svg%3E")}.array-bar,.visualizer-buttons>button:hover{background-color:#fff;background-color:var(--primary)}.array-bar{width:2px;display:inline-block;margin:0 1px}.slider-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:250px;margin:0 30px 30px}.slider-container>p{margin-bottom:25px}.slider{direction:rtl}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid #fff;border:3px solid var(--primary);height:25px;width:25px;border-radius:50%;background:#3f40c7;background:var(--secondary);cursor:pointer;margin-top:-11px}::selection{color:#3f40c7;color:var(--secondary);background:hsla(0,0%,100%,.996);background:rgba(var(--primary-rgb),.996)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#fff;background:var(--primary);border-radius:40px;border:.2px solid var(primary)}.dos-atari-mode{position:absolute;bottom:10px;right:30px;display:flex;flex-direction:column;align-items:center;width:100px}.switch input{position:absolute;opacity:0;cursor:pointer}.switch{margin:5px 10px 25px;display:inline-block;font-size:20px;width:2em;background:hsla(0,0%,100%,.2);background:rgba(var(--primary-rgb),.2);border:2px solid #fff;border:2px solid var(--primary);border-radius:1em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.switch,.switch div{height:1em;cursor:pointer}.switch div{width:1em;border-radius:1em;background:#fff;background:var(--primary);box-shadow:0 .1em .3em rgba(0,0,0,.3);transition:all .3s}.switch input:checked+div{transform:translate3d(100%,0,0)}
/*# sourceMappingURL=main.2c58579c.chunk.css.map */