@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d1d9458b69004127-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b967158bc7d7a9fb-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ae9ae6716d4f8bf8-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c0f5ec5bbf5913b7-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1db3e28af9ef94a-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9c4f34569c9b36ca-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2aaf0723e720e8b9-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_0ec1f4;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_0ec1f4{font-family:__Inter_0ec1f4,__Inter_Fallback_0ec1f4;font-style:normal}.flex-col{justify-content:flex-start;flex-direction:column;grid-area:0;width:100%;background-color:var(--bg-3)}.flex-col,.light-button{display:flex;align-items:center}.light-button{color:var(--t-2);font-size:var(--font-size-14);border:1px solid var(--bg-4);padding:8px 12px;justify-content:center;background-color:var(--bg-1);cursor:pointer;transition:var(--transition-1)}.light-button:hover{color:var(--t-3);border-color:var(--bg-3)}.theme-button{background-color:transparent;border:none;color:var(--t-1);font-size:var(--font-size-20);padding:.5rem;border-radius:50%;transition:var(--transition-2);display:flex;align-items:center;justify-content:center;cursor:pointer}.theme-button:hover{background-color:var(--bg-4)}header{width:100vw;height:80px;border-bottom:1px solid var(--bg-4);color:var(--t-2);background-color:var(--bg-2);text-decoration:none;position:fixed;top:0;left:0;z-index:1}header,header>nav{display:flex;align-items:center}header>nav{width:100%;height:100%;padding:1rem 2rem;flex-direction:row;box-sizing:border-box;justify-content:space-between}.header-center{display:flex;font-weight:500;font-size:var(--font-size-24)}.header-icon{display:flex;align-items:center;justify-content:center;border:1px solid var(--bg-4);border-radius:0;width:36px;aspect-ratio:1/1;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(/_next/static/media/android-chrome-192x192.21ed12e0.png)}:root{--invert:0;--bg-1:#fff;--bg-2:#fdfdfc;--bg-3:#f5f5f5;--bg-4:#90909040;--t-1:#313547;--t-2:#38393b;--t-3:#898e96;--t-4:#989ea6;--bg-b:#fffffff2}[data-theme=dark]{--invert:0;--bg-1:#161616;--bg-2:#1c1c1c;--bg-3:#2b2b2b;--bg-4:#393939;--t-1:#fff;--t-2:#f2f2f2;--t-3:#7d8084;--t-4:#7c7f82;--bg-b:#1c1c1cf2}*{padding:0;margin:0;--themecolor:#ffd908;--white:#fff;--hover:#f8f8f8;--purple:#c8bff7;--purple-2:#d1a7e5;--paleblue:#bfe3f7;--orange:#f7d4bf;--pink:#f7bfee;--palepink:#ffe8db;--palegreen:#d9f7bf;--coral:#f7bfbf;--khaki:#f7f0bf;--darkblue:#bacfff;--seagreen:#baeed2;--css:#3863d9;scroll-behavior:smooth;--scrollbar-size:8px;--darkgrey:#6d7175;--darkgreen:#286d1d;--sunset:#ebaf26;--red:#ff7842;--red-2:#dc2626;--yellow:#ffd908;--yellow2:#fff36d;--bg-dt:#1c1c1cf2;--frenchred:#f0695f;--navy:#0c2365;--grid:rgba(215,225,242,.234);--grid2:rgba(255,42,42,.098);--blue:#2563eb;--neongreen:#08ffbd;--leetcodeorange:#d16c06;--leetcodeorange2:#ffa116;--green:#00a33c;--box-shadow-1:0px 2px 3px 0px rgba(0,0,0,.1);--box-shadow-2:0 4px 4px rgba(0,0,0,.1);--box-shadow-3:1.95px 1.95px 2.6px rgba(0,0,0,.15);--box-shadow-4:rgba(0,0,0,.16) 0px 1px 4px;--transition-1:all 0.25s ease;--transition-2:all 0.5s ease;--one:1;--zero:0;--scrollbarBG:#fdfdfc;--thumbBG:#f5f5f5;--bg-radial:radial-gradient(ellipse at center,#192d38 0,#211f2f 100%);--bg-blur:rgba(56,57,59,.8)}html{filter:invert(var(--invert));scroll-behavior:smooth;width:100vw;min-height:100dvh;font-size:16px;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:scroll;--font-size-11:11px;--font-size-12-14:clamp(0.75rem,0.664rem + 0.4587vw,0.875rem);--font-size-14:14px;--font-size-15:15px;--font-size-16:clamp(0.9375rem,0.9239rem + 0.0725vw,1rem);--font-size-20:clamp(1rem,0.9457rem + 0.2899vw,1.25rem);--font-size-24:clamp(1.0625rem,0.9674rem + 0.5072vw,1.5rem);--font-size-36:clamp(1.5rem,1.3913rem + 0.5797vw,2rem);--font-size-48:clamp(2.5rem,1.875rem + 2vw,3rem);--font-size-76:clamp(2.75rem,2.3152rem + 2.3188vw,4.75rem);--line-height-56:clamp(3rem,2.375rem + 2vw,3.5rem);--margin-24:clamp(1rem,0.375rem + 2vw,1.5rem)}body,html{background-color:var(--bg-1);color:var(--text-primary);display:flex}body{box-sizing:border-box;width:100%;flex:1 1 auto;flex-direction:column;padding:0;position:relative;border:none}@media (max-width:735px){body{overflow-x:hidden}}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background-color:var(--scrollbarBG)}::-webkit-scrollbar-thumb{background:var(--thumbBG)}::-webkit-scrollbar-thumb:hover{background-color:var(--bg-3)}main{width:100%;margin:0;position:relative;top:0;flex:1 1 auto;height:100%;background-color:var(--bg-1);display:grid;grid-template-columns:1fr;padding-top:120px;background-image:repeating-linear-gradient(transparent 0 9px,var(--grid) 10px 10px),repeating-linear-gradient(90deg,transparent 0 9px,var(--grid) 10px 10px)}footer{width:100vw;height:80px;border-top:1px solid var(--bg-4);color:var(--t-2);background-color:var(--bg-2);text-decoration:none;position:relative}footer,footer>nav{display:flex;align-items:center}footer>nav{width:100%;height:100%;padding:1rem;flex-direction:row;justify-content:center}.footer-anchor{display:flex;align-items:center;gap:.25rem;color:var(--t-1);font-size:var(--font-size-14);font-weight:400;text-decoration:none;position:relative}.footer-anchor>span{display:flex;align-items:center;justify-content:center}.footer-anchor:after{position:absolute;bottom:0;left:0;content:"";width:0;height:1px;background-color:var(--t-1);transition:var(--transition-2)}.footer-anchor:hover:after{width:100%}.visualizer-grid{margin:0 auto;justify-content:center;display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,550px));grid-gap:1rem;gap:1rem;background-color:var(--bg-1);width:90%}.display-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--t-1);font-size:var(--font-size-16);font-weight:400;background-image:repeating-linear-gradient(transparent 0 5px,var(--grid) 6px 6px),repeating-linear-gradient(90deg,transparent 0 5px,var(--grid) 6px 6px)}.display,.display-wrapper{aspect-ratio:1/1;border:1px solid var(--bg-4);box-sizing:border-box}.display{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:0;gap:0;flex-wrap:wrap}.display-item{border:1px solid var(--bg-4);box-sizing:border-box}.settings{aspect-ratio:1/1;border:1px solid var(--bg-4);flex-wrap:nowrap;box-sizing:border-box}.control-container,.settings{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.control-container{width:100%;gap:0}.input-flex{display:flex;align-items:center;gap:.25rem;width:100%;padding:.5rem .5rem .125rem;box-sizing:border-box}.input-flex>input:nth-child(2){margin-left:auto}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background-color:var(--blue);border-radius:50%;cursor:pointer;z-index:1;position:relative}input[type=range]::-moz-range-thumb{width:20px;height:20px;background-color:var(--blue);border-radius:50%;cursor:pointer;z-index:1;position:relative}input[type=range]::-ms-thumb{width:20px;height:20px;background-color:var(--blue);border-radius:50%;cursor:pointer;z-index:1;position:relative}.input-range:before{width:100%;height:4px;border-radius:100px;left:0;transform:translateY(-50%);z-index:0;display:flex}.input-range:after,.input-range:before{position:absolute;content:"";background-color:var(--bg-4);top:50%}.input-range:after{height:1rem;width:2px;left:50%;transform:translate(-50%,-50%)}.input-range{width:90%;box-sizing:border-box;padding:.5rem;-webkit-appearance:none;background-color:var(--bg-3);position:relative}.setting-name{color:var(--t-1);font-size:var(--font-size-14);text-decoration:none;font-weight:400}.setting-units>abbr{text-decoration:none;cursor:pointer}.setting-units{color:var(--t-1);font-size:var(--font-size-16);text-decoration:none;font-weight:400}.buttons-flex{flex-wrap:nowrap;width:100%;gap:.25rem;padding:.5rem;background-color:var(--bg-3);box-sizing:border-box}.buttons-flex,.run-button{display:flex;align-items:center;justify-content:center}.run-button{color:var(--white);font-size:var(--font-size-14);border:1px solid var(--bg-4);padding:8px 12px;background-color:var(--blue);cursor:pointer;transition:var(--transition-1)}.run-button:hover{border-color:var(--bg-3)}.stop-button{color:var(--white);font-size:var(--font-size-14);border:1px solid var(--bg-4);padding:8px 12px;display:flex;align-items:center;justify-content:center;background-color:var(--red-2);cursor:pointer;transition:var(--transition-1)}.stop-button:hover{border-color:var(--bg-3)}.new-array-button{color:var(--white);font-size:var(--font-size-14);border:1px solid var(--bg-4);padding:8px 12px;display:flex;align-items:center;justify-content:center;background-color:var(--yellow);cursor:pointer;transition:var(--transition-1)}.new-array-button:hover{border-color:var(--bg-3)}.reset-button{color:var(--white);font-size:var(--font-size-14);border:1px solid var(--bg-4);padding:8px 12px;display:flex;align-items:center;justify-content:center;background-color:var(--green);cursor:pointer;transition:var(--transition-1)}.reset-button:hover,.settings-button-p:hover,.settings-button:hover{border-color:var(--bg-3)}.control-title{display:flex;align-items:center;font-size:var(--font-size-16);color:var(--t-1);font-weight:600;padding:.5rem;box-sizing:border-box;width:100%;gap:.5rem;box-shadow:var(--box-shadow-2)}.control-title>span{display:flex;align-items:center;font-size:inherit;font-weight:inherit;color:inherit}input[type=number]:focus{border:2px solid var(--blue);outline:none}input[type=number]{padding:.25rem;width:3rem}.display2{aspect-ratio:2/1;border:1px solid var(--bg-4);display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:0;gap:0;flex-wrap:wrap;box-sizing:border-box}.gradient-item{border:1px solid transparent;box-sizing:border-box}.display3{aspect-ratio:2/1;align-items:flex-end;justify-content:space-between;gap:0;flex-wrap:wrap}.display3,.graph-item{border:1px solid var(--bg-4);display:flex;box-sizing:border-box;position:relative}.graph-item{flex:1 1 auto}.graph-item>abbr{width:100%;height:100%;display:inline-block}.settings-button-p{margin-left:auto;background-color:var(--green)}.settings-button,.settings-button-p{color:var(--white);font-size:var(--font-size-14);border:1px solid var(--bg-4);padding:4px 6px;height:28px;justify-content:center;cursor:pointer;transition:var(--transition-1);display:flex;align-items:center}.settings-button{background-color:var(--red)}select{border:2px solid transparent;outline:none}select:focus{border-color:var(--blue)}