diff --git a/asset-manifest.json b/asset-manifest.json
index a3487dbc5..12e1d741c 100644
--- a/asset-manifest.json
+++ b/asset-manifest.json
@@ -1,7 +1,7 @@
{
"files": {
"main.css": "/static/css/main.09b02f8d.css",
- "main.js": "/static/js/main.aef0b3f5.js",
+ "main.js": "/static/js/main.866284e7.js",
"static/js/787.211b8f8f.chunk.js": "/static/js/787.211b8f8f.chunk.js",
"static/media/background.webp": "/static/media/background.13403350a93e956c5bd9.webp",
"static/media/rpg-menu.webp": "/static/media/rpg-menu.5a7b730663ce007b4ff3.webp",
@@ -10,11 +10,11 @@
"static/media/fcc_primary_large.webp": "/static/media/fcc_primary_large.b24d5391807f0fdf6536.webp",
"index.html": "/index.html",
"main.09b02f8d.css.map": "/static/css/main.09b02f8d.css.map",
- "main.aef0b3f5.js.map": "/static/js/main.aef0b3f5.js.map",
+ "main.866284e7.js.map": "/static/js/main.866284e7.js.map",
"787.211b8f8f.chunk.js.map": "/static/js/787.211b8f8f.chunk.js.map"
},
"entrypoints": [
"static/css/main.09b02f8d.css",
- "static/js/main.aef0b3f5.js"
+ "static/js/main.866284e7.js"
]
}
\ No newline at end of file
diff --git a/index.html b/index.html
index e0374346a..b9f9acad2 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-freeCodeCamp Developer Quiz
\ No newline at end of file
+freeCodeCamp Developer Quiz
\ No newline at end of file
diff --git a/static/js/main.866284e7.js b/static/js/main.866284e7.js
new file mode 100644
index 000000000..505faf01f
--- /dev/null
+++ b/static/js/main.866284e7.js
@@ -0,0 +1,3 @@
+/*! For license information please see main.866284e7.js.LICENSE.txt */
+!function(){var e={694:function(e,t){var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t=1&&this.rotationDirection===o.Positive?this.rotationDirection=o.Negative:this.rotateY<=-1&&this.rotationDirection===o.Negative&&(this.rotationDirection=o.Positive);var c=.1*this.rotationDirection;if(this.rotateY+=c,this.angle+=this.angularSpin,this.context.save(),this.context.translate(this.x,this.y),this.context.rotate(this.angle),this.context.scale(1,this.rotateY),this.context.rotate(this.angle),this.context.beginPath(),this.context.fillStyle=this.color,this.context.strokeStyle=this.color,this.context.globalAlpha=i,this.context.lineCap="round",this.context.lineWidth=2,s&&"function"==typeof s)s.call(this,this.context);else switch(this.shape){case r.Circle:this.context.beginPath(),this.context.arc(0,0,this.radius,0,2*Math.PI),this.context.fill();break;case r.Square:this.context.fillRect(-this.w/2,-this.h/2,this.w,this.h);break;case r.Strip:this.context.fillRect(-this.w/6,-this.h/2,this.w/3,this.h)}this.context.closePath(),this.context.restore()}}])&&u(t.prototype,n),a&&u(t,a),e}();function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var m=function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),p(this,"canvas",void 0),p(this,"context",void 0),p(this,"getOptions",void 0),p(this,"x",0),p(this,"y",0),p(this,"w",0),p(this,"h",0),p(this,"lastNumberOfPieces",0),p(this,"tweenInitTime",Date.now()),p(this,"particles",[]),p(this,"particlesGenerated",0),p(this,"removeParticleAt",(function(e){r.particles.splice(e,1)})),p(this,"getParticle",(function(){var e=l(r.x,r.w+r.x),t=l(r.y,r.h+r.y);return new d(r.context,r.getOptions,e,t)})),p(this,"animate",(function(){var e=r.canvas,t=r.context,n=r.particlesGenerated,o=r.lastNumberOfPieces,a=r.getOptions(),i=a.run,s=a.recycle,c=a.numberOfPieces,l=a.debug,u=a.tweenFunction,h=a.tweenDuration;if(!i)return!1;var d=r.particles.length,p=s?d:n,m=Date.now();if(ph?h:Math.max(0,m-f),p,c,h),g=Math.round(w-p),y=0;ye.height||t.y<-100||t.x>e.width+100||t.x<-100)&&(s&&p<=c?r.particles[n]=r.getParticle():r.removeParticleAt(n))})),d>0||p0&&n.call(r,r),r._options.run=!1)})),y(this,"reset",(function(){r.generator&&r.generator.particlesGenerated>0&&(r.generator.particlesGenerated=0,r.generator.particles=[],r.generator.lastNumberOfPieces=0)})),y(this,"stop",(function(){r.options={run:!1},r.rafId&&(cancelAnimationFrame(r.rafId),r.rafId=void 0)})),this.canvas=t;var o=this.canvas.getContext("2d");if(!o)throw new Error("Could not get canvas context");this.context=o,this.generator=new m(this.canvas,(function(){return r.options})),this.options=n,this.update()}var t,n,r;return t=e,(n=[{key:"options",get:function(){return this._options},set:function(e){var t=this._options&&this._options.run,n=this._options&&this._options.recycle;this.setOptionsWithDefaults(e),this.generator&&(Object.assign(this.generator,this.options.confettiSource),"boolean"==typeof e.recycle&&e.recycle&&!1===n&&(this.generator.lastNumberOfPieces=this.generator.particles.length)),"boolean"==typeof e.run&&e.run&&!1===t&&this.update()}}])&&g(t.prototype,n),r&&g(t,r),e}();function D(e){return function(e){if(Array.isArray(e))return T(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||S(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e){return(k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function x(){return(x=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=new Array(t);n1?n-1:0),s=1;st}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!p.call(f,e)||!p.call(m,e)&&(d.test(e)?f[e]=!0:(m[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(y,b);g[t]=new w(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(y,b);g[t]=new w(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(y,b);g[t]=new w(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){g[e]=new w(e,1,!1,e.toLowerCase(),null,!1,!1)})),g.xlinkHref=new w("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){g[e]=new w(e,1,!1,e.toLowerCase(),null,!0,!0)}));var D=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,k=60103,x=60106,L=60107,A=60108,E=60114,S=60109,T=60110,I=60112,Q=60113,C=60120,P=60115,O=60116,M=60121,W=60128,_=60129,j=60130,N=60131;if("function"===typeof Symbol&&Symbol.for){var R=Symbol.for;k=R("react.element"),x=R("react.portal"),L=R("react.fragment"),A=R("react.strict_mode"),E=R("react.profiler"),S=R("react.provider"),T=R("react.context"),I=R("react.forward_ref"),Q=R("react.suspense"),C=R("react.suspense_list"),P=R("react.memo"),O=R("react.lazy"),M=R("react.block"),R("react.scope"),W=R("react.opaque.id"),_=R("react.debug_trace_mode"),j=R("react.offscreen"),N=R("react.legacy_hidden")}var H,q="function"===typeof Symbol&&Symbol.iterator;function z(e){return null===e||"object"!==typeof e?null:"function"===typeof(e=q&&e[q]||e["@@iterator"])?e:null}function U(e){if(void 0===H)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);H=t&&t[1]||""}return"\n"+H+e}var F=!1;function B(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(c){var r=c}Reflect.construct(e,[],t)}else{try{t.call()}catch(c){r=c}e.call(t.prototype)}else{try{throw Error()}catch(c){r=c}e()}}catch(c){if(c&&r&&"string"===typeof c.stack){for(var o=c.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,s=a.length-1;1<=i&&0<=s&&o[i]!==a[s];)s--;for(;1<=i&&0<=s;i--,s--)if(o[i]!==a[s]){if(1!==i||1!==s)do{if(i--,0>--s||o[i]!==a[s])return"\n"+o[i].replace(" at new "," at ")}while(1<=i&&0<=s);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?U(e):""}function J(e){switch(e.tag){case 5:return U(e.type);case 16:return U("Lazy");case 13:return U("Suspense");case 19:return U("SuspenseList");case 0:case 2:case 15:return e=B(e.type,!1);case 11:return e=B(e.type.render,!1);case 22:return e=B(e.type._render,!1);case 1:return e=B(e.type,!0);default:return""}}function G(e){if(null==e)return null;if("function"===typeof e)return e.displayName||e.name||null;if("string"===typeof e)return e;switch(e){case L:return"Fragment";case x:return"Portal";case E:return"Profiler";case A:return"StrictMode";case Q:return"Suspense";case C:return"SuspenseList"}if("object"===typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case S:return(e._context.displayName||"Context")+".Provider";case I:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case P:return G(e.type);case M:return G(e._render);case O:t=e._payload,e=e._init;try{return G(e(t))}catch(n){}}return null}function V(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function Y(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function K(e){e._valueTracker||(e._valueTracker=function(e){var t=Y(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&"undefined"!==typeof n&&"function"===typeof n.get&&"function"===typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function $(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Y(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function X(e){if("undefined"===typeof(e=e||("undefined"!==typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Z(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=V(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&v(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=V(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,V(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&X(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ae(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function ie(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:V(n)}}function le(e,t){var n=V(t.value),r=V(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var he="http://www.w3.org/1999/xhtml",de="http://www.w3.org/2000/svg";function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function me(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var fe,we,ge=(we=function(e,t){if(e.namespaceURI!==de||"innerHTML"in e)e.innerHTML=t;else{for((fe=fe||document.createElement("div")).innerHTML="",t=fe.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return we(e,t)}))}:we);function ye(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var be={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ve=["Webkit","ms","Moz","O"];function De(e,t,n){return null==t||"boolean"===typeof t||""===t?"":n||"number"!==typeof t||0===t||be.hasOwnProperty(e)&&be[e]?(""+t).trim():t+"px"}function ke(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=De(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(be).forEach((function(e){ve.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),be[t]=be[e]}))}));var xe=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Le(e,t){if(t){if(xe[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!==typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!==typeof t.style)throw Error(i(62))}}function Ae(e,t){if(-1===e.indexOf("-"))return"string"===typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function Ee(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var Se=null,Te=null,Ie=null;function Qe(e){if(e=ro(e)){if("function"!==typeof Se)throw Error(i(280));var t=e.stateNode;t&&(t=ao(t),Se(e.stateNode,e.type,t))}}function Ce(e){Te?Ie?Ie.push(e):Ie=[e]:Te=e}function Pe(){if(Te){var e=Te,t=Ie;if(Ie=Te=null,Qe(e),t)for(e=0;e(r=31-Ft(r))?0:1<n;n++)t.push(e);return t}function Ut(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-Ft(t)]=n}var Ft=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Bt(e)/Jt|0)|0},Bt=Math.log,Jt=Math.LN2;var Gt=a.unstable_UserBlockingPriority,Vt=a.unstable_runWithPriority,Yt=!0;function Kt(e,t,n,r){je||We();var o=Xt,a=je;je=!0;try{Me(o,e,t,n,r)}finally{(je=a)||Re()}}function $t(e,t,n,r){Vt(Gt,Xt.bind(null,e,t,n,r))}function Xt(e,t,n,r){var o;if(Yt)if((o=0===(4&t))&&0=Nn),qn=String.fromCharCode(32),zn=!1;function Un(e,t){switch(e){case"keyup":return-1!==_n.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Fn(e){return"object"===typeof(e=e.detail)&&"data"in e?e.data:null}var Bn=!1;var Jn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Gn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Jn[e.type]:"textarea"===t}function Vn(e,t,n,r){Ce(r),0<(t=jr(t,"onChange")).length&&(n=new pn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Yn=null,Kn=null;function $n(e){Ir(e,0)}function Xn(e){if($(oo(e)))return e}function Zn(e,t){if("change"===e)return t}var er=!1;if(h){var tr;if(h){var nr="oninput"in document;if(!nr){var rr=document.createElement("div");rr.setAttribute("oninput","return;"),nr="function"===typeof rr.oninput}tr=nr}else tr=!1;er=tr&&(!document.documentMode||9=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=pr(r)}}function fr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?fr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function wr(){for(var e=window,t=X();t instanceof e.HTMLIFrameElement;){try{var n="string"===typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=X((e=t.contentWindow).document)}return t}function gr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var yr=h&&"documentMode"in document&&11>=document.documentMode,br=null,vr=null,Dr=null,kr=!1;function xr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;kr||null==br||br!==X(r)||("selectionStart"in(r=br)&&gr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},Dr&&dr(Dr,r)||(Dr=r,0<(r=jr(vr,"onSelect")).length&&(t=new pn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=br)))}Wt("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Wt("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Wt(Mt,2);for(var Lr="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),Ar=0;Arco||(e.current=so[co],so[co]=null,co--)}function ho(e,t){co++,so[co]=e.current,e.current=t}var po={},mo=lo(po),fo=lo(!1),wo=po;function go(e,t){var n=e.type.contextTypes;if(!n)return po;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function yo(e){return null!==(e=e.childContextTypes)&&void 0!==e}function bo(){uo(fo),uo(mo)}function vo(e,t,n){if(mo.current!==po)throw Error(i(168));ho(mo,t),ho(fo,n)}function Do(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!==typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in e))throw Error(i(108,G(t)||"Unknown",a));return o({},n,r)}function ko(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||po,wo=mo.current,ho(mo,e),ho(fo,fo.current),!0}function xo(e,t,n){var r=e.stateNode;if(!r)throw Error(i(169));n?(e=Do(e,t,wo),r.__reactInternalMemoizedMergedChildContext=e,uo(fo),uo(mo),ho(mo,e)):uo(fo),ho(fo,n)}var Lo=null,Ao=null,Eo=a.unstable_runWithPriority,So=a.unstable_scheduleCallback,To=a.unstable_cancelCallback,Io=a.unstable_shouldYield,Qo=a.unstable_requestPaint,Co=a.unstable_now,Po=a.unstable_getCurrentPriorityLevel,Oo=a.unstable_ImmediatePriority,Mo=a.unstable_UserBlockingPriority,Wo=a.unstable_NormalPriority,_o=a.unstable_LowPriority,jo=a.unstable_IdlePriority,No={},Ro=void 0!==Qo?Qo:function(){},Ho=null,qo=null,zo=!1,Uo=Co(),Fo=1e4>Uo?Co:function(){return Co()-Uo};function Bo(){switch(Po()){case Oo:return 99;case Mo:return 98;case Wo:return 97;case _o:return 96;case jo:return 95;default:throw Error(i(332))}}function Jo(e){switch(e){case 99:return Oo;case 98:return Mo;case 97:return Wo;case 96:return _o;case 95:return jo;default:throw Error(i(332))}}function Go(e,t){return e=Jo(e),Eo(e,t)}function Vo(e,t,n){return e=Jo(e),So(e,t,n)}function Yo(){if(null!==qo){var e=qo;qo=null,To(e)}Ko()}function Ko(){if(!zo&&null!==Ho){zo=!0;var e=0;try{var t=Ho;Go(99,(function(){for(;ef?(w=h,h=null):w=h.sibling;var g=p(o,h,s[f],c);if(null===g){null===h&&(h=w);break}e&&h&&null===g.alternate&&t(o,h),i=a(g,i,f),null===u?l=g:u.sibling=g,u=g,h=w}if(f===s.length)return n(o,h),l;if(null===h){for(;fw?(g=f,f=null):g=f.sibling;var b=p(o,f,y.value,l);if(null===b){null===f&&(f=g);break}e&&f&&null===b.alternate&&t(o,f),s=a(b,s,w),null===h?u=b:h.sibling=b,h=b,f=g}if(y.done)return n(o,f),u;if(null===f){for(;!y.done;w++,y=c.next())null!==(y=d(o,y.value,l))&&(s=a(y,s,w),null===h?u=y:h.sibling=y,h=y);return u}for(f=r(o,f);!y.done;w++,y=c.next())null!==(y=m(f,o,w,y.value,l))&&(e&&null!==y.alternate&&f.delete(null===y.key?w:y.key),s=a(y,s,w),null===h?u=y:h.sibling=y,h=y);return e&&f.forEach((function(e){return t(o,e)})),u}return function(e,r,a,c){var l="object"===typeof a&&null!==a&&a.type===L&&null===a.key;l&&(a=a.props.children);var u="object"===typeof a&&null!==a;if(u)switch(a.$$typeof){case k:e:{for(u=a.key,l=r;null!==l;){if(l.key===u){if(7===l.tag){if(a.type===L){n(e,l.sibling),(r=o(l,a.props.children)).return=e,e=r;break e}}else if(l.elementType===a.type){n(e,l.sibling),(r=o(l,a.props)).ref=La(e,l,a),r.return=e,e=r;break e}n(e,l);break}t(e,l),l=l.sibling}a.type===L?((r=Vc(a.props.children,e.mode,c,a.key)).return=e,e=r):((c=Gc(a.type,a.key,a.props,null,e.mode,c)).ref=La(e,r,a),c.return=e,e=c)}return s(e);case x:e:{for(l=a.key;null!==r;){if(r.key===l){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=$c(a,e.mode,c)).return=e,e=r}return s(e)}if("string"===typeof a||"number"===typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a)).return=e,e=r):(n(e,r),(r=Kc(a,e.mode,c)).return=e,e=r),s(e);if(xa(a))return f(e,r,a,c);if(z(a))return w(e,r,a,c);if(u&&Aa(e,a),"undefined"===typeof a&&!l)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,G(e.type)||"Component"))}return n(e,r)}}var Sa=Ea(!0),Ta=Ea(!1),Ia={},Qa=lo(Ia),Ca=lo(Ia),Pa=lo(Ia);function Oa(e){if(e===Ia)throw Error(i(174));return e}function Ma(e,t){switch(ho(Pa,t),ho(Ca,e),ho(Qa,Ia),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:me(null,"");break;default:t=me(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}uo(Qa),ho(Qa,t)}function Wa(){uo(Qa),uo(Ca),uo(Pa)}function _a(e){Oa(Pa.current);var t=Oa(Qa.current),n=me(t,e.type);t!==n&&(ho(Ca,e),ho(Qa,n))}function ja(e){Ca.current===e&&(uo(Qa),uo(Ca))}var Na=lo(0);function Ra(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!==(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ha=null,qa=null,za=!1;function Ua(e,t){var n=Fc(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function Fa(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Ba(e){if(za){var t=qa;if(t){var n=t;if(!Fa(e,t)){if(!(t=Vr(n.nextSibling))||!Fa(e,t))return e.flags=-1025&e.flags|2,za=!1,void(Ha=e);Ua(Ha,n)}Ha=e,qa=Vr(t.firstChild)}else e.flags=-1025&e.flags|2,za=!1,Ha=e}}function Ja(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Ha=e}function Ga(e){if(e!==Ha)return!1;if(!za)return Ja(e),za=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!Fr(t,e.memoizedProps))for(t=qa;t;)Ua(e,t),t=Vr(t.nextSibling);if(Ja(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){qa=Vr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}qa=null}}else qa=Ha?Vr(e.stateNode.nextSibling):null;return!0}function Va(){qa=Ha=null,za=!1}var Ya=[];function Ka(){for(var e=0;ea))throw Error(i(301));a+=1,ni=ti=null,t.updateQueue=null,$a.current=Wi,e=n(r,o)}while(oi)}if($a.current=Pi,t=null!==ti&&null!==ti.next,Za=0,ni=ti=ei=null,ri=!1,t)throw Error(i(300));return e}function ci(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ni?ei.memoizedState=ni=e:ni=ni.next=e,ni}function li(){if(null===ti){var e=ei.alternate;e=null!==e?e.memoizedState:null}else e=ti.next;var t=null===ni?ei.memoizedState:ni.next;if(null!==t)ni=t,ti=e;else{if(null===e)throw Error(i(310));e={memoizedState:(ti=e).memoizedState,baseState:ti.baseState,baseQueue:ti.baseQueue,queue:ti.queue,next:null},null===ni?ei.memoizedState=ni=e:ni=ni.next=e}return ni}function ui(e,t){return"function"===typeof t?t(e):t}function hi(e){var t=li(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=ti,o=r.baseQueue,a=n.pending;if(null!==a){if(null!==o){var s=o.next;o.next=a.next,a.next=s}r.baseQueue=o=a,n.pending=null}if(null!==o){o=o.next,r=r.baseState;var c=s=a=null,l=o;do{var u=l.lane;if((Za&u)===u)null!==c&&(c=c.next={lane:0,action:l.action,eagerReducer:l.eagerReducer,eagerState:l.eagerState,next:null}),r=l.eagerReducer===e?l.eagerState:e(r,l.action);else{var h={lane:u,action:l.action,eagerReducer:l.eagerReducer,eagerState:l.eagerState,next:null};null===c?(s=c=h,a=r):c=c.next=h,ei.lanes|=u,qs|=u}l=l.next}while(null!==l&&l!==o);null===c?a=r:c.next=s,ur(r,t.memoizedState)||(ji=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=c,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function di(e){var t=li(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,a=t.memoizedState;if(null!==o){n.pending=null;var s=o=o.next;do{a=e(a,s.action),s=s.next}while(s!==o);ur(a,t.memoizedState)||(ji=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function pi(e,t,n){var r=t._getVersion;r=r(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===r:(e=e.mutableReadLanes,(e=(Za&e)===e)&&(t._workInProgressVersionPrimary=r,Ya.push(t))),e)return n(t._source);throw Ya.push(t),Error(i(350))}function mi(e,t,n,r){var o=Os;if(null===o)throw Error(i(349));var a=t._getVersion,s=a(t._source),c=$a.current,l=c.useState((function(){return pi(o,t,n)})),u=l[1],h=l[0];l=ni;var d=e.memoizedState,p=d.refs,m=p.getSnapshot,f=d.source;d=d.subscribe;var w=ei;return e.memoizedState={refs:p,source:t,subscribe:r},c.useEffect((function(){p.getSnapshot=n,p.setSnapshot=u;var e=a(t._source);if(!ur(s,e)){e=n(t._source),ur(h,e)||(u(e),e=pc(w),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var r=o.entanglements,i=e;0n?98:n,(function(){e(!0)})),Go(97<\/script>",e=e.removeChild(e.firstChild)):"string"===typeof r.is?e=l.createElement(n,{is:r.is}):(e=l.createElement(n),"select"===n&&(l=e,r.multiple?l.multiple=!0:r.size&&(l.size=r.size))):e=l.createElementNS(e,n),e[Xr]=t,e[Zr]=r,Vi(e,t),t.stateNode=e,l=Ae(n,r),n){case"dialog":Qr("cancel",e),Qr("close",e),a=r;break;case"iframe":case"object":case"embed":Qr("load",e),a=r;break;case"video":case"audio":for(a=0;aJs&&(t.flags|=64,s=!0,is(r,!1),t.lanes=33554432)}else{if(!s)if(null!==(e=Ra(l))){if(t.flags|=64,s=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),is(r,!0),null===r.tail&&"hidden"===r.tailMode&&!l.alternate&&!za)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*Fo()-r.renderingStartTime>Js&&1073741824!==n&&(t.flags|=64,s=!0,is(r,!1),t.lanes=33554432);r.isBackwards?(l.sibling=t.child,t.child=l):(null!==(n=r.last)?n.sibling=l:t.child=l,r.last=l)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=Fo(),n.sibling=null,t=Na.current,ho(Na,s?1&t|2:1&t),n):null;case 23:case 24:return xc(),null!==e&&null!==e.memoizedState!==(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function cs(e){switch(e.tag){case 1:yo(e.type)&&bo();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Wa(),uo(fo),uo(mo),Ka(),0!==(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return ja(e),null;case 13:return uo(Na),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return uo(Na),null;case 4:return Wa(),null;case 10:return oa(e),null;case 23:case 24:return xc(),null;default:return null}}function ls(e,t){try{var n="",r=t;do{n+=J(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o}}function us(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}Vi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Yi=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,Oa(Qa.current);var i,s=null;switch(n){case"input":a=Z(e,a),r=Z(e,r),s=[];break;case"option":a=ae(e,a),r=ae(e,r),s=[];break;case"select":a=o({},a,{value:void 0}),r=o({},r,{value:void 0}),s=[];break;case"textarea":a=se(e,a),r=se(e,r),s=[];break;default:"function"!==typeof a.onClick&&"function"===typeof r.onClick&&(e.onclick=Hr)}for(h in Le(n,r),n=null,a)if(!r.hasOwnProperty(h)&&a.hasOwnProperty(h)&&null!=a[h])if("style"===h){var l=a[h];for(i in l)l.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==h&&"children"!==h&&"suppressContentEditableWarning"!==h&&"suppressHydrationWarning"!==h&&"autoFocus"!==h&&(c.hasOwnProperty(h)?s||(s=[]):(s=s||[]).push(h,null));for(h in r){var u=r[h];if(l=null!=a?a[h]:void 0,r.hasOwnProperty(h)&&u!==l&&(null!=u||null!=l))if("style"===h)if(l){for(i in l)!l.hasOwnProperty(i)||u&&u.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in u)u.hasOwnProperty(i)&&l[i]!==u[i]&&(n||(n={}),n[i]=u[i])}else n||(s||(s=[]),s.push(h,n)),n=u;else"dangerouslySetInnerHTML"===h?(u=u?u.__html:void 0,l=l?l.__html:void 0,null!=u&&l!==u&&(s=s||[]).push(h,u)):"children"===h?"string"!==typeof u&&"number"!==typeof u||(s=s||[]).push(h,""+u):"suppressContentEditableWarning"!==h&&"suppressHydrationWarning"!==h&&(c.hasOwnProperty(h)?(null!=u&&"onScroll"===h&&Qr("scroll",e),s||l===u||(s=[])):"object"===typeof u&&null!==u&&u.$$typeof===W?u.toString():(s=s||[]).push(h,u))}n&&(s=s||[]).push("style",n);var h=s;(t.updateQueue=h)&&(t.flags|=4)}},Ki=function(e,t,n,r){n!==r&&(t.flags|=4)};var hs="function"===typeof WeakMap?WeakMap:Map;function ds(e,t,n){(n=ha(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Ks||(Ks=!0,$s=r),us(0,t)},n}function ps(e,t,n){(n=ha(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"===typeof r){var o=t.value;n.payload=function(){return us(0,t),r(o)}}var a=e.stateNode;return null!==a&&"function"===typeof a.componentDidCatch&&(n.callback=function(){"function"!==typeof r&&(null===Xs?Xs=new Set([this]):Xs.add(this),us(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var ms="function"===typeof WeakSet?WeakSet:Set;function fs(e){var t=e.ref;if(null!==t)if("function"===typeof t)try{t(null)}catch(n){Hc(e,n)}else t.current=null}function ws(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Xo(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Gr(t.stateNode.containerInfo))}throw Error(i(163))}function gs(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3===(3&e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;r=o.next,0!==(4&(o=o.tag))&&0!==(1&o)&&(jc(n,e),_c(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:Xo(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&fa(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}fa(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Ur(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&kt(n)))))}throw Error(i(163))}function ys(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"===typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=void 0!==o&&null!==o&&o.hasOwnProperty("display")?o.display:null,r.style.display=De("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function bs(e,t){if(Ao&&"function"===typeof Ao.onCommitFiberUnmount)try{Ao.onCommitFiberUnmount(Lo,t)}catch(a){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,o=r.destroy;if(r=r.tag,void 0!==o)if(0!==(4&r))jc(t,n);else{r=t;try{o()}catch(a){Hc(r,a)}}n=n.next}while(n!==e)}break;case 1:if(fs(t),"function"===typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(a){Hc(t,a)}break;case 5:fs(t);break;case 4:As(e,t)}}function vs(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function Ds(e){return 5===e.tag||3===e.tag||4===e.tag}function ks(e){e:{for(var t=e.return;null!==t;){if(Ds(t))break e;t=t.return}throw Error(i(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(i(161))}16&n.flags&&(ye(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||Ds(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?xs(e,n,t):Ls(e,n,t)}function xs(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!==(n=n._reactRootContainer)&&void 0!==n||null!==t.onclick||(t.onclick=Hr));else if(4!==r&&null!==(e=e.child))for(xs(e,t,n),e=e.sibling;null!==e;)xs(e,t,n),e=e.sibling}function Ls(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(Ls(e,t,n),e=e.sibling;null!==e;)Ls(e,t,n),e=e.sibling}function As(e,t){for(var n,r,o=t,a=!1;;){if(!a){a=o.return;e:for(;;){if(null===a)throw Error(i(160));switch(n=a.stateNode,a.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}a=a.return}a=!0}if(5===o.tag||6===o.tag){e:for(var s=e,c=o,l=c;;)if(bs(s,l),null!==l.child&&4!==l.tag)l.child.return=l,l=l.child;else{if(l===c)break e;for(;null===l.sibling;){if(null===l.return||l.return===c)break e;l=l.return}l.sibling.return=l.return,l=l.sibling}r?(s=n,c=o.stateNode,8===s.nodeType?s.parentNode.removeChild(c):s.removeChild(c)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,r=!0,o.child.return=o,o=o.child;continue}}else if(bs(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(a=!1)}o.sibling.return=o.return,o=o.sibling}}function Es(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{3===(3&r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var o=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[Zr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),Ae(e,o),t=Ae(e,r),o=0;oo&&(o=s),n&=~a}if(n=o,10<(n=(120>(n=Fo()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*Is(n/1960))-n)){e.timeoutHandle=Br(Pc.bind(null,e),n);break}Pc(e);break;default:throw Error(i(329))}}return wc(e,Fo()),e.callbackNode===t?gc.bind(null,e):null}function yc(e,t){for(t&=~Us,t&=~zs,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0 component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Ns&&(Ns=2),c=ls(c,s),d=i;do{switch(d.tag){case 3:a=c,d.flags|=4096,t&=-t,d.lanes|=t,pa(d,ds(0,a,t));break e;case 1:a=c;var D=d.type,k=d.stateNode;if(0===(64&d.flags)&&("function"===typeof D.getDerivedStateFromError||null!==k&&"function"===typeof k.componentDidCatch&&(null===Xs||!Xs.has(k)))){d.flags|=4096,t&=-t,d.lanes|=t,pa(d,ps(d,a,t));break e}}d=d.return}while(null!==d)}Cc(n)}catch(x){t=x,Ms===n&&null!==n&&(Ms=n=n.return);continue}break}}function Ec(){var e=Qs.current;return Qs.current=Pi,null===e?Pi:e}function Sc(e,t){var n=Ps;Ps|=16;var r=Ec();for(Os===e&&Ws===t||Lc(e,t);;)try{Tc();break}catch(o){Ac(e,o)}if(ra(),Ps=n,Qs.current=r,null!==Ms)throw Error(i(261));return Os=null,Ws=0,Ns}function Tc(){for(;null!==Ms;)Qc(Ms)}function Ic(){for(;null!==Ms&&!Io();)Qc(Ms)}function Qc(e){var t=Vs(e.alternate,e,_s);e.memoizedProps=e.pendingProps,null===t?Cc(e):Ms=t,Cs.current=null}function Cc(e){var t=e;do{var n=t.alternate;if(e=t.return,0===(2048&t.flags)){if(null!==(n=ss(n,t,_s)))return void(Ms=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!==(1073741824&_s)||0===(4&n.mode)){for(var r=0,o=n.child;null!==o;)r|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=r}null!==e&&0===(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1s&&(c=s,s=k,k=c),c=mr(b,k),a=mr(b,s),c&&a&&(1!==D.rangeCount||D.anchorNode!==c.node||D.anchorOffset!==c.offset||D.focusNode!==a.node||D.focusOffset!==a.offset)&&((v=v.createRange()).setStart(c.node,c.offset),D.removeAllRanges(),k>s?(D.addRange(v),D.extend(a.node,a.offset)):(v.setEnd(a.node,a.offset),D.addRange(v))))),v=[];for(D=b;D=D.parentNode;)1===D.nodeType&&v.push({element:D,left:D.scrollLeft,top:D.scrollTop});for("function"===typeof b.focus&&b.focus(),b=0;bFo()-Bs?Lc(e,0):Us|=n),wc(e,t)}function zc(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0===(2&(t=e.mode))?t=1:0===(4&t)?t=99===Bo()?1:2:(0===cc&&(cc=Hs),0===(t=qt(62914560&~cc))&&(t=4194304))),n=dc(),null!==(e=fc(e,t))&&(Ut(e,t,n),wc(e,n))}function Uc(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function Fc(e,t,n,r){return new Uc(e,t,n,r)}function Bc(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Jc(e,t){var n=e.alternate;return null===n?((n=Fc(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Gc(e,t,n,r,o,a){var s=2;if(r=e,"function"===typeof e)Bc(e)&&(s=1);else if("string"===typeof e)s=5;else e:switch(e){case L:return Vc(n.children,o,a,t);case _:s=8,o|=16;break;case A:s=8,o|=1;break;case E:return(e=Fc(12,n,t,8|o)).elementType=E,e.type=E,e.lanes=a,e;case Q:return(e=Fc(13,n,t,o)).type=Q,e.elementType=Q,e.lanes=a,e;case C:return(e=Fc(19,n,t,o)).elementType=C,e.lanes=a,e;case j:return Yc(n,o,a,t);case N:return(e=Fc(24,n,t,o)).elementType=N,e.lanes=a,e;default:if("object"===typeof e&&null!==e)switch(e.$$typeof){case S:s=10;break e;case T:s=9;break e;case I:s=11;break e;case P:s=14;break e;case O:s=16,r=null;break e;case M:s=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=Fc(s,n,t,o)).elementType=e,t.type=r,t.lanes=a,t}function Vc(e,t,n,r){return(e=Fc(7,e,r,t)).lanes=n,e}function Yc(e,t,n,r){return(e=Fc(23,e,r,t)).elementType=j,e.lanes=n,e}function Kc(e,t,n){return(e=Fc(6,e,null,t)).lanes=n,e}function $c(e,t,n){return(t=Fc(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xc(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=zt(0),this.expirationTimes=zt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=zt(0),this.mutableSourceEagerHydrationData=null}function Zc(e,t,n){var r=3=b},a=function(){},t.unstable_forceFrameRate=function(e){0>e||125>>1,o=e[r];if(!(void 0!==o&&0A(i,n))void 0!==c&&0>A(c,i)?(e[r]=c,e[s]=n,r=s):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==c&&0>A(c,n)))break e;e[r]=c,e[s]=n,r=s}}}return t}return null}function A(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var E=[],S=[],T=1,I=null,Q=3,C=!1,P=!1,O=!1;function M(e){for(var t=x(S);null!==t;){if(null===t.callback)L(S);else{if(!(t.startTime<=e))break;L(S),t.sortIndex=t.expirationTime,k(E,t)}t=x(S)}}function W(e){if(O=!1,M(e),!P)if(null!==x(E))P=!0,n(_);else{var t=x(S);null!==t&&r(W,t.startTime-e)}}function _(e,n){P=!1,O&&(O=!1,o()),C=!0;var a=Q;try{for(M(n),I=x(E);null!==I&&(!(I.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=I.callback;if("function"===typeof i){I.callback=null,Q=I.priorityLevel;var s=i(I.expirationTime<=n);n=t.unstable_now(),"function"===typeof s?I.callback=s:I===x(E)&&L(E),M(n)}else L(E);I=x(E)}if(null!==I)var c=!0;else{var l=x(S);null!==l&&r(W,l.startTime-n),c=!1}return c}finally{I=null,Q=a,C=!1}}var j=a;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){P||C||(P=!0,n(_))},t.unstable_getCurrentPriorityLevel=function(){return Q},t.unstable_getFirstCallbackNode=function(){return x(E)},t.unstable_next=function(e){switch(Q){case 1:case 2:case 3:var t=3;break;default:t=Q}var n=Q;Q=t;try{return e()}finally{Q=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=j,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=Q;Q=e;try{return t()}finally{Q=n}},t.unstable_scheduleCallback=function(e,a,i){var s=t.unstable_now();switch("object"===typeof i&&null!==i?i="number"===typeof(i=i.delay)&&0s?(e.sortIndex=i,k(S,e),null===x(E)&&e===x(S)&&(O?o():O=!0,r(W,i-s))):(e.sortIndex=c,k(E,e),P||C||(P=!0,n(_))),e},t.unstable_wrapCallback=function(e){var t=Q;return function(){var n=Q;Q=t;try{return e.apply(this,arguments)}finally{Q=n}}}},296:function(e,t,n){"use strict";e.exports=n(813)},457:function(e,t,n){"use strict";e.exports=n.p+"static/media/fcc_background.a7ccd4dc963c5e8adf72.webp"},959:function(e,t,n){"use strict";e.exports=n.p+"static/media/fcc_primary_large.b24d5391807f0fdf6536.webp"},447:function(e,t,n){"use strict";e.exports=n.p+"static/media/main-character.7da72ce5483cdf53439f.webp"},887:function(e,t,n){"use strict";e.exports=n.p+"static/media/rpg-menu.5a7b730663ce007b4ff3.webp"}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r].call(a.exports,a,a.exports,n),a.exports}n.m=e,n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=function(e){return Promise.all(Object.keys(n.f).reduce((function(t,r){return n.f[r](e,t),t}),[]))},n.u=function(e){return"static/js/"+e+".211b8f8f.chunk.js"},n.miniCssF=function(e){},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={},t="rpg_quiz_site:";n.l=function(r,o,a,i){if(e[r])e[r].push(o);else{var s,c;if(void 0!==a)for(var l=document.getElementsByTagName("script"),u=0;ue.length)&&(t=e.length);for(var n=0,r=new Array(t);n elements are styled.",Explanation:"An at-rule in CSS will dictate what the CSS will look like based on certain conditions.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, what is the role of media queries?",Answer:"They help create responsive websites",Distractor1:"They create links to other webpages",Distractor2:"They add interactivity to a static webpage",Distractor3:"They change the font of text",Explanation:"CSS media queries allow you to create responsive websites across all screen sizes, ranging from desktop to mobile",Link:"https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/"},{Question:"In CSS, how is the not operator used in a media query?",Answer:"It reverses a true query into a false query and a false query into a true query.",Distractor1:"It joins multiple media features.",Distractor2:"It splits media queries into separate ones.",Distractor3:"It separates multiple media features by commas.",Explanation:"The not operator is used to reverse a true query into a false query and a false query into a true query.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, what is the name of the property used to change the origin of the background image?",Answer:"background-origin",Distractor1:"background-position",Distractor2:"background-clip",Distractor3:"background-color",Explanation:"The background-origin property is used to set the origin of the background image.",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"What does CSS stand for?",Answer:"Cascading Style Sheets",Distractor1:"Complex Style Sheets",Distractor2:"Complete Synchronizes Sheets",Distractor3:"Community Stylish System",Explanation:"CSS stands for Cascading Style Sheets.",Link:"https://www.freecodecamp.org/news/best-css-and-css3-tutorial/"},{Question:"What is the main purpose of CSS in a website?",Answer:"Style",Distractor1:"Structure",Distractor2:"Functionality",Distractor3:"Sound",Explanation:"CSS is used to define the style of the elements in a website.",Link:"https://www.freecodecamp.org/news/best-css-and-css3-tutorial/"},{Question:"In CSS, what is the print media type in a CSS media query?",Answer:"A category of media that works for devices where the media is in print preview mode.",Distractor1:"A type of media only for 4k monitors.",Distractor2:"A type of media that only works for desktop computers.",Distractor3:"A set of rules only applied to mobile devices.",Explanation:"The print media type works for devices where the media is in print preview mode.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, how do you make all of the text for an element uppercase?",Answer:"text-transform: uppercase;",Distractor1:"text-transform: toUpper;",Distractor2:"text-transform: upper;",Distractor3:"text-transform: set-upper;",Explanation:"You can use the text-transform: uppercase; to make all of the text for that element uppercase",Link:"https://www.freecodecamp.org/news/10-css-tricks-for-your-next-coding-project/"},{Question:"In CSS, how do you make an image circular or oval?",Answer:"border-radius: 50%;",Distractor1:"border-radius: 10%;",Distractor2:"border-radius: 0;",Distractor3:"border-radius: 3px;",Explanation:"You can use the CSS property border-radius with a value of 50% to make an image circular or oval.",Link:"https://devdocs.io/css/border-radius"},{Question:"In CSS, which one of these values is NOT used for the background-repeat property?",Answer:"repeat-z-axis",Distractor1:"no-repeat",Distractor2:"repeat",Distractor3:"repeat-x",Explanation:"The background-repeat property can take in seven values include no-repeat, repeat, repeat-x and repeat-y",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"In CSS, what do H, S, and L in HSL stand for?",Answer:"Hue, Saturation, Lightness",Distractor1:"Hue, Saturation, Lightning",Distractor2:"Hue, Style, Lightness",Distractor3:"Habitat, Style, Lightness",Explanation:"HSL stands for Hue, Saturation, and Lightness.",Link:"https://www.freecodecamp.org/news/css-font-color-how-to-style-text-in-html/"},{Question:"In CSS, what is the name of the property that determines if the background image is in a scroll, fixed, or local position?",Answer:"background-attachment",Distractor1:"background-origin",Distractor2:"background-clip",Distractor3:"background-position",Explanation:"The background-attachment property is used to determine if the background image is in a scroll, fixed, or local position.",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"In CSS, what are the conditions that decide if a media rule is applied?",Answer:"Breakpoints",Distractor1:"Breaks",Distractor2:"Points",Distractor3:"Keys",Explanation:"A breakpoint is a key to determine when to change the layout and adapt the new rules inside the media queries.",Link:"https://www.freecodecamp.org/news/css-media-queries-breakpoints-media-types-standard-resolutions-and-more/"},{Question:"In CSS, the amount of space between an element's border and its surrounding elements is known as...",Answer:"Margin",Distractor1:"Padding",Distractor2:"White Space",Distractor3:"Indentation",Explanation:"The margin is the amount of space between an element's border and its surrounding elements.",Link:"https://www.freecodecamp.org/news/css-margins/"},{Question:"In CSS, what value should be assigned to the text-decoration property to remove an underline from links?",Answer:"none",Distractor1:"underline",Distractor2:"overline",Distractor3:"line-through",Explanation:"The property text-decoration should have the value of none to remove an underline from links.",Link:"https://www.freecodecamp.org/news/how-to-style-links-in-css/"},{Question:"In CSS Flexbox, which one is NOT used with align-content?",Answer:"align-bottom",Distractor1:"center",Distractor2:"space-around",Distractor3:"stretch",Explanation:"In CSS Flexbox, some of the options for align-content include center, stretch, space-around and space-between",Link:"https://www.freecodecamp.org/news/flexbox-the-ultimate-css-flex-cheatsheet/"},{Question:"In CSS, how is the comma operator used in a media query?",Answer:"It separates multiple media features by commas and it applies the styles inside the curly braces if one of the conditions is true.",Distractor1:"It reverses a true query into a false query and a false query into a true query.",Distractor2:"It joins multiple media features.",Distractor3:"It splits media queries into separate ones.",Explanation:"The comma operator is used to separate multiple media features by commas and to apply the styles inside the curly braces if one of the conditions is true.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, what does the repeat-x value do in the background-repeat property?",Answer:"It repeats the image along the x-axis.",Distractor1:"It repeats the image along the y-axis.",Distractor2:"It repeats the image along the z-axis.",Distractor3:"It repeats the image along both of the x-axis and y-axis.",Explanation:"The repeat-x value of the background-repeat property repeats the image along the x-axis.",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"In CSS, how is the and operator used in a media query?",Answer:"It is used to join multiple media features.",Distractor1:"It is used to reverse a true query into a false query.",Distractor2:"It is used to separate multiple media features by commas.",Distractor3:"It is used to split media queries into separate ones.",Explanation:"The and operator is used to join multiple media features in a media query.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, what does the A in RGBA stand for?",Answer:"Alpha",Distractor1:"Alphabetical",Distractor2:"Ambiguous",Distractor3:"Ancient",Explanation:"The A in RGBA stands for Alpha. This value represents the transparency of the color.",Link:"https://devdocs.io/css/color_value/rgba()"},{Question:"In CSS Flexbox, which one is NOT used with align-items?",Answer:"align-middle",Distractor1:"flex-end",Distractor2:"flex-start",Distractor3:"baseline",Explanation:"In CSS Flexbox, some of the options for align-items include flex-start, flex-end, baseline and stretch",Link:"https://www.freecodecamp.org/news/flexbox-the-ultimate-css-flex-cheatsheet/"},{Question:"In CSS, what is the screen media type in a CSS media query?",Answer:"A category of media that works for devices with screens.",Distractor1:"A category of media that works for media in print preview mode.",Distractor2:"A category of media that works for devices without screens.",Distractor3:"A category of media that only works for tablets.",Explanation:"The screen media type works for devices with screens.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, what does the vh unit stand for?",Answer:"viewport height",Distractor1:"viewport width",Distractor2:"view heights",Distractor3:"viewing height",Explanation:"The vh unit stands for viewport height.",Link:"https://www.freecodecamp.org/news/learn-css-units-em-rem-vh-vw-with-code-examples/"},{Question:"In CSS, how do you add content after an element?",Answer:"::after",Distractor1:"::after-content",Distractor2:"::add",Distractor3:"::before",Explanation:"You can use the ::after selector to add content after an element",Link:"https://www.freecodecamp.org/news/10-css-tricks-for-your-next-coding-project/"},{Question:"In CSS, what does the animation-delay property do?",Answer:"It sets a delay for the animation to start.",Distractor1:"It determines how long an animation should last in seconds.",Distractor2:"It pauses the animation if the animation is running.",Distractor3:"It determines when the animation should speed up or slow down.",Explanation:"The animation-delay property is used to set a delay for the animation to start.",Link:"https://www.freecodecamp.org/news/a-quick-introduction-to-css-animations-a1655375ec90/"},{Question:"In CSS, which one of these options is NOT a value used for the justify-items property?",Answer:"gap",Distractor1:"start",Distractor2:"end",Distractor3:"stretch",Explanation:"The four values that can be used for the justify-items property are: start, end, center, and stretch.",Link:"https://www.freecodecamp.org/news/css-grid-tutorial-with-cheatsheet/#css-grid-architecture"},{Question:"In CSS, what is the name of the value that evenly distributes space in the background-repeat property?",Answer:"space",Distractor1:"repeat",Distractor2:"no-repeat",Distractor3:"repeat-x",Explanation:"The space value is used to evenly distribute the space in the background-repeat property.",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"In CSS, what is the name of the relative unit that is based on the root element's font size?",Answer:"rem",Distractor1:"em",Distractor2:"px",Distractor3:"vw",Explanation:"The rem unit is based on the root element's font size.",Link:"https://www.freecodecamp.org/news/learn-css-units-em-rem-vh-vw-with-code-examples/"},{Question:"In CSS, the amount of space between an element's content and its border is known as...",Answer:"Padding",Distractor1:"Margin",Distractor2:"White Space",Distractor3:"Indentation",Explanation:"The padding is the amount of space between the element's content and its border.",Link:"https://www.freecodecamp.org/news/css-margins/"},{Question:"In CSS, which one of these values is NOT used for the background-attachment property?",Answer:"inherit",Distractor1:"local",Distractor2:"scroll",Distractor3:"fixed",Explanation:"The background-attachment property can take in the fixed, scroll and local values.",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"In CSS, what is a common breakpoint range used for tablet devices in a media query?",Answer:"481px - 768px",Distractor1:"300px - 7000px",Distractor2:"2px - 68px",Distractor3:"81px - 700px",Explanation:"The range of 481px - 768px can be used to target tablet devices in a media query.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, which one of these options is NOT a valid value for the font-weight property?",Answer:"bolding",Distractor1:"bold",Distractor2:"900",Distractor3:"lighter",Explanation:'The option "bolding" is not a valid value for the font-weight property.',Link:"https://www.freecodecamp.org/news/bold-font-in-html-font-weight-for-letters/"},{Question:"What does fr stand for in CSS grid?",Answer:"fraction unit",Distractor1:"font units",Distractor2:"flex unit",Distractor3:"fit unit",Explanation:"fr stands for fraction unit in CSS grid.",Link:"https://www.freecodecamp.org/news/css-grid-tutorial-with-cheatsheet/#css-grid-architecture"},{Question:"In CSS, what is a common breakpoint range used for laptop devices in a media query?",Answer:"769px -1024px",Distractor1:"7px -10px",Distractor2:"69px -124px",Distractor3:"769px -10,024px",Explanation:"The range of 769px -1024px can be used to target laptop devices in a media query.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, which one of these options is NOT a value used for the align-content property?",Answer:"row-gap",Distractor1:"space-between",Distractor2:"center",Distractor3:"start",Explanation:"The align-content property can accept seven values including space-around, space-between, start, and end.",Link:"https://www.freecodecamp.org/news/css-grid-tutorial-with-cheatsheet/#css-grid-architecture"},{Question:"In CSS, how do you make the text for an element all lowercase?",Answer:"text-transform: lowercase;",Distractor1:"text-transform: lower;",Distractor2:"text-transform: to-lower;",Distractor3:"text-transform: set-lower;",Explanation:"You can use the text-transform: lowercase; to make all of the text for that element lowercase",Link:"https://www.freecodecamp.org/news/10-css-tricks-for-your-next-coding-project/"},{Question:"In CSS, what is the name of the property used to adjust the size of a background image?",Answer:"background-size",Distractor1:"background-repeat",Distractor2:"background-origin",Distractor3:"background-position",Explanation:"The background-size property is used to adjust the size for a background image.",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"In CSS, what is the name of the property that sets the opacity of an HTML element?",Answer:"opacity",Distractor1:"margin",Distractor2:"padding",Distractor3:"border",Explanation:"The opacity property is used to set the opacity of an HTML element.",Link:"https://www.freecodecamp.org/news/transparent-background-image-opacity-in-css-and-html/"},{Question:"In CSS Flexbox, what does justify-content do?",Answer:"aligns the items along the main axis",Distractor1:"aligns the items to right of the y axis",Distractor2:"aligns the items to the left of the x and y axis",Distractor3:"aligns the items to the right of the x axis",Explanation:"In CSS Flexbox, justify-content is used to align the items in the container along the main axis",Link:"https://www.freecodecamp.org/news/flexbox-the-ultimate-css-flex-cheatsheet/"},{Question:"In CSS, what is the name of the rule that will override CSS style for an element?",Answer:"!important",Distractor1:"!override",Distractor2:"!change",Distractor3:"!specific",Explanation:"The !important rule will override the other CSS style rules for that element",Link:"https://www.freecodecamp.org/news/10-css-tricks-for-your-next-coding-project/"},{Question:"How do you create a Flexbox container in CSS Flexbox?",Answer:"display:flex;",Distractor1:"display:flexbox;",Distractor2:"display:flexcontainer;",Distractor3:"display:flexB;",Explanation:"You can apply CSS Flexbox to an HTML container by using display:flex;",Link:"https://www.freecodecamp.org/news/flexbox-the-ultimate-css-flex-cheatsheet/"},{Question:"In CSS, what is the name of the CSS property used to position the grid inside the grid container along the y-axis?",Answer:"align-content",Distractor1:"justify-content",Distractor2:"end",Distractor3:"grid-unit-rows",Explanation:"The align-content property is used to position the grid inside the grid container along the y-axis.",Link:"https://www.freecodecamp.org/news/css-grid-tutorial-with-cheatsheet/#css-grid-architecture"},{Question:"In CSS, what is a common breakpoint range used for desktops and large screens in a media query?",Answer:"1025px - 1200px",Distractor1:"25px - 120px",Distractor2:"125px - 12,000px",Distractor3:"5px - 12px",Explanation:"The range of 1025px - 1200px can be used to target desktops and large screens in a media query.",Link:"https://www.freecodecamp.org/news/media-query-css-example-max-and-min-screen-width-for-mobile-responsive-design/"},{Question:"In CSS, what does the A stand for in HSLA?",Answer:"Alpha",Distractor1:"Alphabetical",Distractor2:"Ambiguous",Distractor3:"Ancient",Explanation:"The A in HSLA stands for Alpha. This value represents the transparency of the color.",Link:"https://www.freecodecamp.org/news/css-font-color-how-to-style-text-in-html/"},{Question:"In CSS, what does the repeat-y value do in the background-repeat property?",Answer:"It repeats the image along the y-axis.",Distractor1:"It repeats the image along the x-axis.",Distractor2:"It repeats the image along both of the x-axis and y-axis.",Distractor3:"It repeats the image along the z-axis.",Explanation:"The repeat-y value repeats the image along the y-axis.",Link:"https://www.freecodecamp.org/news/learn-css-background-properties/"},{Question:"In CSS Flexbox, which one is NOT used with justify-content?",Answer:"flex-middle",Distractor1:"flex-start",Distractor2:"flex-end",Distractor3:"space-around",Explanation:"In CSS Flexbox, some of the options for justify-content include space-around, flex-end, flex-start and space-between",Link:"https://www.freecodecamp.org/news/flexbox-the-ultimate-css-flex-cheatsheet/"},{Question:"In HTML, how do you change the font-size of an h1 tag using inline CSS?",Answer:'