@font-face{font-family:Chakra Petch;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/chakra-petch-400i-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/chakra-petch-400i-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-700i-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-700i-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/chakra-petch-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/chakra-petch-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/chakra-petch-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:kirupaPixel;src:url(/fonts/born2bsportyv2-webfont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:kirupaCode;src:url(/fonts/dmr.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}body{font-family:var(--serifFonts);padding:0;margin:0;text-align:left;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;background:linear-gradient(180deg,var(--primaryLighter) 0px,var(--pageBackground) 300px);background-repeat:no-repeat}.theme_dark body{background:linear-gradient(180deg,#000 0px,var(--pageBackground) 300px)}.theme_dark #kirupaOrangeLogo{filter:drop-shadow(1px 1px 10px #666)}#kirupaOrangeLogo{width:64px}.leftCat{position:absolute;transform:translate(-44px,-44px);transition:.2s cubic-bezier(0,.76,.38,1.33) transform;z-index:-10;image-rendering:pixelated}.pixelated_image{image-rendering:pixelated}#myKIRUPALink img{border-radius:50%;border:solid 2px var(--mediaBorder);margin-left:-3px}.joinForums{border-top:2px solid var(--structureBorder);text-align:center;border-bottom:2px solid var(--structureBorder);padding-top:10px;padding-bottom:10px}.joinForums h4{margin-top:5px}.joinForums p{font-size:16px}.joinForums a{padding:30px;display:inline-block;border-radius:5px;background-color:var(--lighter)}.joinForums a:hover{background-color:var(--light)}html.theme_custom,html.theme_custom_dark{--kbw-control-foreground: var(--textOnPrimary)}html.theme_custom #kirupabot-widget .kbw-launcher-icon path[fill="#fff"]{fill:var(--textOnPrimary)}html.theme_custom #kirupabot-widget .kbw-launcher-close{color:var(--textOnPrimary)}.themeDialog{position:fixed;inset:0;z-index:1200;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;box-sizing:border-box;border:0;background:transparent;color:var(--bodyText);overflow:hidden}.themeDialog:not([open]){display:none}.themeDialog[open]{display:flex;animation:kirupaDialogIn .2s ease-out}.themeDialog::backdrop{background:#10121699}@keyframes kirupaDialogIn{0%{opacity:0;transform:translateY(10px)}}@keyframes kirupaSheetIn{0%{opacity:0;transform:translateY(48px)}}#themeWrapper #themePanel{--themeCardBg: var(--lighter);position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:min(600px,100%);max-height:100%;margin:auto;padding:0;overflow:visible;background-color:var(--themeCardBg);border:5px solid var(--mediaBorder);border-radius:0;box-shadow:8px 8px #00000059;color:var(--bodyText);font-family:var(--serifFonts);font-size:16px;text-align:left}#themePanel .leftCat{position:absolute;top:20px;left:20px;transform:translate(-44px,-44px);transition:.2s cubic-bezier(0,.76,.38,1.33) transform;z-index:-10;image-rendering:pixelated}#themePanel:hover .leftCat{transform:translate(-66px,-71px)}#themePanel .themeIconSmooth{display:none}#themePanel .themeHeader{display:flex;align-items:center;gap:12px;padding:20px 18px 14px 24px;border-bottom:2px solid var(--structureBorder)}#themePanel h1{flex:1;min-width:0;margin:0;padding-top:4px;font-size:2.6em;line-height:1}#themePanel .themeClose{appearance:none;display:grid;place-items:center;flex:none;width:40px;height:40px;margin:-6px 0;padding:0;border:0;border-radius:5px;background:transparent;color:var(--bodyText);cursor:pointer}#themePanel .themeClose:hover{background-color:var(--light)}#themePanel .themeClose svg{width:18px;height:18px}#themePanel .themeBody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 24px 8px}#themePanel .themeSection{padding:16px 0 14px}#themePanel .themeSection+.themeSection{border-top:2px solid var(--structureBorder)}#themePanel .themeHeading{margin:0 0 12px;font-family:kirupaPixel;font-size:1.5em;line-height:1;color:var(--headerText)}#themePanel .themeSwatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));justify-items:center;gap:12px 6px}#themePanel .themeSwatch{position:relative;box-sizing:border-box;width:40px;height:40px;margin:0;padding:0;border:3px solid var(--swatchA, #000);border-radius:5px;background:var(--swatchB, #fff);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}#themePanel .themeSwatch:hover{transform:scale(1.12)}#themePanel .themeSwatch[aria-pressed=true],#themePanel .themeSwatchCustom.isActive{box-shadow:0 0 0 3px var(--themeCardBg),0 0 0 6px var(--primary)}#themePanel .themeSwatch:focus{outline:none}#themePanel .themeSwatch:focus-visible,#themePanel .themeSwatchCustom:focus-within{outline:2px dashed var(--primary);outline-offset:9px}#themePanel .themeSwatchCustom{--rainbow: conic-gradient(from 90deg, #ff5a5a, #ffd23f, #5ee05e, #3fd6ff, #5a7bff, #c65aff, #ff5a5a);border-color:transparent;background:var(--rainbow) border-box}#themePanel .themeSwatchCustom.hasColor{background:linear-gradient(var(--customFill),var(--customFill)) padding-box,var(--rainbow) border-box}#themePanel .themeSwatchCustom input{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);margin:0;padding:0;border:0;opacity:0;cursor:pointer}#themePanel .themeCustomRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:18px}#themePanel .themeCustomRow label{font-family:kirupaPixel;font-size:1.35em;line-height:1;padding-top:3px;color:var(--headerText)}#themePanel .themeHexInput{width:8.5em;box-sizing:border-box;margin:0;padding:8px 10px;font-family:var(--monoFonts);font-size:16px;line-height:1.2;color:var(--bodyText);background-color:var(--inputBackground);border:3px solid var(--inputBorder);border-radius:5px}#themePanel .themeHexInput:focus{outline:none;border-color:var(--primary)}#themePanel .themeHexInput[aria-invalid=true]{border-color:#d93025}#themePanel .themePalette{display:flex;gap:5px;margin-left:auto}#themePanel .themePalette i{width:22px;height:22px;border-radius:4px;box-shadow:inset 0 0 0 1px #00000026}#themePanel .themePalette i:nth-child(1){background-color:var(--primary)}#themePanel .themePalette i:nth-child(2){background-color:var(--primaryDarker)}#themePanel .themePalette i:nth-child(3){background-color:var(--primaryLighter)}#themePanel .themePalette i:nth-child(4){background-color:var(--primaryLightest)}#themePanel .themePalette i:nth-child(5){background-color:var(--highlighter)}#themePanel .themeHint{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--darkTextSecondary)}#themePanel .themeStyleStatus:empty{margin:0}#themePanel .themeSegment input,#themePanel .themeStyleOption input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}#themePanel .themeSegments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background-color:var(--light);border:3px solid var(--structureBorder);border-radius:6px}#themePanel .themeSegment{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 8px;border-radius:4px;font-family:kirupaPixel;font-size:1.3em;line-height:1;color:var(--bodyText);cursor:pointer;user-select:none;-webkit-user-select:none}#themePanel .themeSegment span{padding-top:3px}#themePanel .themeSegment:hover{background-color:var(--themeCardBg)}#themePanel .themeSegment.isChecked{background-color:var(--primary);color:var(--textOnPrimary)}#themePanel .themeSegment svg{flex:none;width:18px;height:18px}#themePanel .themeStyles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#themePanel .themeStyleOption{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px;border:3px solid var(--structureBorder);border-radius:6px;background-color:var(--pageBackground);cursor:pointer;user-select:none;-webkit-user-select:none}#themePanel .themeStyleOption:hover{border-color:var(--primaryLighter)}#themePanel .themeStyleOption.isChecked{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}#themePanel .themeSegment:focus-within,#themePanel .themeStyleOption:focus-within{outline:2px dashed var(--primary);outline-offset:2px}@supports selector(:has(a)){#themePanel .themeSegment:focus-within,#themePanel .themeStyleOption:focus-within{outline:none}#themePanel .themeSegment:has(input:focus-visible),#themePanel .themeStyleOption:has(input:focus-visible){outline:2px dashed var(--primary);outline-offset:2px}}#themePanel .themeStylePreview{position:relative;display:block;height:64px;margin-bottom:6px;overflow:hidden;background-color:var(--primaryLightest)}#themePanel .themeStylePreview b{position:absolute;z-index:1;top:9px;left:12px;font-weight:400;line-height:1;color:var(--headerText)}#themePanel .themeStylePreview:before{content:"";position:absolute;top:14px;right:12px;width:34px;height:14px;background-color:var(--primary)}#themePanel .themeStylePreview i{position:absolute;left:0;right:0;bottom:0;height:22px;background-color:var(--primaryLighter)}#themePanel .themeStylePixel .themeStylePreview b{font-family:kirupaPixel;font-size:30px}#themePanel .themeStylePixel .themeStylePreview:before{box-shadow:3px 3px 0 var(--primaryDarker)}#themePanel .themeStylePixel .themeStylePreview i{clip-path:polygon(0 100%,0 50%,12% 50%,12% 25%,26% 25%,26% 0,44% 0,44% 40%,58% 40%,58% 15%,74% 15%,74% 55%,88% 55%,88% 30%,100% 30%,100% 100%)}#themePanel .themeStyleNature .themeStylePreview{border-radius:12px}#themePanel .themeStyleNature .themeStylePreview b{font-family:Fraunces Soft,Georgia,serif;font-weight:600;font-size:28px}#themePanel .themeStyleNature .themeStylePreview:before{border-radius:999px}#themePanel .themeStyleNature .themeStylePreview i{height:30px;background:radial-gradient(60% 100% at 25% 100%,var(--primaryLighter) 98%,transparent 100%),radial-gradient(55% 80% at 80% 100%,var(--primary) 98%,transparent 100%);opacity:.85}@font-face{font-family:kirupaPreviewScifi;src:url(/fonts/preview/michroma-aa.woff2) format("woff2");font-display:block}@font-face{font-family:kirupaPreviewMinimal;src:url(/fonts/preview/inter-aa.woff2) format("woff2");font-weight:400 700;font-display:block}@font-face{font-family:kirupaPreviewUkiyoe;src:url(/fonts/preview/yuji-syuku-aa.woff2) format("woff2");font-display:block}@font-face{font-family:kirupaPreviewPlatformer;src:url(/fonts/press-start-2p-latin.woff2) format("woff2");font-display:block}#themePanel .themeStyles.isGallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#themePanel .themeStyles.isGallery .themeStyleOption{padding:8px 8px 10px}#themePanel .themeStyles.isGallery .themeStylePreview{height:70px}#themePanel .themeStyles.isGallery .themeStyleNote{font-size:12.5px}#themePanel .themeStyleOption.isLoading{cursor:progress}#themePanel .themeStyleOption.isLoading .themeStylePreview:after{content:"";position:absolute;z-index:3;left:0;bottom:0;width:40%;height:4px;background-color:var(--primary);animation:kirupaStyleLoading .8s ease-in-out infinite alternate}@keyframes kirupaStyleLoading{to{left:60%}}html.theme_dark #themePanel .themeStylePixel .themeStylePreview b,html.theme_dark #themePanel .themeStyleNature .themeStylePreview b,html.theme_dark #themePanel .themeStyleMinimal .themeStylePreview b{color:var(--bodyText)}#themePanel .themeStyleScifi .themeStylePreview{background:radial-gradient(closest-side,rgb(255 140 26 / .34),transparent) right -36px bottom 0 / 140px 34px no-repeat,linear-gradient(180deg,#06090e,#101a26 calc(100% - 18px),#04060a calc(100% - 18px))}#themePanel .themeStyleScifi .themeStylePreview b{top:13px;left:14px;font-family:kirupaPreviewScifi,Arial Black,sans-serif;font-size:19px;letter-spacing:.32em;color:#eef6f4}#themePanel .themeStyleScifi .themeStylePreview:before{top:auto;right:16px;bottom:14px;width:36px;height:36px;background:url(/ssi/newDesign/styles/scifi/logo-sun.svg?v=1) 0 0 / 100% 100% no-repeat}#themePanel .themeStyleScifi .themeStylePreview i{bottom:16px;height:3px;background:radial-gradient(closest-side,#fff4dc,transparent) right 4px top 0 / 60px 3px no-repeat,linear-gradient(90deg,transparent,var(--primaryLighter) 30%,#fff4dc 50%,var(--primaryLighter) 70%,transparent) right -26px center / 120px 1px no-repeat,linear-gradient(90deg,#ffffff1a,#ffffff3d) 0 center / 100% 1px no-repeat}#themePanel .themeStyleMinimal .themeStylePreview{background-color:var(--pageBackground);box-shadow:inset 0 0 0 1px var(--structureBorder)}#themePanel .themeStyleMinimal .themeStylePreview b{top:10px;left:13px;font-family:kirupaPreviewMinimal,Helvetica Neue,Arial,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.035em}#themePanel .themeStyleMinimal .themeStylePreview:before{top:19px;right:14px;width:7px;height:7px;border-radius:50%}#themePanel .themeStyleMinimal .themeStylePreview i{left:13px;right:34%;bottom:11px;height:15px;background:repeating-linear-gradient(180deg,var(--darkTextSecondary) 0 1px,transparent 1px 7px);opacity:.35}#themePanel .themeStyleUkiyoe .themeStylePreview{background:url(/ssi/newDesign/styles/ukiyoe/card.webp?v=1) right bottom / auto 70% no-repeat,radial-gradient(circle at 81% 27%,#d2452f 0 9px,transparent 9.5px),linear-gradient(180deg,#f3e6c9,#ead8b4);background-blend-mode:multiply,normal,normal}#themePanel .themeStyleUkiyoe .themeStylePreview b{top:9px;font-family:kirupaPreviewUkiyoe,Hiragino Mincho ProN,Yu Mincho,serif;font-size:27px;color:#1b2a4a}#themePanel .themeStyleUkiyoe .themeStylePreview:before,#themePanel .themeStyleUkiyoe .themeStylePreview i{display:none}#themePanel .themeStylePlatformer .themeStylePreview{background-color:var(--primaryLighter)}#themePanel .themeStylePlatformer .themeStylePreview b{top:12px;font-family:kirupaPreviewPlatformer,Courier New,monospace;font-size:16px;color:#1a1a1a;text-shadow:2px 2px 0 #fff}#themePanel .themeStylePlatformer .themeStylePreview:before{content:"";top:10px;right:12px;width:18px;height:18px;background:url(/ssi/newDesign/styles/platformer/sprites.png?v=2) 0 -54px / 54px auto no-repeat;image-rendering:pixelated}#themePanel .themeStylePlatformer:not(.isLoading) .themeStylePreview:after{content:"";position:absolute;right:40px;bottom:24px;width:54px;height:18px;background:url(/ssi/newDesign/styles/platformer/sprites.png?v=2) 0 -36px / 54px auto no-repeat;image-rendering:pixelated}#themePanel .themeStylePlatformer .themeStylePreview i{height:18px;background:url(/ssi/newDesign/styles/platformer/sprites.png?v=2) 0 0 / 54px auto repeat-x;image-rendering:pixelated}#themePanel .themeStyleName{font-family:kirupaPixel;font-size:1.35em;line-height:1;color:var(--headerText)}#themePanel .themeStyleNote{font-size:13px;line-height:1.35;color:var(--darkTextSecondary)}#themePanel .themeFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 18px;border-top:2px solid var(--structureBorder)}#themePanel .themeReset{appearance:none;margin:0;padding:8px 0;border:0;background:none;font-family:inherit;font-size:15px;color:var(--linkForeground);text-decoration:underline;text-underline-offset:3px;cursor:pointer}#themePanel .themeReset:hover{color:var(--primaryDarker)}#themePanel .themeDone{min-width:120px;margin:0;text-align:center;justify-content:center;cursor:pointer}@media(max-width:600px){.themeDialog{padding:24px 0 0}.themeDialog[open]{animation-name:kirupaSheetIn;animation-duration:.25s}#themeWrapper #themePanel{width:100%;margin:auto 0 0;border-width:5px 0 0;box-shadow:0 -6px #0003}#themePanel .leftCat{display:none}#themePanel .themeHeader{padding:16px 12px 12px 18px}#themePanel h1{font-size:2.1em}#themePanel .themeBody{padding:0 18px 4px}#themePanel .themeSwatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 8px}#themePanel .themeSwatch{width:44px;height:44px}#themePanel .themeSwatch:hover{transform:none}#themePanel .themePalette{margin-left:0}#themePanel .themeSegment{flex-direction:column;gap:4px;min-height:58px}#themePanel .themeStyleOption{padding:8px 8px 10px}#themePanel .themeStylePreview,#themePanel .themeStyles.isGallery .themeStylePreview{height:56px}#themePanel .themeStyles.isGallery{grid-template-columns:repeat(2,minmax(0,1fr))}#themePanel .themeFooter{padding:12px 18px max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.themeDialog[open]{animation:none}#themePanel .leftCat,#themePanel .themeSwatch{transition:none}#themePanel .themeStyleOption.isLoading .themeStylePreview:after{left:0;width:100%;opacity:.6;animation:none}}.videoframe{padding-bottom:240px;background-image:url(/images/videocaption.png);background-repeat:no-repeat;background-size:168px;background-position:calc(50% + 65px) calc(100% - 20px);margin-left:5px!important;margin-right:5px!important}lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer}lite-youtube:before{content:"";display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}lite-youtube:after{content:"";display:block;padding-bottom:56.25%}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lty-playbtn{width:68px;height:48px;position:absolute;cursor:pointer;transform:translate3d(-50%,-50%,0);top:50%;left:50%;z-index:1;background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:none}lite-youtube:hover>.lty-playbtn,lite-youtube .lty-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;border:var(--mediaBorder) solid 5px;background-color:var(--mediaBorder)}#mobileFooter,#mobileHeader,#navigationSlider{display:none}div#mainContent ol li{margin-bottom:20px;font-size:1.2em;line-height:1.75em;color:var(--bodyText);font-family:var(--serifFonts);padding-left:10px}div#mainContent ol li li{font-size:inherit;list-style-type:square}#tutorialInformation{overflow:hidden;margin-bottom:30px}.authorImage{float:left;margin-right:10px;margin-top:4px;width:51px;display:none}.authorText{margin-top:10px}.authorText h1{font-size:6em;font-weight:100;line-height:1;font-family:kirupaPixel;text-rendering:geometricPrecision;text-shadow:2px 2px var(--logoTextShadow);color:var(--primary);-moz-osx-font-smoothing:none;-webkit-font-smoothing:none;margin-left:-5px;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.authorText h1.compact{font-size:4.5em}.theme_yellow_dark .authorText h1{color:var(--headerText)}.horizontal_line{margin-top:20px;margin-bottom:30px;border-bottom:2px var(--structureBorder) solid}.inlineCode{color:var(--bodyText);font-family:var(--monoFonts);font-size:85%;background-color:#f4f4f433;border-radius:3px;padding:2px 5px;margin:0 1px;border:1px solid rgb(216 216 216 / 50%)}.theme_dark .inlineCode{border:1px solid rgba(244,244,244,.2)}h1,h2,h3,h4,h5{font-weight:700;line-height:1;font-family:kirupapixel;color:var(--headerText);font-weight:100;-webkit-font-smoothing:none;text-wrap:balance}h1{font-size:3.5em;color:var(--headerText);margin-top:-5px;line-height:60px;text-shadow:1px 1px var(--highlighterThree)}.sectionH1{background-image:none!important}h2{font-size:3.5em;margin-bottom:-14px;text-shadow:1px 1px var(--highlighter)}#mainContent h2{border-top:1px solid var(--structureBorder);margin-top:35px;padding-top:25px;line-height:1;margin-bottom:0}#mainContent ul.navigationContent li h2{border-top:0px solid var(--structureBorder);margin-top:0;padding-top:0}#mainContent ul li{line-height:1.75;margin-bottom:1em;color:var(--bodyText);font-size:1.2em}#mainContent ul li li{font-size:inherit}#mainContent li p{font-size:inherit;line-height:inherit}#mainContent p.stepAligned{padding-left:50px}#mainContent p.bulletAligned{padding-left:40px}h3{font-size:2.5em;margin-bottom:-5px;padding-bottom:10px;text-shadow:1px 1px var(--highlighterThree);border-bottom:1px solid var(--structureBorder)}h4{font-size:2em;margin-bottom:-14px;text-shadow:1px 1px var(--highlighterTwo)}h5{font-size:18px;margin-bottom:-14px;text-shadow:1px 1px var(--highlighterTwo)}.videoCallout{display:block;background-color:var(--highlighter);padding:20px 20px 20px 50px;background-image:url(https://www.kirupa.com/icon/1f4fa.svg);background-repeat:no-repeat;background-size:24px;background-position:15px calc(50% - 2px);color:var(--darkText)}.videoCallout:hover{background-color:var(--highlighterThree)}.row{display:flex;flex-wrap:wrap}.column{flex:50%}@media all and (max-width:800px){.column{flex:100%}}.fixedArticles .column{flex:100%}.tutorialInfo{color:#9eaab5;margin-bottom:0;margin-top:15px;margin-left:0;font-family:kirupapixel;font-size:1.5em;-webkit-font-smoothing:none;font-weight:100;text-rendering:geometricPrecision}.tutorialInfo a{color:var(--darkText);text-decoration:none}.tutorialInfo a:hover{text-decoration:underline}.yellowEmphasis{color:#8c6f00;background-color:#ff9;border-radius:5px;padding:2px 4px}a.yellowEmphasis:hover{border-style:none none dotted none;border-width:1px}p{font-family:var(--serifFonts);font-size:1.2em;line-height:1.75em;color:var(--bodyText)}.centerImage{text-align:center}.centerIframe{display:block;margin:0 auto}.centerImageNoBorder{text-align:center;margin-bottom:30px;margin-top:30px}.centerImageNoBorder img{border-radius:10px;padding:10px}iframe.centerImage,video.centerImage,.centerImage iframe,.centerImage video{border:5px solid var(--mediaBorder);margin:0 auto;display:inline-block}.centerImageNoBorder iframe{display:inline-block}p.kCaption{color:#000;font-family:Verdana;font-size:8pt;text-align:center}.imageCaption{color:#555;font-size:14px;font-style:italic;text-align:center;display:block}p:has(>.imageCaption:only-child){text-align:center}div#mainContent p.grayEmphasis{display:none}a:link{text-decoration:none}.greenEmphasis{background-color:#ecffb3;color:#360;border-radius:5px;padding:2px 4px}a.greenEmphasis{background-color:#fff;border-style:none none dotted none;border-width:1px}a.greenEmphasis:hover{background-color:#ecffb3}.grayEmphasis{background-color:var(--primaryLightest);color:var(--bodyText);border-radius:5px;padding:2px 4px}.grayEmphasis:hover{background-color:var(--primaryLighter)}a.blueEmphasis{text-decoration:none;transition:background-color .2s cubic-bezier(0,1.1,0,1.09);background-color:var(--linkBackground);border-radius:5px;padding:2px 4px;color:var(--linkForeground);filter:var(--linkFilter)}a.extraEmphasis:hover{background-color:#cbe7f3}a.blueEmphasis:hover{background-color:var(--linkHoverBackground);color:var(--linkHoverForeground);filter:var(--linkFilterHover)}.blueEmphasis{background-color:#eef7fb;color:#0890ff;border-radius:5px;padding:2px 4px}.redEmphasis{background-color:#ffcaca;color:#900;border-radius:5px;padding:2px 4px}#rightContents h4{font-size:16px;font-weight:700;border-top:var(--structureBorder) solid 1px;padding-top:30px}#rightNewsletter p{font-size:16px}#tutorialInformation div.tags p{padding:0;margin:0 5px 15px 0;line-height:1;display:inline-block}#tutorialInformation div.tags a{background-color:#c5e8ff;font-size:12px;font-weight:400;padding:5px;color:#2196f3;line-height:0}#tutorialInformation div.tags a:hover{background-color:#006bb3;color:#fff}.bookContent{display:grid;grid-template-columns:175px 1fr;align-items:start;padding-top:30px;border-top:1px solid #EEE}.bookContent h4{margin-top:0}#arrayBookContent{grid-template-columns:135px 1fr}p.centerImage img{border:2px solid var(--mediaBorder)}div #mainContent ol{list-style-type:lower-roman;color:var(--bodyText);line-height:1.75em}table.data p{margin:-5px}#tutorialBox{display:none;background-color:#f8f8f8;margin-top:10px}#bookBannerContent{margin-top:0;padding-bottom:1px;margin-bottom:20px;padding-right:10px;margin-left:-5px}#bookBannerContent img{margin-left:32px;margin-top:-10px;margin-bottom:30px}#bookBannerContent li{margin-bottom:15px;margin-left:0;list-style:none;padding-left:75px;padding-top:5px;margin-right:10px;background-repeat:no-repeat;background-position:3px 5px;line-height:20px;padding-bottom:15px;background-size:60px}#bookBannerContent li:hover{background-size:63px;background-position:0px 3px}#bookBannerContent ul{padding:0;margin-left:5px;margin-top:5px}#bookBannerContent ul ul.buyNowRight li,#bookBannerContent ul ul.buyNowRight{padding:0;margin:0}#bookBannerContent .bookLink:hover{text-decoration:none}#bookBannerContent .bookLink{color:var(--darkText);font-size:14px;background-repeat:no-repeat;padding-top:0;padding-bottom:5px;background-position:0 3px;margin-top:0;line-height:1.5em;display:inline-block}#bookBannerContent .bookLink:hover{text-decoration:underline}#bookBannerContent li.animationRight{background-image:url(https://www.kirupa.com/book/images/anim2.svg);background-size:70px;background-position:-4px 0}#bookBannerContent li.arraysBookRight{background-image:url(https://www.kirupa.com/book/images/arraysRight.png);background-size:60px;background-position:4px 0}#bookBannerContent li.js101Right{background-image:url(https://www.kirupa.com/book/images/js101_2.svg);background-size:70px;background-position:-4px 0}#bookBannerContent li.learningReactRight{background-image:url(https://www.kirupa.com/book/images/react_book.svg);background-size:70px;background-position:-4px 0}#bookBannerContent li.canvasRight{background-image:url(https://www.kirupa.com/images/canvas_book_small.png);background-size:60px}#bookBannerContent .lessemphasis{color:var(--darkText)}#downwardCurvedArrow{position:absolute;transform:translate(160px,-75px)}#kirupaBio{display:grid;grid-template-columns:30px 121px calc(100% - 150px) 30px;padding-left:10px;padding-right:30px;align-items:center;font-style:italic;margin-bottom:40px}#kirupaBio .kirupaPixel{border-radius:50%;border:4px solid var(--mediaBorder);width:90px;height:90px}.askForumSigContainer{position:relative}.askForumSig{position:absolute;right:-272px;transform:translateY(-340px);display:flex}.forumSigLinks{width:200px;margin-top:30px;background-image:url(https://www.kirupa.com/pixel_icons/smiley-happy.gif);image-rendering:pixelated;background-repeat:no-repeat;background-position:117px 71px;background-size:24px}.forumSigLinks p{margin-top:5px;margin-bottom:5px;margin-left:20px}.forumSigHeader{font-size:16px;font-family:kirupapixel;-webkit-font-smoothing:none}.forumSigBody{font-size:2em;font-family:kirupapixel;-webkit-font-smoothing:none;line-height:28px}#sigNewsletter{margin:60px;display:grid;justify-content:center}#sigNewsletter .newsletterContainer{width:550px;text-align:center}#sigNewsletter #birdNewsletter{position:absolute;transform:translate(560px,-7px) scale(1.05)}#sigNewsletter h4{margin:0;font-size:3em;font-weight:700}#sigNewsletter p{margin:0;font-size:1em;font-weight:400}.strikethrough{text-decoration:line-through}#sigNewsletter .greenButton{margin-top:15px;margin-bottom:15px;background-image:url(https://www.kirupa.com/pixel_icons/mail.gif);background-size:32px;background-position:16px center;padding-left:53px;padding-right:21px;image-rendering:pixelated}.articleActions{margin-left:71px}.articleActions div{display:inline-block;position:relative}.articleActions a{font-size:14px;font-weight:700;color:#222;background-repeat:no-repeat;padding:10px 10px 10px 22px;margin-left:10px;background-position:left center;background-size:19px;position:relative;z-index:10}.articleActions .articleRead:hover{background-color:var(--highlighterTwo)}.articleActions .articleRead a{background-image:url(https://www.kirupa.com/images/menu.svg)}.articleActions .articleRead svg{position:absolute;left:7px;top:15px;z-index:1}.articleActions .articleDiscuss:hover{background-color:var(--highlighterThree)}.articleActions .articleDiscuss a{background-image:url(https://www.kirupa.com/images/message.svg)}.articleActions .articleDiscuss svg{position:absolute;left:7px;top:15px;z-index:1}.articleList li{list-style-type:none;margin-bottom:20px;padding-bottom:0;margin-right:50px;border-radius:5px}#mainContent .articleList li{padding-bottom:20px}#mainContent .articleList li{line-height:1.75;font-size:18px;margin-bottom:40px;color:#585858;padding-bottom:10px}#mainContent ul li:last-of-type{border-bottom:none}.articleList{padding:0;margin-top:40px;position:relative;z-index:100}.articleList li>a{padding:10px 10px 10px 75px;display:inline-block;background-repeat:no-repeat;background-size:45px;background-position:12px 12px}#mainContent .articleList li>a:hover{background-color:var(--lighter);box-shadow:var(--primaryLighter) 0 0 50px}.articleList li p{color:var(--bodyText);margin-left:5px;margin-bottom:2px;margin-top:3px}#mainContent p sup{vertical-align:top;position:relative;top:-.5em}body div#mainContent p.inlineCode.standalone{background-color:#f8f8f8!important;padding:1em;overflow:auto;color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.75;font-size:16px}#mainContent .theTopics .articleList li{margin-bottom:20px;padding-bottom:0;margin-right:30px}.theTopics .articleList li>a{padding-left:75px;background-position:15px center;background-size:43px;width:calc(100% - 69px);border-radius:5px;border:1px dotted var(--structureBorder);color:var(--darkText);font-weight:lighter;padding-top:24px;padding-bottom:24px;font-family:kirupapixel;font-size:24px}.theTopics .articleList{margin:0}.theTopics h3{padding-top:20px;margin-bottom:20px;border-top:2px solid var(--structureBorder)}.theArticles ul.articleList li>a{background-position:15px center}#mainContent .theArticles ul.articleList li>a{background-size:30px;padding-left:60px;color:var(--darkText);font-weight:lighter;font-family:kirupaCode;font-size:16.5px;-webkit-font-smoothing:none}#mainContent .articleList li>a{--iconSize: 45px;--iconX: 12px;--iconTop: 12px;--iconBottom: auto;--iconMargin: 0px;position:relative;background-size:0}#mainContent .theTopics .articleList li>a{--iconSize: 43px;--iconX: 15px;--iconTop: 0px;--iconBottom: 0px;--iconMargin: auto;background-size:0}#mainContent .theArticles ul.articleList li>a{--iconSize: 30px;background-size:0}#mainContent .articleList li>a:before{content:"";position:absolute;left:var(--iconX);top:var(--iconTop);bottom:var(--iconBottom);margin-top:var(--iconMargin);margin-bottom:var(--iconMargin);width:var(--iconSize);height:var(--iconSize);background-image:inherit;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}#mainContent .articleList li>a:hover:before,#mainContent .articleList li>a:focus-visible:before{animation:tutorialIconPop .5s cubic-bezier(.25,.8,.4,1) 1}@keyframes tutorialIconPop{0%{transform:scale(1)}18%{transform:scale(1.3)}36%{transform:scale(.9)}55%{transform:scale(1.12)}72%{transform:scale(.97)}86%{transform:scale(1.02)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#mainContent .articleList li>a:hover:before,#mainContent .articleList li>a:focus-visible:before{animation:none}}.callout{border-style:solid;border-width:0px 0px 0px 5px;border-color:var(--highlighter);margin:0;padding-left:10px}.borderImage{border:1px solid #cccccc}.legacyArchiveNote{border-style:solid;border-width:0px 0px 0px 5px;border-color:var(--highlighter);background-color:var(--lighter);margin:20px 0 25px;padding:10px 15px;border-radius:0 5px 5px 0}.legacyArchiveNote p{margin:0;font-size:.95em;color:var(--darkTextSecondary)}.downloadCallout{display:flex;align-items:center;flex-wrap:wrap;gap:16px;max-width:100%;box-sizing:border-box}.downloadCallout p{margin:0;min-width:0;overflow-wrap:anywhere}.downloadCallout img{max-width:100%;height:auto;flex:0 0 auto}.centeredSWF{display:flex;justify-content:center;margin:30px 0 10px}.kirupaInput{background-color:var(--inputBackground);background-repeat:no-repeat;background-size:20px;background-position:7px center;padding:3px 3px 3px 10px;height:30px;border-radius:0;-webkit-appearance:none;border:3px solid var(--inputBorder);font-size:16px}.kirupaInput:focus{background-color:var(--lighter);border-color:var(--primary);outline:0 none}.greenButton,.kirupaButton{background-color:var(--primary);font-size:1.5em;color:var(--textOnPrimary);border:0;border-radius:5px;padding:18px 13px 13px;background-repeat:no-repeat;text-align:right;background-position:-7px center;background-size:60px;line-height:1em;display:inline-block;font-family:kirupapixel}.greenButton a,.kirupaButton a{color:var(--textOnPrimary);font-weight:700;text-decoration:none}.greenButton:hover,.kirupaButton:hover{background-color:var(--primaryDarker);cursor:pointer}#tutorialInformation .tags{display:none}#mainHeader .kirupaButton{background-image:url(https://www.kirupa.com/images/comment_bubble.svg);margin-right:10px;justify-self:end;width:90px;background-size:48px}.kirupaButtonSmall{font-size:12px;padding:5px}html body #mainHeader,html body #mainHeader.headerFitReady{--header-nav-min-gap: 50px;--header-nav-fluid-gap: clamp(50px, calc(50px + (100vw - 1420px)*.092) , 96px)}html body #mainHeader{--header-control-gap: 43px;--header-nav-gap: 32px;margin:10px auto 100px;display:grid;column-gap:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);color:#444;align-items:center;padding:15px;position:relative;white-space:nowrap;text-transform:uppercase;font-size:2em;font-family:kirupaPixel;-webkit-font-smoothing:none}#mainHeader .headerBrand{display:flex;align-items:center;min-width:0;margin-left:25px}html body #mainHeader .headerNavigation{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:max(var(--header-nav-min-gap),var(--header-nav-gap));min-width:0}#mainHeader.headerFitReady,#mainHeader.headerFitReady .headerNavigation{transition-property:none}html body #mainHeader.headerFitReady{--header-control-gap: clamp(4px, calc(4px + (100vw - 1420px)*.078) , 43px);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}html body #mainHeader.headerBalanced{grid-template-columns:auto minmax(0,1fr) auto}html body #mainHeader.headerFitReady nav.headerNavigation{display:flex;gap:clamp(var(--header-nav-min-gap),var(--header-fit-gap, var(--header-nav-gap)),var(--header-nav-fluid-gap))}html body #mainHeader.headerFitReady :is(#tutorialsHeader,#quizzesHeader,#bookHeader,#videosHeader,#codingHeader){display:flex;flex:none}html body #mainHeader.headerFitReady #onlineCountLink{display:inline-flex}html body #mainHeader.headerFitReady #mobileNavigation:not([hidden]){display:block}html body #mainHeader.headerBrandCompact .headerBrand>span{display:none}html body #mainHeader.headerFitReady.headerNoLinks{grid-template-columns:minmax(0,1fr) auto}#mainHeader [hidden]{display:none!important}#mainHeader .headerControlDivider{display:none}html body #mainHeader .headerBrand>#kirupaOrangeLogo:not(.kirupaLogoDocked){position:relative;flex:none;margin:0;top:auto;left:auto;z-index:100}#mainHeader #kirupaOrangeLogo img{display:block}html:is(.style_scifi,.style_platformer,.style_ukiyoe) body #mainHeader .headerBrand{margin-left:10px}html body #mainHeader #kirupaOrangeLogo.kirupaLogoDocked{position:fixed;z-index:100;top:16px;left:var(--kirupaLogoDockLeft, 0px);margin-left:0;animation:kirupaLogoReturn .22s cubic-bezier(.2,.8,.2,1) both}.kirupaLogoPlaceholder{box-sizing:border-box;flex:none;visibility:hidden;pointer-events:none}@keyframes kirupaLogoReturn{0%{opacity:0;translate:0 -18px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){html body #mainHeader #kirupaOrangeLogo.kirupaLogoDocked{animation:none}}html body #mobileNavigation{--menuPaper: var(--pageBackground);--menuInk: var(--darkText);--menuLine: var(--primary);--menuControl: var(--darkText);--menuHover: var(--primaryLightest);--menuRadius: 3px;--menuShadow: 4px 4px 0 var(--primaryDarker);display:none;position:relative;flex:none;z-index:110}html body #mobileNavigation button{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;padding:8px;appearance:none;background:transparent;border:2px solid transparent;border-radius:var(--menuRadius);color:var(--menuControl);cursor:pointer}html body #mobileNavigation button svg{display:block;width:24px;height:24px}html body #mobileNavigation button:hover,html body #mobileNavigation button[aria-expanded=true]{border-color:currentColor}html body #mobileNavigation nav{position:absolute;top:calc(100% + 12px);right:0;box-sizing:border-box;width:min(280px,calc(100vw - 32px));max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:2px solid var(--menuLine);border-radius:var(--menuRadius);background:var(--menuPaper);box-shadow:var(--menuShadow);font-family:var(--serifFonts);font-size:17px;line-height:1.5;letter-spacing:0;text-transform:none;white-space:normal}html body #mobileNavigation nav[hidden]{display:none}html body #mobileNavigation nav a{display:block;box-sizing:border-box;min-height:44px;padding:10px 14px;border-radius:max(0px,calc(var(--menuRadius) - 4px));color:var(--menuInk);text-decoration:none}html body #mobileNavigation a.headerMenuLink{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px}html body #mobileNavigation nav a:hover{background:var(--menuHover)}html body #mobileNavigation :focus-visible{outline:2px solid var(--menuLine);outline-offset:-2px}#mainHeader #mobileNavLinks{width:min(320px,calc(100vw - 32px))}html body #mainHeader #mobileNavLinks .headerLink.mobileNavIcon{position:relative;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;background-position:center;background-size:24px;box-shadow:none;pointer-events:none}html body #mainHeader #mobileNavLinks .mobileNavIcon:before,html body #mainHeader #mobileNavLinks .mobileNavIcon:after{position:absolute;inset:0;width:24px;height:24px;margin:0;font-size:24px;transform:none}html:is(.style_scifi,.style_ukiyoe) body #mainHeader #mobileNavLinks .mobileNavIcon:after{display:none}html body #mobileNavLinks #mobileOnlineCountLink{grid-template-columns:24px minmax(0,1fr) auto;margin-top:8px;padding-top:16px;border-top:1px solid var(--menuLine);border-radius:0}#mobileOnlineCountLink .onlineCountIcon{justify-self:center}.mobileOnlineCountBadge{padding:2px 8px;border:1px solid color-mix(in srgb,var(--menuLine) 55%,transparent);border-radius:var(--menuRadius);background:color-mix(in srgb,var(--menuLine) 12%,var(--menuPaper));font-size:.85em;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:1230px){html body #mobileNavigation:not([hidden]){display:block}html body #mainHeader .headerControls{gap:6px}}@media(max-width:600px){html body #mainHeader .headerControls{gap:2px;margin-right:0}}#mainHeader .headerLink{display:flex;align-items:center;justify-self:center;margin-left:0;margin-right:0;color:var(--darkText);padding-left:40px;image-rendering:pixelated;background-repeat:no-repeat;background-position:5px 4px;background-size:24px}#mainHeader .headerLink:hover{border-bottom:8px solid var(--darkText);margin-bottom:-8px}#mainHeader :is(#bookHeader,[data-header-icon=books]){background-image:url(https://www.kirupa.com/pixel_icons/book.gif)}#mainHeader :is(#tutorialsHeader,[data-header-icon=learn]){background-image:url(https://www.kirupa.com/pixel_icons/parachutedrop.gif);background-size:26px;background-position:0 2px;padding-left:30px}#mainHeader :is(#videosHeader,[data-header-icon=videos]){background-image:url(https://www.kirupa.com/pixel_icons/TV7.gif);padding-left:37px;background-position:6px 2px}#mainHeader :is(#quizzesHeader,[data-header-icon=quizzes]){background-image:url(https://www.kirupa.com/pixel_icons/help3.gif);padding-left:37px;background-position:6px 2px}#mainHeader :is(#codingHeader,[data-header-icon=community]){background-image:url(https://www.kirupa.com/pixel_icons/smiley-happy.gif);padding-left:37px;background-position:6px 2px}#mainHeader .headerLink span{display:block}#mainHeader .articles{border-bottom:4px solid var(--darkText);margin-bottom:-4px}#mainHeader .headerIcons{justify-self:center;width:20px;margin-left:5px;margin-right:5px;margin-top:5px;transition:transform .1s ease-out}#mainHeader .headerIcons:hover{transform:scale(1.2)}#mainHeader .headerDivider{justify-self:center}#mainHeader .headerControls{display:flex;align-items:center;gap:var(--header-control-gap);justify-self:end;margin-right:25px;min-width:max-content}#mainHeader .miniheadericons{display:grid;place-items:center;appearance:none;background:transparent;border:0;color:var(--darkText);cursor:pointer;font:inherit;justify-self:center;text-align:center;padding:5px}#mainHeader .onlineCountLink{display:inline-flex;align-items:center;gap:9px;justify-self:end;padding:8px 12px;border:2px solid var(--primary);border-radius:0;color:var(--bodyText);background:var(--primaryLightest);background:color-mix(in srgb,var(--primaryLightest) 78%,var(--pageBackground));box-shadow:3px 3px color-mix(in srgb,var(--primaryDarker) 38%,transparent);font-size:.55em;line-height:1;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .15s ease-out}#mainHeader .onlineCountLink:hover{border-color:var(--primaryDarker);color:var(--textOnPrimary);background:var(--primary);transform:translateY(-1px)}#mainHeader .onlineCountLink:focus-visible{outline:2px solid var(--darkText);outline-offset:4px}#mainHeader .onlineCountIcon{flex:0 0 12px;width:12px;height:12px;box-sizing:border-box;border:2px solid var(--pageBackground);border-radius:0;color:var(--primary);background:currentColor;animation:onlineCountPulse 1.8s ease-in-out infinite}#mainHeader .onlineCountLink:hover .onlineCountIcon{color:var(--textOnPrimary)}@keyframes onlineCountPulse{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){#mainHeader .onlineCountIcon{animation:none}}#mainHeader .miniheadericons img{display:block;width:32px;image-rendering:pixelated}#mainHeader .miniheadericons svg{display:block;height:28px;transition:transform .1s ease-out;width:28px}#soundToggle .soundIconOff,#soundToggle[aria-pressed=false] .soundIconOn{display:none}#soundToggle[aria-pressed=false] .soundIconOff{display:block}#soundToggle[aria-pressed=false]{opacity:.65}#soundToggle:disabled{cursor:not-allowed;opacity:.35}#soundToggle:focus-visible{outline:2px solid var(--darkText);outline-offset:2px}#mainHeader .miniheadericons img:hover{transform:scale(1.2)}#mainHeader .miniheadericons:hover svg{transform:scale(1.2)}#backgroundHeader{width:100%;height:300px;position:absolute;top:0;z-index:-1;image-rendering:pixelated;overflow:hidden}#backgroundHeader .clouds{position:absolute}.theme_dark #backgroundHeader{opacity:.5}#mainBody{width:min-content;margin:0 auto 18px;display:grid;grid-template-columns:250px 770px 250px}#mainContent{border-radius:0;padding-top:0}#mainContent>*{margin-left:75px;margin-right:75px}#mainContent>.centerImage{margin:25px 0}#mainContent>.centerImageNoBorder{margin:25px 0}#leftContents{margin-right:11px;margin-top:0;margin-left:13px}#rightContents{margin-left:18px}#mainFooter{margin:0 auto 18px;width:1250px;background-color:var(--headerBackground);border-radius:5px;padding:20px;display:grid;grid-template-columns:400px 1fr;align-items:center}#mainFooter p{margin:0;color:var(--bodyText);font-size:16px;line-height:26px}#mainFooter a{color:var(--bodyText);font-weight:700}#mainFooter img{width:20px;padding:15px}#mainFooter div{text-align:right}div.sectionMainHeader{margin-top:10px}nav.navigationBoxes{border-radius:5px;padding:5px}#leftContents nav.navigationBoxes{background-color:var(--lighter)}#leftContents nav.navigationBoxes.generic ul a{font-weight:400;padding-left:50px;background-position:10px center;margin:5px;font-size:16px}#leftContents nav.navigationBoxes.generic ul li:last-of-type{border-top:1px solid var(--structureBorder)}nav.navigationBoxes ul{margin:0;list-style:none;padding:0;font-size:16px}#leftContents nav.navigationBoxes li img{width:24px;margin-right:15px}#leftContents #personalizeList{border-top:2px var(--structureBorder) solid;margin-top:10px;margin-bottom:0}#leftContents #personalizeLink{margin-top:10px}.articleNavigation{margin-top:50px}.articleNavigation ul{display:flex;justify-content:space-between;padding:0;list-style:none}.articleNavigation ul a{display:flex;align-items:center;border-radius:5px;align-content:center}.articleNavigation ul a svg{display:inherit;transform:scale(.5);padding:5px}.articleNavigation ul .navText{padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}#previousArticle{margin-left:0}#previousArticle .navText{padding-right:10px}#nextArticle{margin-right:0}#nextArticle .navText{padding-left:10px}.leftNavContainer{display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:380px}.leftNavContainer svg{margin-left:40px}.leftNavContainer .relatedSVG{position:relative;transform:translate(-36px,5px);z-index:10}.leftNavContainer .birdSVG{position:absolute;transform:translate(230px,-144px) rotate(-12deg);width:50px;image-rendering:pixelated}.leftNav{align-self:baseline;height:300px;overflow-y:auto;overflow-x:hidden;scroll-padding:30%;transform:translate(3.5px);border-radius:0;margin-bottom:20px;width:100%;scrollbar-width:none;transition:scrollbar-color .2s ease-out;position:fixed;top:0;left:0;width:350px;height:100vh;background:linear-gradient(90deg,rgba(var(--leftNavLight),.5) 0%,rgba(var(--leftNavLight),.5) 99%,var(--darkStructureBorder) 100%);backdrop-filter:blur(5px);transform:translate(-1px)}.leftNavContents{overflow-y:auto;margin-top:215px;height:calc(100vh - 215px);direction:rtl;border-top:1.5px var(--leftNavLine) dashed}.leftNavContents::-webkit-scrollbar{transition:scrollbar-color .2s ease-out;width:5px}.leftNavContents::-webkit-scrollbar-track{background:transparent}.leftNavContents::-webkit-scrollbar-thumb{transition:scrollbar-color .2s ease-out;background-color:var(--structureBorder)}.leftNavContents:hover::-webkit-scrollbar-thumb{background-color:var(--primary)}.leftNav h3{font-size:24px;margin-left:24px;text-shadow:none;border-bottom:none;direction:ltr}.leftNav .articleList li{margin-right:0;width:100%}.leftNav li{margin-bottom:0}.leftNav li a{background-size:23px;padding:5px 10px;margin-top:5px;margin-bottom:5px;margin-left:9px;color:var(--darkTextSecondary);background-position:10px 9px;width:-moz-available;width:-webkit-fill-available;background-size:0;line-height:24px;font-family:kirupaCode;font-size:15px;border-left:5px solid hsla(0,100%,50%,0);direction:ltr}.leftNav li a:hover{background-color:var(--pageBackground);outline:2px solid var(--darkStructureBorder)}.leftNav .articleList{margin-top:20px}.leftNav li a.currentArticle{background-color:var(--pageBackground);outline:2px solid var(--darkStructureBorder)}.leftNavLast{border-bottom:var(--structureBorder) 2px solid;padding-bottom:10px}.leftQuestion{text-align:center;border-top:1.5px var(--leftNavLine) dashed;margin-bottom:30px;margin-top:100px}html body .leftQuestion .greenButton{direction:ltr;margin-top:100px;background-image:url(https://www.kirupa.com/pixel_icons/smiley-rambo.gif);background-size:32px;background-position:16px center;padding-left:53px;padding-right:21px;image-rendering:pixelated;font-size:20px}html body .leftNav .leftQuestion .greenButton{box-sizing:border-box;max-width:calc(100% - 48px);white-space:normal}nav.navigationBoxes ul ul{border-top:var(--structureBorder) 2px solid;border-bottom:var(--structureBorder) 2px solid;font-size:16px;font-weight:400;padding-top:5px;padding-bottom:5px;margin-bottom:5px}nav.navigationBoxes ul a{color:var(--darkText);text-decoration:none;padding:10px;background-repeat:no-repeat;background-size:25px;background-position:1px center;display:flex;border-radius:5px;margin-bottom:0;align-items:center;font-weight:700;font-size:18px}nav.navigationBoxes hr{border:0;height:2px;background:var(--structureBorder)}nav.navigationBoxes ul a:hover{background-color:var(--light)}nav.navigationBoxes ul li li a:hover{text-decoration:underline;background-color:unset;color:var(--darkText)}nav.navigationBoxes ul ul a{background-size:16px;background-position:15px center;font-weight:500;padding-left:45px}#leftContents nav.navigationBoxes ul ul a{font-weight:400;padding-left:36px}#leftContents nav.navigationBoxes li svg{height:18px;position:absolute;transform:translate(-26px,2px);fill:var(--navigationLinkColor)}#rightContents nav.navigationBoxes ul ul a{background-position-y:12px;font-size:1em;font-weight:100;color:var(--darkText);line-height:1.5em;font-family:kirupapixel;-webkit-font-smoothing:none}.theme_dark #rightContents nav.navigationBoxes ul ul a{filter:drop-shadow(1px 1px 1px #777777FF)}#rightContents nav.navigationBoxes .oneBoxOnly ul{border-bottom:none;padding-bottom:0;image-rendering:pixelated}#rightContents .newForum p,.leftNavContainer p{font-family:kirupapixel;font-size:20px;line-height:1.2em}#rightContents .newForum .blockBorder{position:absolute;left:-35px;top:-20px}#rightContents nav{position:relative}#rightContents nav .fresh_caption{z-index:20;position:relative;margin-left:52px;top:4px;margin-bottom:20px}#rightContents nav .fresh_background{position:absolute;top:-20px;left:0;margin-bottom:0;z-index:10;width:240px}#rightContents nav.newForum .fresh_caption{margin-left:41px;top:4px;margin-bottom:10px}#rightContents nav.newForum .fresh_background{top:7px;left:32px;width:176px;height:18px}#navMobile{display:none}@media all and (max-width:1700px){body #newFooter{margin-left:350px}}@media all and (max-width:1700px){html body #mainHeader{--header-control-gap: 24px}}@media all and (max-width:1560px){html body #mainHeader{--header-control-gap: 14px;--header-nav-gap: 8px}}@media all and (max-width:1560px){#rightContents,.askForumSigContainer{display:none}#mainBody{grid-template-columns:470px 760px;width:100%}#newFooter{grid-template-columns:unset;width:100%}}@media all and (max-width:1420px){#rightContents,.leftNav{display:none}html body #mainHeader{--header-control-gap: 4px;--header-nav-gap: 4px}html body #mainHeader.headerFitReady{grid-template-columns:auto minmax(0,1fr) auto}body #newFooter{margin-left:auto}#mainBody{grid-template-columns:270px 760px;width:100%}#mainContent{border-right:none}#mainHeader{width:unset}#mainContent>*{margin-left:75px;margin-right:75px}#sigNewsletter .newsletterContainer{width:100%}}@media all and (max-width:1200px){body{margin:0}.askForumSigContainer{display:none}.articleNavigation ul{flex-direction:column}#previousArticle{margin-left:0}#nextArticle{margin-right:0}#mainContent img{max-width:calc(100% - 40px);height:auto}#mainContent>*{margin-left:10px;margin-right:10px}#mainBody{grid-template-columns:none;width:calc(100% - 35px)}div#mainContent #pageComments{background-position-x:calc(50% - 120px)}#mainFooter p{margin-bottom:18px}#pageCommentsImage{display:none;padding-left:0}.authorText h1,h1{font-size:4em;line-height:1;margin-left:0}h2{font-size:28px;line-height:1.5}h3{font-size:24px;line-height:1.5}h4{font-size:20px;line-height:1.5}#navigationSlider.hidden{opacity:0}body{padding:0}.syntaxhighlighter{font-size:16px!important}#rightContents{display:none}#mainContent iframe{width:95%!important}#mainContent{width:100%;border:0;padding:0;max-width:700px;margin:0 auto}#mainBody{display:flex}#adArea{border-bottom:1px var(--structureBorder) solid}#footer,#bottomFooterLinks{display:none}#theHorizontalLine{width:100%}.authorImage,#tutorialBox{display:none}.tutorialInfo{margin-top:5px}div#mainContent p{padding-right:0}#mainFooter{width:calc(100% - 70px);margin-left:15px;margin-right:15px;display:flex;flex-direction:column}#sigNewsletter{padding-right:0;background-image:none}#sigNewsletter #mce-EMAIL{width:calc(100% - 40px)}#birdNewsletter,#downwardCurvedArrow,.leftBracket,.rightBracket{display:none}#kirupaBio{display:grid;grid-template-columns:unset;padding-left:0;padding-right:0;justify-items:center;font-style:italic;margin-bottom:40px;padding-top:30px;border-top:2px solid var(--structureBorder)}iframe.centerImage,video.centerImage{margin-left:0}.centerImageNoBorder img,p.centerImage img{margin-left:0}}@media all and (max-width:1230px){html body #mainHeader:not(.headerFitReady){grid-template-columns:minmax(0,1fr) auto}#mainHeader:not(.headerFitReady) .headerNavigation,#mainHeader:not(.headerFitReady) #codingHeader{display:none}}@media all and (max-width:1200px){#leftContents{display:none}#mainHeader:not(.headerFitReady) .wideOnly{display:none}html body #mainHeader:not(.headerFitReady){--header-control-gap: 6.5px;grid-template-columns:minmax(0,1fr) auto;width:unset}#mainHeader:not(.headerFitReady) .headerNavigation{display:none}.leftNav,.leftNavContainer{display:none}}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:kirupaCode;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.75;font-size:16.5px;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f8f8f8}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#9e9e9e1a;pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:#997a6666;color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #CCC;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#ccc;display:block;padding-right:.8em;text-align:right;transform:translateY(-5px)}div.askForums a{background-color:var(--highlighter);padding:15px;display:block;color:var(--darkText)}div.askForums a:hover{background-color:var(--highlighterTwo);text-decoration:underline}div.askForums a span{font-weight:700}.smileysTable{border:2px solid var(--structureBorder);border-collapse:collapse;width:-webkit-fill-available;font-size:16px}.smileysTable th{font-weight:700;font-size:18px;background-color:var(--primaryLighter)}.smileysTable td{border:1px solid var(--structureBorder);padding:10px;color:var(--bodyText)}.smileysTable th{border:1px solid var(--structureBorder);padding:10px}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-var.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Fraunces Soft;src:url(/fonts/fraunces-soft-600-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}html.theme_pink{--primary: #ff0767;--textOnPrimary: #FFFFFF;--primaryDarker: #99003b;--primaryLighter: #ffb1cf;--primaryLightest: #ffdae8;--leftNavLight: 255, 218, 232;--backgroundStart: #ffaecd;--light: #f6f6f6;--lighter: #fffcfe;--highlighter: #b2fff8;--highlighterTwo: #bffff9;--highlighterThree: #ffcfb2;--inputBackground: #FFF;--inputBorder: #ff99c0;--headerBackground: #ffeaf2;--headerCircles: "rgba(255, 7, 103, ";--darkText: #222222;--headerText: #97033c;--bodyText: #373d42;--navigationLinkColor: #333333;--pageBackground: #ffffff;--linkForeground: #d70053;--linkBackground: rgba(215, 0, 83, .07);--linkHoverForeground: hsla(50, 100%, 25%, 1);--linkHoverBackground: hsla(50, 100%, 50%, .51);--orangeBigLeaf: #008000;--orangeSmallLeaf: #01C201;--orangeBodyTop: #FFD500;--orangeBodyMiddle: #FFA601;--orangeBodyBottom: #FF8000;--orangeBorder: #333333;--orangeBackground: #FFFFFF;--logoTextColor: #e70059;--logoTextShadow: #333333;--structureBorder: #EEE;--darkStructureBorder: #666;--mediaBorder: #333;--tableBorder: 1px solid #CCC}html.theme_yellow{--primary: rgb(104, 99, 5);--textOnPrimary: #FFFFFF;--primaryDarker: rgb(36, 34, 0);--primaryLighter: #FFEB3B;--primaryLightest: #fff5c5;--leftNavLight: 255, 245, 197;--backgroundStart: #fffcdf;--light: #F3F3F3;--lighter: #FAFAFA;--highlighter: rgb(206, 234, 255);--highlighterTwo: #FFE561;--highlighterThree: #DCFFB2;--inputBackground: hsl(0, 0%, 100%);--inputBorder: #ffd500;--headerBackground: #fff38b;--headerCircles: "rgba(200, 150, 150, ";--darkText: #222222;--headerText: #3a3802;--bodyText: #373d42;--navigationLinkColor: #333333;--pageBackground: #FFFFFF;--linkForeground: hsl(55, 100%, 14%);--linkBackground: hsl(54, 100%, 77%);--linkHoverForeground: hsl(0, 0%, 16%);--linkHoverBackground: hsl(50, 100%, 50%);--orangeBigLeaf: #008000;--orangeSmallLeaf: #01C201;--orangeBodyTop: #FFD500;--orangeBodyMiddle: #FFA601;--orangeBodyBottom: #FF8000;--orangeBorder: #333333;--orangeBackground: #FFFFFF;--logoTextColor: #868000;--logoTextShadow: #333333;--structureBorder: #EEE;--darkStructureBorder: #666;--mediaBorder: #333;--tableBorder: 1px solid #CCC}html.theme_green{--primary: #428989;--textOnPrimary: #FFFFFF;--primaryDarker: #245455;--primaryLighter: #66BB6A;--primaryLightest: #a4f8a8;--leftNavLight: 164, 248, 168;--backgroundStart: #f1fff1;--light: #F3F3F3;--lighter: #FAFAFA;--highlighter: #fbdbff;--highlighterTwo: #FFE561;--highlighterThree: #DCFFB2;--inputBackground: #FFF;--inputBorder: #72b3b6;--headerBackground: #deffe0;--headerCircles: "rgba(7, 152, 255, ";--darkText: #222222;--headerText: #1c3a3a;--bodyText: #373d42;--navigationLinkColor: #333333;--pageBackground: #FFFFFF;--linkForeground: #008000;--linkBackground: hsla(120, 100%, 25%, .07);--linkHoverForeground: hsla(50, 100%, 25%, 1);--linkHoverBackground: hsla(50, 100%, 50%, .51);--orangeBigLeaf: #008000;--orangeSmallLeaf: #01C201;--orangeBodyTop: #FFD500;--orangeBodyMiddle: #FFA601;--orangeBodyBottom: #FF8000;--orangeBorder: #333333;--orangeBackground: #FFFFFF;--logoTextColor: #428889;--logoTextShadow: #333333;--structureBorder: #EEE;--darkStructureBorder: #666;--mediaBorder: #333;--tableBorder: 1px solid #CCC}html.theme_purple{--primary: #6b16a6;--textOnPrimary: #FFFFFF;--primaryDarker: #420a66;--primaryLighter: #cc98f0;--primaryLightest: #edd4ff;--leftNavLight: 237, 212, 255;--backgroundStart: #f0dbff;--light: #F3F3F3;--lighter: #FAFAFA;--highlighter: #A6F6FF;--highlighterTwo: #FFE561;--highlighterThree: #d5d5d5;--inputBackground: #FFF;--inputBorder: #815b9b;--headerBackground: #bb94d7;--headerCircles: "rgba(62, 0, 104, ";--darkText: #280540;--headerText: #3d0b5f;--bodyText: #373d42;--navigationLinkColor: #333333;--pageBackground: #FFFFFF;--linkForeground: #6b16a6;--linkBackground: #f1e9f6;--linkHoverForeground: #605814;--linkHoverBackground: #ffeb43;--orangeBigLeaf: #008000;--orangeSmallLeaf: #01C201;--orangeBodyTop: #FFD500;--orangeBodyMiddle: #FFA601;--orangeBodyBottom: #FF8000;--orangeBorder: #333333;--orangeBackground: #FFFFFF;--logoTextColor: #6b17a7;--logoTextShadow: #000000;--structureBorder: #EEE;--darkStructureBorder: #666;--mediaBorder: #333;--tableBorder: 1px solid #CCC}html.theme_pico8{--primary: #7E2553;--textOnPrimary: #FFFFFF;--primaryDarker: #1D2B53;--primaryLighter: #9fdaff;--primaryLightest: #ffe4d3;--leftNavLight: 255, 228, 211;--backgroundStart: #f9e9d9;--light: #F3F3F3;--lighter: #FAFAFA;--highlighter: #ffbbd3;--highlighterTwo: #ffec27;--highlighterThree: #FFCCAA;--inputBackground: #FFF;--inputBorder: #C39D89;--headerBackground: #FFCCAA;--headerCircles: "rgba(131, 118, 156, ";--darkText: #222222;--headerText: #222;--bodyText: #373d42;--navigationLinkColor: #333333;--pageBackground: #FFFFFF;--linkForeground: #7E2553;--linkBackground: #FFF1E8;--linkHoverForeground: #008751;--linkHoverBackground: #d6ff6b;--orangeBigLeaf: #008000;--orangeSmallLeaf: #01C201;--orangeBodyTop: #FFD500;--orangeBodyMiddle: #FFA601;--orangeBodyBottom: #FF8000;--orangeBorder: #333333;--orangeBackground: #FFFFFF;--logoTextColor: #7e2653;--logoTextShadow: #000000;--structureBorder: #EEE;--darkStructureBorder: #666;--mediaBorder: #333;--tableBorder: 1px solid #CCC}html.theme_black{--primary: #000000;--textOnPrimary: #FFFFFF;--primaryDarker: #3e3e3e;--primaryLighter: #737373;--primaryLightest: #c1c1c1;--leftNavLight: 193, 193, 193;--backgroundStart: #ececec;--light: #F3F3F3;--lighter: #FAFAFA;--highlighter: #FFE561;--highlighterTwo: #FFE561;--highlighterThree: #DCFFB2;--inputBackground: #FFF;--inputBorder: #8a8a8a;--headerBackground: #d6d6d6;--headerCircles: "rgba(0, 0, 0, ";--darkText: #222222;--headerText: #222;--bodyText: #373d42;--navigationLinkColor: #333333;--pageBackground: #FFFFFF;--linkForeground: #333;--linkBackground: #EEE;--linkHoverForeground: hsla(50, 100%, 25%, 1);--linkHoverBackground: hsla(50, 100%, 50%, .51);--orangeBigLeaf: #008000;--orangeSmallLeaf: #01C201;--orangeBodyTop: #FFD500;--orangeBodyMiddle: #FFA601;--orangeBodyBottom: #FF8000;--orangeBorder: #333333;--orangeBackground: #FFFFFF;--logoTextColor: #a9a9a9;--logoTextShadow: #333333;--structureBorder: #EEE;--darkStructureBorder: #666;--mediaBorder: #333;--tableBorder: 1px solid #CCC}html.theme_brown{--primary: #99242c;--textOnPrimary: #FFFFFF;--primaryDarker: #67181d;--primaryLighter: #9a4a50;--primaryLightest: #d8abae;--leftNavLight: 216, 171, 174;--backgroundStart: #ffd4d7;--light: #F3F3F3;--lighter: #FAFAFA;--highlighter: #FFE561;--highlighterTwo: #FFE561;--highlighterThree: #DCFFB2;--inputBackground: #FFF;--inputBorder: #672025;--headerBackground: #e48289;--headerCircles: "rgba(255, 236, 39, ";--darkText: #222222;--headerText: #531418;--bodyText: #373d42;--navigationLinkColor: #333333;--pageBackground: #FFFFFF;--linkForeground: #333;--linkBackground: #ffe2e4;--linkHoverForeground: #000;--linkHoverBackground: #ffc6c8;--orangeBigLeaf: #008000;--orangeSmallLeaf: #01C201;--orangeBodyTop: #FFD500;--orangeBodyMiddle: #FFA601;--orangeBodyBottom: #FF8000;--orangeBorder: #333333;--orangeBackground: #FFFFFF;--logoTextColor: #9a242c;--logoTextShadow: #000000;--structureBorder: #EEE;--darkStructureBorder: #666;--mediaBorder: #333;--tableBorder: 1px solid #CCC}html.theme_yellow_dark.theme_dark{--primary: #776600;--darkTextSecondary: #cacaca;--primaryDarker: #927e00;--primaryLighter: rgb(181 156 0);--primaryLightest: #bfa500;--backgroundStart: #776703;--lighter: #27230b;--highlighter: #776703;--highlighterTwo: #776703;--highlighterThree: #776703;--inputBackground: #433c22;--inputBorder: #776703;--headerBackground: #292720;--headerCircles: "rgba(181, 156, 0, ";--headerText: rgb(236 204 0 / .75);--pageBackground: #3a382f;--linkFilter: hue-rotate(205deg);--linkFilterHover: hue-rotate(295deg);--codeFilter: hue-rotate(195deg)}html.theme_pink_dark.theme_dark{--primary: #ca4fb2;--darkTextSecondary: #cacaca;--primaryDarker: #9c4c9c;--primaryLighter: rgb(179 99 179);--primaryLightest: #bf8abf;--backgroundStart: #7b397b;--lighter: #270227;--highlighter: #ab00ad;--highlighterTwo: #ab00ad;--highlighterThree: #ab00ad;--inputBackground: #3e173e;--inputBorder: #7b387b;--headerBackground: #1b001b;--headerCircles: "rgba(191, 138, 191, ";--headerText: rgb(189 135 189 / 78%);--pageBackground: #290229;--linkFilter: hue-rotate(445deg);--linkFilterHover: hue-rotate(155deg);--codeFilter: hue-rotate(85deg)}html.theme_green_dark.theme_dark{--primary: #2daa72;--darkTextSecondary: #adcaba;--primaryDarker: #1f744e;--primaryLighter: rgb(2, 56, 41);--primaryLightest: #123027;--backgroundStart: #000000;--lighter: #061911;--highlighter: #207b52;--highlighterTwo: #207b52;--highlighterThree: #207b52;--inputBackground: #0f3f2a;--inputBorder: #13ab7e;--headerBackground: #0b2c1d;--headerCircles: "rgba(70, 255, 173, ";--headerText: rgba(70, 255, 173, .62);--pageBackground: #062014;--linkFilter: hue-rotate(275deg);--linkFilterHover: hue-rotate(377deg);--structureBorder: #0c4129;--darkStructureBorder: #0e412a;--codeFilter: hue-rotate(285deg)}html.theme_purple_dark.theme_dark{--primary: #972fc6;--darkTextSecondary: #bdadca;--primaryDarker: #842cae;--primaryLighter: rgb(189, 73, 243);--primaryLightest: #551e70;--backgroundStart: #4d1866;--lighter: #0c050f;--highlighter: #561e70;--highlighterTwo: #551e70;--highlighterThree: #551e70;--inputBackground: #270e35;--inputBorder: #9630c6;--headerBackground: #15081c;--headerCircles: "rgba(190, 59, 255, ";--headerText: #b881d5;--pageBackground: #230d2e;--linkFilter: hue-rotate(420deg);--linkFilterHover: hue-rotate(577deg);--structureBorder: #4a1a61;--darkStructureBorder: #46185d;--codeFilter: hue-rotate(45deg)}html.theme_pico8_dark.theme_dark{--primary: #29ADFF;--darkTextSecondary: #bdadca;--primaryDarker: #c0597e;--primaryLighter: rgb(190, 90, 126);--primaryLightest: #551e70;--backgroundStart: #4f475d;--lighter: #362531;--highlighter: #FF004D;--highlighterTwo: #FF004D;--highlighterThree: #FF004D;--inputBackground: #682b41;--inputBorder: var(--primary);--headerBackground: #332e3c;--headerCircles: "rgba(255, 0, 77, ";--headerText: #ac5479;--pageBackground: #1b1820;--linkFilter: hue-rotate(713deg);--linkFilterHover: hue-rotate(517deg);--structureBorder: #3c3747;--darkStructureBorder: #332e3c;--codeFilter: hue-rotate(-5deg)}html.theme_black_dark.theme_dark{--primary: #009aff;--darkTextSecondary: #bdbdbd;--primaryDarker: #6eb3de;--primaryLighter: #848484;--primaryLightest: #000000;--backgroundStart: #212121;--lighter: #2f2f2f;--highlighter: #5d5d5d;--highlighterTwo: #5d5d5d;--highlighterThree: #5d5d5d;--inputBackground: #262626;--inputBorder: var(--primary);--headerBackground: #191919;--headerCircles: "rgba(225, 225, 225, ";--headerText: #777777;--pageBackground: #232323;--linkFilter: hue-rotate(713deg);--linkFilterHover: hue-rotate(517deg);--structureBorder: #3c3747;--darkStructureBorder: #777777;--codeFilter: hue-rotate(-5deg)}html.theme_brown_dark.theme_dark{--primary: #a56554;--darkTextSecondary: #caadad;--primaryDarker: #865446;--primaryLighter: rgb(225, 139, 112);--primaryLightest: #4a2f28;--backgroundStart: #4f475d;--lighter: #201410;--highlighter: #95185d;--highlighterTwo: #95185d;--highlighterThree: #95185d;--inputBackground: #4f3129;--inputBorder: var(--primary);--headerBackground: #432b24;--headerCircles: "rgba(190, 90, 126, ";--headerText: #a56554;--pageBackground: #2c1c17;--linkFilter: hue-rotate(533deg);--linkFilterHover: hue-rotate(367deg);--structureBorder: #53352b;--darkStructureBorder: #432b24;--codeFilter: hue-rotate(145deg)}#siteSearchStatus:not([hidden]){position:fixed;top:80px;right:20px;z-index:10000;max-width:min(340px,calc(100vw - 40px));margin:0;padding:16px 20px;border:1px solid var(--primary);border-radius:8px;background:var(--pageBackground);color:var(--bodyText);font:14px/1.5 var(--serifFonts);box-shadow:0 5px 20px #0003}#newFooter{width:1060px;display:grid;grid-template-columns:400px 40% 25%;margin:0 auto}@media(max-width:1249px){#newFooter{grid-template-columns:unset;width:100%}.newFooterFirst{order:3}.newFooterSecond{order:2;margin-bottom:40px;border-bottom:1px solid var(--structureBorder)!important;padding-bottom:40px!important}.newFooterThird{order:1;margin-bottom:28px;padding-bottom:24px!important;border-bottom:1px solid var(--structureBorder)!important}.newFooterThird h3{margin-bottom:4px;padding-bottom:8px}.newFooterThird .aboutFooter{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0}#newFooter .newFooterThird .aboutFooter li{margin-bottom:0}.newFooterThird .aboutFooter a{display:inline-block;white-space:nowrap;padding-left:26px;background-position:0 center}}@media(max-width:600px){.newFooterThird{margin-bottom:24px;padding-bottom:20px!important}.newFooterThird h3{margin-bottom:2px;padding-bottom:6px}.newFooterThird .aboutFooter{gap:10px 16px}.newFooterThird .aboutFooter a{padding-left:22px}}@media(max-width:359px){.newFooterThird .aboutFooter{gap:8px 10px}}#newFooter .newFooterFirst,#newFooter .newFooterSecond,#newFooter .newFooterThird{padding-bottom:0}.newFooterFirst{padding:0 20px 20px;display:flex;flex-direction:column}.newFooterFirst p{font-size:1em;margin-top:5px}.newFooterFirst .footerSocials{padding-left:0;margin:0;filter:drop-shadow(1px 1px 0px #FFF)}.newFooterFirst .footerSocials li{display:inline-block;margin-right:9px}.newFooterFirst .footerSocials li a{background-color:#ffffffa6;padding:9px 5px 0;border-radius:5px}.newFooterFirst .footerSocials li:hover{transform:scale(1.2)}.newFooterSecond{border:1px solid var(--structureBorder);border-bottom:0px;border-top:0px;padding:0 20px 20px}.newFooterSecond h3{margin-bottom:3px}.newFooterSecond .popularTags{padding-left:0;margin:0}.newFooterSecond .popularTags li{display:inline-block}.newFooterSecond .popularTags a{line-height:40px;margin:3px;padding:5px;font-family:kirupapixel;font-size:1.5em}.newFooterThird{padding:0 20px 20px}.newFooterThird .aboutFooter li{list-style-type:none;margin-bottom:20px}.newFooterThird .aboutFooter{padding-left:0}.newFooterThird .aboutFooter a{padding-left:40px;background-repeat:no-repeat;image-rendering:pixelated;background-position:10px center;font-size:16px;font-weight:100;color:var(--darkText);line-height:1.5em;font-family:kirupapixel;-webkit-font-smoothing:none}.newFooterThird .aboutFooter a:hover{text-decoration:underline}#newFooter h3{margin-top:0;border-bottom:none;font-size:1.5em}#newFooter h4{margin-top:0;font-size:16px;margin-bottom:-8px}.kirupaKopyright{text-align:center;font-size:1em;opacity:.5;translate:0 -18px;font-family:kirupapixel}.iconOn{--iconOn: var(--icon)}