.progress{margin:0 0 1.5rem}.progress__title{margin:0 0 .3em;font-size:calc(1.5rem + .7vw);line-height:1.4em}.progress__bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50%;max-width:9rem;height:8px;border:0;background-color:var(--light-grey);border-radius:8px}.progress__bar::-webkit-progress-bar{background:var(--light-grey);border-radius:8px}.progress__bar::-moz-progress-bar{background:var(--colour);border-radius:8px}.progress__bar::-webkit-progress-value{background:var(--colour);border-radius:8px}.checkbox{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.35em}.checkbox[disabled]{pointer-events:none;filter:grayscale(100%) brightness(170%)}.checkbox--active{background-color:var(--light-grey)}.checkbox--active .checkbox__tickbox__box,.checkbox--indeterminate .checkbox__tickbox__box{fill:var(--colour);stroke:var(--colour)}.checkbox--active .checkbox__tickbox__tick,.checkbox--indeterminate .checkbox__tickbox__box{stroke-dashoffset:40;stroke:#fff}.checkbox:active .checkbox__tickbox{transform:scale(.93)}.checkbox:hover .checkbox__tickbox:not([disabled]) .checkbox__tickbox__box{stroke:var(--colour)}.checkbox__tickbox{display:block;width:1.35em;min-width:1.35em;height:1.35em;margin:0 .6em 0 0;padding:0}.checkbox__tickbox__tick{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;stroke:transparent;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .12s cubic-bezier(0,.6,.8,0) .05s}.checkbox__tickbox__box{stroke:var(--light-grey);stroke-width:2;fill:none;transition:stroke .15s,fill .15s}.answers{text-align:left}.answers__image{display:block;width:100%;max-width:25em;margin:0 auto 1.8em;border-radius:.3rem}.answers__title{margin:1rem 0}.answers__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;grid-gap:.7rem}@media (max-width:700px){.answers__list{grid-template-columns:repeat(1,1fr)}}.answers__nav{margin:2rem 0 0;display:flex;align-items:center;justify-content:space-between;min-height:3em}.answers__nav__button--next{margin-left:auto}.answer{border:2px solid var(--light-grey);padding:.6em;border-radius:.4rem;height:100%;box-sizing:border-box;-webkit-animation:showAnswer .4s cubic-bezier(.56,1.85,.83,.67);animation:showAnswer .4s cubic-bezier(.56,1.85,.83,.67)}.answer__hidden{visibility:hidden}@-webkit-keyframes showAnswer{0%{opacity:0;transform:scale(.5)}}@keyframes showAnswer{0%{opacity:0;transform:scale(.5)}}.results__title{font-size:calc(1.5rem + .7vw);line-height:1.4em}.results__title--reduced{margin-bottom:1.2rem}.results__table{width:100%;padding:0;margin:2rem 0 4rem;text-align:left;border-collapse:collapse}.results__table__row--even{background-color:var(--v-light-grey)}.results__table__row--self,.results__table__row--winner{font-weight:bolder}.results__table__row--winner{background-color:var(--gold)}.results__table__row--winner .results__table__cell--name{color:var(--winner-text)}.results__table__cell{border:0;padding:0 1.1rem;vertical-align:middle}.results__table__cell--name{width:100%}.results__table__cell--score{text-align:right}.results__table__cell--tied{color:var(--faded-text)}.results__table__name{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(80vw - 10rem);padding:.7em 0}@media (min-width:700px){.results__table__name{max-width:20rem}}.results__name{padding:.7rem 1.1rem}.results__name__crown{margin:0 .6rem 0 0}.results__name__isuser{font-size:11px;line-height:17px;padding:2px 9px;background:var(--colour);color:#fff;border-radius:21px;text-transform:uppercase;font-weight:700;margin:0 0 0 .8rem;pointer-events:none}svg{fill:currentColor;height:1rem;width:1rem}html.noscroll .window__scrollbox{overflow:hidden}.settings__button{position:absolute;top:2rem;right:2rem;padding:.5rem}@media (max-width:699px){.settings__button{top:1.3rem;right:1.3rem}}.settings__button__icon{fill:transparent;stroke:var(--medium-grey);stroke-width:1px;transition:fill .15s,stroke .15s}.settings__button__tooltip{position:absolute;top:calc(100% + .7em);right:-.2rem;padding:.6em .8em;font-size:.9rem;line-height:1.2em;color:#fff;background:var(--hover);border-radius:.2rem;white-space:nowrap;display:none;-webkit-animation:showTooltip .2s ease-out;animation:showTooltip .2s ease-out}.settings__button__tooltip:after{content:"";display:block;position:absolute;top:-12px;right:.3rem;border:7px solid transparent;border-bottom-color:var(--hover)}.settings__button__name{position:absolute;top:50%;right:100%;padding:0 .8rem;transform:translateY(-50%);white-space:nowrap;transition:transform .25s,opacity .25s}.settings__button:hover .settings__button__icon{stroke:var(--colour);fill:var(--light-grey)}.settings__button:hover .settings__button__tooltip{display:block}.settings__button--stacked{display:table;margin:1rem auto .7rem}.settings__button--scrolled .settings__button__name{transform:translate(1rem,-50%);opacity:0}.settings__modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--colour);overflow:auto;z-index:9;display:flex;padding:4rem 0;align-items:flex-start;justify-content:center;-webkit-animation:showModalBackdrop .15s ease-in-out;animation:showModalBackdrop .15s ease-in-out;cursor:pointer}@media (max-width:700px){.settings__modal{padding:5vw 0}}.settings__modal__content{position:relative;background:var(--background);width:90%;max-width:30em;padding:2.7rem;box-sizing:border-box;border-radius:1rem;-webkit-animation:showModalContent .15s ease-in-out .15s backwards;animation:showModalContent .15s ease-in-out .15s backwards;cursor:default;text-align:center;margin-left:auto;margin-right:auto}@media (max-width:700px){.settings__modal__content{padding:1.7em}}.settings__modal__close{position:absolute;top:.5rem;right:.5rem;padding:.3em;font-size:1.4em}.settings__form{margin:1.5rem auto 5rem;max-width:16em}.settings__form,.settings__form__name{text-align:center;box-sizing:border-box}.settings__form__name{background:var(--light-grey);border:0;height:3em;width:100%;padding:0 1.4em;border-radius:1.5em;font:inherit;font-size:1.3em}.settings__form__name::-moz-placeholder{color:var(--light-text)}.settings__form__name:-ms-input-placeholder{color:var(--light-text)}.settings__form__name::placeholder{color:var(--light-text)}.settings__form__buttons{text-align:center}.settings__title{margin:.5rem auto .8rem}.settings__text{margin:0 auto .8rem;text-align:center;max-width:20em;line-height:1.4em}.settings__text--error{font-weight:700;color:var(--error-colour)}@-webkit-keyframes showTooltip{0%{transform:translateY(-50%);opacity:0}}@keyframes showTooltip{0%{transform:translateY(-50%);opacity:0}}@-webkit-keyframes showModalBackdrop{0%{background-color:transparent}}@keyframes showModalBackdrop{0%{background-color:transparent}}@-webkit-keyframes showModalContent{0%{transform:translateY(3rem);opacity:0}}@keyframes showModalContent{0%{transform:translateY(3rem);opacity:0}}.loader{margin:1em;width:auto;height:auto}.loader__rotator{-webkit-animation:rotateme 1s linear infinite;animation:rotateme 1s linear infinite;transform-origin:50% 50%}.loader__path{fill:transparent;-webkit-animation:showload 1.5s linear infinite;animation:showload 1.5s linear infinite;transform-origin:50% 50%}@-webkit-keyframes showload{0%{stroke-dashoffset:0;stroke-dasharray:1,212}50%{stroke-dashoffset:-23;stroke-dasharray:84,212}to{stroke-dashoffset:-106;stroke-dasharray:84,212}}@keyframes showload{0%{stroke-dashoffset:0;stroke-dasharray:1,212}50%{stroke-dashoffset:-23;stroke-dasharray:84,212}to{stroke-dashoffset:-106;stroke-dasharray:84,212}}@-webkit-keyframes rotateme{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateme{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--text:#132e36;--light-text:#99bbbd;--background:#fff;--gradient:255,255,255;--faded-text:rgba(0,0,0,0.2);--colour:#11d49f;--hover:#08bd8c;--width:96%;--max-width:35em;--light-grey:#dbf0ea;--medium-grey:#b2d8cd;--v-light-grey:#e3f3ed;--disabled:#ccd8d5;--error-colour:#f7121d;--error-hover:#e20e0e;--light-error:#f1dfe2;--gold:#face0a;--winner-text:#082020}@media (prefers-color-scheme:dark){:root{--text:#fff;--light-text:#546a6b;--background:#132e36;--gradient:19,46,54;--faded-text:hsla(0,0%,100%,0.4);--light-grey:#4a6e64;--medium-grey:#658b81;--v-light-grey:#284241;--disabled:#4d5a5a;--light-error:#5a2f37}}html{font-size:18px}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--colour);box-sizing:border-box;padding:1.2rem}@media (max-width:699px){body{padding:1rem}}[tabindex]:focus,button:focus,input:focus{outline:none;box-shadow:0 0 2px 2px var(--hover)}.button--error:focus{box-shadow:0 0 2px 2px var(--error-hover)}.window{position:relative;background-color:var(--background);border-radius:2rem;overflow:auto;height:calc(100vh - 2.4rem)}.window::-webkit-scrollbar{display:none}.window--scrollable{background:linear-gradient(180deg,var(--background) calc(100% - 2em),var(--medium-grey))}.window__scrollbox{box-sizing:border-box}.window__scrollbox--padding{padding:calc(1.5rem + 6vw) calc(.5rem + 6vw)}@media (max-width:699px){.window__scrollbox--mobile-pad{padding-top:5rem}}@media (max-width:699px){.window{border-radius:1.5rem;min-height:calc(100vh - 2rem)}}.window__sizer{text-align:center;width:var(--width);max-width:var(--max-width);margin:0 auto}.hr{margin:1.2em 0;border:0;padding:0;border-top:1px solid var(--medium-grey)}.hr--error{border-top-color:var(--error-colour)}.button,button,input[type=button],input[type=reset],input[type=submit]{font-family:inherit;font-size:1rem;font-weight:500;display:inline-block;padding:.6em 1.3em;border:0;background-color:var(--colour);color:#fff;border-radius:2rem;line-height:1.4em;cursor:pointer;transition:background-color .15s}.button:hover,button:hover,input:hover[type=button],input:hover[type=reset],input:hover[type=submit]{background:var(--hover)}.button[disabled],button[disabled],input[disabled][type=button],input[disabled][type=reset],input[disabled][type=submit]{background-color:var(--disabled);pointer-events:none}.button--nostyle{background:transparent;padding:0;color:var(--text);transition:color .15s}.button--nostyle:hover{color:var(--colour);background:transparent}.button--square{width:1em;height:1em;line-height:1em;text-align:center}.button--error{background-color:var(--error-colour)}.button--error:hover{background:var(--error-hover)}.button__end{padding:2rem;background:var(--light-grey);border-radius:1rem}.button__end--error{background:var(--light-error)}.button__end--subtle{padding:1.4rem;background:var(--v-light-grey)}.button__end--transparent{background:transparent}.quiz{margin:0 0 3rem}.quiz__loader{margin:2rem}