@keyframes index-module-scss-module__Ub0R8q__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes index-module-scss-module__Ub0R8q__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes index-module-scss-module__Ub0R8q__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes index-module-scss-module__Ub0R8q__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes index-module-scss-module__Ub0R8q__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes index-module-scss-module__Ub0R8q__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes index-module-scss-module__Ub0R8q__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes index-module-scss-module__Ub0R8q__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes index-module-scss-module__Ub0R8q__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes index-module-scss-module__Ub0R8q__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes index-module-scss-module__Ub0R8q__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.index-module-scss-module__Ub0R8q__animation{height:100%;display:block}.index-module-scss-module__Ub0R8q__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate index-module-scss-module__Ub0R8q__cycle-border-color}.index-module-scss-module__Ub0R8q__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate index-module-scss-module__Ub0R8q__cycle-colour}.index-module-scss-module__Ub0R8q__container{z-index:10;background-color:var(--background-color-dark-two);border-bottom:3px solid var(--background-color-dark-one);flex-direction:row;align-items:center;width:100%;padding:16px;display:flex;position:fixed;left:0;box-shadow:0 1px 3px #0a0a0a}.index-module-scss-module__Ub0R8q__column{flex-direction:column;flex-grow:1;display:flex}.index-module-scss-module__Ub0R8q__text{margin:0}.index-module-scss-module__Ub0R8q__infoMobileSvg{width:50px;height:50px}.index-module-scss-module__Ub0R8q__fadeIn{opacity:0;will-change:opacity,transform;animation-name:index-module-scss-module__Ub0R8q__fadeInSlideDownKF;animation-duration:1s;animation-iteration-count:1;animation-delay:.1s;animation-fill-mode:forwards}.index-module-scss-module__Ub0R8q__fadeOut{opacity:1;will-change:opacity,transform;animation-name:index-module-scss-module__Ub0R8q__fadeOutSlideUpKF;animation-duration:1s;animation-iteration-count:1;animation-delay:.1s;animation-fill-mode:forwards;top:0}
@keyframes index-module-scss-module__Pt8yeq__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes index-module-scss-module__Pt8yeq__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes index-module-scss-module__Pt8yeq__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes index-module-scss-module__Pt8yeq__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes index-module-scss-module__Pt8yeq__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes index-module-scss-module__Pt8yeq__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes index-module-scss-module__Pt8yeq__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes index-module-scss-module__Pt8yeq__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes index-module-scss-module__Pt8yeq__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes index-module-scss-module__Pt8yeq__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes index-module-scss-module__Pt8yeq__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.index-module-scss-module__Pt8yeq__animation{height:100%;display:block}.index-module-scss-module__Pt8yeq__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate index-module-scss-module__Pt8yeq__cycle-border-color}.index-module-scss-module__Pt8yeq__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate index-module-scss-module__Pt8yeq__cycle-colour}.index-module-scss-module__Pt8yeq__reactionBar{flex-direction:column;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.index-module-scss-module__Pt8yeq__label{color:var(--light-grey);letter-spacing:.02em;margin:0;font-size:.85rem}.index-module-scss-module__Pt8yeq__buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.index-module-scss-module__Pt8yeq__reactionBtn{background:var(--background-color-dark-two);cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:10px 18px;transition:border-color .2s,transform .18s,box-shadow .2s,background .2s;display:flex;box-shadow:0 1px 4px #00000059}.index-module-scss-module__Pt8yeq__reactionBtn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 14px #0006}.index-module-scss-module__Pt8yeq__reactionBtn:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.index-module-scss-module__Pt8yeq__reactionBtn.index-module-scss-module__Pt8yeq__active{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color),0 1px 4px #00000059}.index-module-scss-module__Pt8yeq__reactionBtn.index-module-scss-module__Pt8yeq__active .index-module-scss-module__Pt8yeq__count{color:var(--primary-color)}.index-module-scss-module__Pt8yeq__iconArea{flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.index-module-scss-module__Pt8yeq__tierStack{width:60px;height:60px;display:block;position:relative}.index-module-scss-module__Pt8yeq__tierLayer{transition:opacity .5s;position:absolute;top:0;left:0}.index-module-scss-module__Pt8yeq__emoji{font-size:2rem;line-height:1}.index-module-scss-module__Pt8yeq__countAndPips{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.index-module-scss-module__Pt8yeq__count{color:var(--white);min-width:1.5ch;font-size:.9rem;font-weight:600;transition:color .2s}.index-module-scss-module__Pt8yeq__countBounce{animation:.4s cubic-bezier(.34,1.56,.64,1) index-module-scss-module__Pt8yeq__count-pop}.index-module-scss-module__Pt8yeq__pips{align-items:center;gap:3px;display:flex}.index-module-scss-module__Pt8yeq__pip{background:#ffffff26;border-radius:50%;width:4px;height:4px;transition:background .2s}.index-module-scss-module__Pt8yeq__pipFilled{background:var(--primary-color)}.index-module-scss-module__Pt8yeq__devResetButton{color:#ff505080;cursor:pointer;background:0 0;border:1px dashed #ff505066;border-radius:4px;margin-top:4px;padding:2px 6px;font-family:monospace;font-size:.55rem;transition:opacity .2s}.index-module-scss-module__Pt8yeq__devResetButton:hover{opacity:.8}@keyframes index-module-scss-module__Pt8yeq__count-pop{0%{transform:scale(1)}50%{transform:scale(1.45)}to{transform:scale(1)}}
@keyframes index-module-scss-module__r2Yf3a__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes index-module-scss-module__r2Yf3a__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes index-module-scss-module__r2Yf3a__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes index-module-scss-module__r2Yf3a__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes index-module-scss-module__r2Yf3a__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes index-module-scss-module__r2Yf3a__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes index-module-scss-module__r2Yf3a__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes index-module-scss-module__r2Yf3a__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes index-module-scss-module__r2Yf3a__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes index-module-scss-module__r2Yf3a__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes index-module-scss-module__r2Yf3a__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.index-module-scss-module__r2Yf3a__animation{height:100%;display:block}.index-module-scss-module__r2Yf3a__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate index-module-scss-module__r2Yf3a__cycle-border-color}.index-module-scss-module__r2Yf3a__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate index-module-scss-module__r2Yf3a__cycle-colour}.index-module-scss-module__r2Yf3a__sidebar{z-index:10;flex-direction:column;align-items:flex-end;gap:.5rem;width:200px;max-height:calc(100vh - 80px);display:flex;position:fixed;top:50%;right:32px;overflow-y:auto;transform:translateY(-50%)}.index-module-scss-module__r2Yf3a__collapseToggle{color:var(--light-grey);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-self:flex-end;align-items:center;padding:6px 8px;transition:color .2s,border-color .2s;display:flex}.index-module-scss-module__r2Yf3a__collapseToggle:hover{color:var(--primary-color);border-color:var(--primary-color)}.index-module-scss-module__r2Yf3a__collapseToggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.index-module-scss-module__r2Yf3a__collapseIcon{border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transition:transform .2s;display:inline-block;transform:rotate(-45deg)}.index-module-scss-module__r2Yf3a__collapseIconCollapsed{transform:rotate(135deg)}.index-module-scss-module__r2Yf3a__sidebarContent{flex-direction:column;align-items:flex-start;gap:4px;width:100%;transition:opacity .2s,transform .2s;display:flex}.index-module-scss-module__r2Yf3a__collapsed{opacity:0;pointer-events:none;transform:translate(10px)}.index-module-scss-module__r2Yf3a__toc{flex-direction:column;gap:.5rem;width:100%;display:flex}.index-module-scss-module__r2Yf3a__tocLabel{font-variant:small-caps;text-transform:lowercase;letter-spacing:.1em;color:var(--white);text-align:center;font-size:.85rem;font-weight:700}.index-module-scss-module__r2Yf3a__tocList{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.index-module-scss-module__r2Yf3a__tocList li{margin:0}.index-module-scss-module__r2Yf3a__tocItemIndent{padding-left:20px;font-size:.75rem}.index-module-scss-module__r2Yf3a__tocItem{color:var(--light-grey);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;padding:2px 0 2px 10px;font-size:.8rem;line-height:1.3;transition:color .2s,border-color .2s}.index-module-scss-module__r2Yf3a__tocItem:hover{color:var(--primary-color)}.index-module-scss-module__r2Yf3a__tocItem:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:2px}.index-module-scss-module__r2Yf3a__tocItem.index-module-scss-module__r2Yf3a__active{color:var(--primary-color);border-left-color:var(--primary-color)}
@keyframes article-quiz-module-scss-module__kYfSBa__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes article-quiz-module-scss-module__kYfSBa__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes article-quiz-module-scss-module__kYfSBa__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes article-quiz-module-scss-module__kYfSBa__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.article-quiz-module-scss-module__kYfSBa__animation{height:100%;display:block}.article-quiz-module-scss-module__kYfSBa__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate article-quiz-module-scss-module__kYfSBa__cycle-border-color}.article-quiz-module-scss-module__kYfSBa__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate article-quiz-module-scss-module__kYfSBa__cycle-colour}.article-quiz-module-scss-module__kYfSBa__container{background-color:var(--background-color-dark-two);border:1px solid #ffffff0d;border-radius:12px;margin:2rem 0;overflow:hidden}.article-quiz-module-scss-module__kYfSBa__toggle{cursor:pointer;width:100%;color:var(--font-color);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.article-quiz-module-scss-module__kYfSBa__toggle:hover{background-color:#ffffff08}.article-quiz-module-scss-module__kYfSBa__toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.article-quiz-module-scss-module__kYfSBa__heading{color:var(--font-color);margin:0;font-size:1.3rem}.article-quiz-module-scss-module__kYfSBa__chevron{color:var(--light-grey);font-size:.8rem;transition:transform .2s}.article-quiz-module-scss-module__kYfSBa__panel{flex-direction:column;gap:24px;padding:0 24px 24px;display:flex}@media screen and (min-width:0) and (max-width:800px){.article-quiz-module-scss-module__kYfSBa__panel{gap:16px;padding:0 16px 16px}}.article-quiz-module-scss-module__kYfSBa__questionFieldset{border:none;margin:0;padding:0}.article-quiz-module-scss-module__kYfSBa__questionLegend{color:var(--font-color);width:100%;margin-bottom:12px;font-size:1.05rem;font-weight:600;display:block}.article-quiz-module-scss-module__kYfSBa__optionsGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media screen and (min-width:0) and (max-width:800px){.article-quiz-module-scss-module__kYfSBa__optionsGrid{grid-template-columns:1fr}}.article-quiz-module-scss-module__kYfSBa__radioInput{opacity:0;width:0;height:0;position:absolute}.article-quiz-module-scss-module__kYfSBa__option{background-color:var(--background-color-dark);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;align-items:center;padding:12px 16px;transition:border-color .2s,background-color .2s;display:flex}.article-quiz-module-scss-module__kYfSBa__option:hover{border-color:#fff3}.article-quiz-module-scss-module__kYfSBa__option .article-quiz-module-scss-module__kYfSBa__radioInput:focus-visible+.article-quiz-module-scss-module__kYfSBa__optionText{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.article-quiz-module-scss-module__kYfSBa__optionSelected{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb,255, 255, 255), .05)}.article-quiz-module-scss-module__kYfSBa__optionCorrect{border-color:var(--lime);background-color:color-mix(in srgb, var(--lime) 10%, transparent)}.article-quiz-module-scss-module__kYfSBa__optionIncorrect{border-color:var(--red);background-color:color-mix(in srgb, var(--red) 10%, transparent)}.article-quiz-module-scss-module__kYfSBa__optionText{color:var(--light-grey);font-size:.95rem;line-height:1.4}.article-quiz-module-scss-module__kYfSBa__explanation{border-left:3px solid var(--primary-color);color:var(--light-grey);background-color:#ffffff05;border-radius:0 8px 8px 0;margin:10px 0 0;padding:12px 16px;font-size:.9rem;line-height:1.5}.article-quiz-module-scss-module__kYfSBa__submitButton,.article-quiz-module-scss-module__kYfSBa__resetButton,.article-quiz-module-scss-module__kYfSBa__runButton,.article-quiz-module-scss-module__kYfSBa__hintButton{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:opacity .2s}.article-quiz-module-scss-module__kYfSBa__submitButton:disabled,.article-quiz-module-scss-module__kYfSBa__resetButton:disabled,.article-quiz-module-scss-module__kYfSBa__runButton:disabled,.article-quiz-module-scss-module__kYfSBa__hintButton:disabled{opacity:.4;cursor:not-allowed}.article-quiz-module-scss-module__kYfSBa__submitButton:focus-visible,.article-quiz-module-scss-module__kYfSBa__resetButton:focus-visible,.article-quiz-module-scss-module__kYfSBa__runButton:focus-visible,.article-quiz-module-scss-module__kYfSBa__hintButton:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.article-quiz-module-scss-module__kYfSBa__submitButton{background-color:var(--background-color-dark-two);color:var(--white);border:2px solid var(--primary-color);align-self:flex-start;transition:border-color .4s,transform .4s}.article-quiz-module-scss-module__kYfSBa__submitButton:hover:not(:disabled){border-color:var(--secondary-color);transform:scale(1.02)}.article-quiz-module-scss-module__kYfSBa__submitButton:focus-visible{border-color:var(--secondary-color)}.article-quiz-module-scss-module__kYfSBa__resetButton{color:var(--light-grey);background:0 0;border:1px solid #ffffff26;align-self:flex-start}.article-quiz-module-scss-module__kYfSBa__resetButton:hover{border-color:#ffffff4d}.article-quiz-module-scss-module__kYfSBa__results{text-align:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:.65rem;margin:8px 0 4px;padding:24px 20px;display:flex}.article-quiz-module-scss-module__kYfSBa__robotBackdrop{background:var(--light-grey);border-radius:16px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.article-quiz-module-scss-module__kYfSBa__score{color:var(--primary-color);font-size:1.6rem;font-weight:700}.article-quiz-module-scss-module__kYfSBa__message{color:var(--font-color);font-size:1.05rem}.article-quiz-module-scss-module__kYfSBa__codeChallenge{border-top:1px solid #ffffff0d;flex-direction:column;gap:12px;padding-top:24px;display:flex}.article-quiz-module-scss-module__kYfSBa__challengeDescription{color:var(--font-color);margin:0;font-size:1rem;font-weight:600}.article-quiz-module-scss-module__kYfSBa__codeTextarea{background-color:var(--background-color-dark);color:var(--font-color);resize:vertical;tab-size:2;border:1px solid #ffffff14;border-radius:8px;padding:16px;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.5}.article-quiz-module-scss-module__kYfSBa__codeTextarea:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.article-quiz-module-scss-module__kYfSBa__challengeActions{gap:10px;display:flex}.article-quiz-module-scss-module__kYfSBa__runButton{background-color:var(--primary-color);color:var(--background-color-dark)}.article-quiz-module-scss-module__kYfSBa__runButton:hover{opacity:.85}.article-quiz-module-scss-module__kYfSBa__hintButton{color:var(--light-grey);background:0 0;border:1px solid #ffffff26}.article-quiz-module-scss-module__kYfSBa__hintButton:hover{border-color:#ffffff4d}.article-quiz-module-scss-module__kYfSBa__resultCorrect{color:var(--lime);margin:0;font-weight:600}.article-quiz-module-scss-module__kYfSBa__resultIncorrect{color:var(--red);margin:0;font-weight:600}.article-quiz-module-scss-module__kYfSBa__hint{border-left:3px solid var(--secondary-color);color:var(--light-grey);background-color:#ffffff05;border-radius:0 8px 8px 0;margin:0;padding:12px 16px;font-size:.9rem;line-height:1.5}