.Quiz-element{--shadow-offset:0.25em;background-color:var(--color-sand);margin:.5em 1em 1em;padding:.5em;max-width:480px;color:#fff;display:-webkit-flex;display:flex;corner-shape:squircle;border-radius:1.5em;box-shadow:0 calc(var(--shadow-offset)*1) 0 0 var(--color-gold),0 calc(var(--shadow-offset)*2) 0 0 var(--color-orange),0 calc(var(--shadow-offset)*3) 0 0 var(--color-crimson),0 calc(var(--shadow-offset)*4) 0 0 var(--color-magenta),0 calc(var(--shadow-offset)*5) 0 0 var(--color-violet)}.Quiz-input--correct{color:#089000;font-weight:700}.Quiz-input--spoiler{color:#000}.Quiz-element button:hover{color:#0a0;cursor:pointer}.Quiz-element-index{display:block;width:100%;height:2.5em;color:#2f3136;line-height:40px;text-align:center;font-style:italic;font-weight:bolder;font-size:2em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Quiz-element-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;min-width:0}.Quiz-element .meta-data{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;grid-gap:.75em;gap:.75em}.Quiz-element .cover-art,.Quiz-element .cover-art-placeholder{height:12em;box-sizing:border-box;aspect-ratio:3/4;corner-shape:squircle;border-radius:.75em;margin-bottom:.5em;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.Quiz-element .cover-art-placeholder{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:hsla(0,0%,50.2%,.33);color:hsla(0,0%,50.2%,.75);font-weight:700;opacity:.7}.Quiz-element .release-year{color:#000}.Quiz-element .release-year,.Quiz-element button{-webkit-user-select:none;-ms-user-select:none;user-select:none}.Quiz-element button{-webkit-appearance:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;outline:none;cursor:pointer;width:54px;height:54px;background-image:linear-gradient(0deg,#d8d9db 0,#fff 80%,#fdfdfd);border-radius:27px;border:1px solid #8f9092;box-shadow:0 2px 3px 1px #fcfcfc,0 4px 8px #d6d7d9,0 -2px 4px #cecfd1,0 -4px 4px #fefefe,inset 0 0 3px 0 #cecfd1;transition:all .2s ease;font-family:"Source Sans Pro",sans-serif;font-size:14px;font-weight:600;color:#606060;text-shadow:0 1px #fff}.Quiz-element button::-moz-focus-inner{border:0}.Quiz-element button>*{transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.Quiz-element button:hover:not([disabled]){box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}.Quiz-element button:hover:not([disabled])>*{-webkit-transform:scale(.975);transform:scale(.975)}.Quiz-element button:focus:not(:active){-webkit-animation:active .9s infinite alternate;animation:active .9s infinite alternate;outline:none}.Quiz-element button:active:not([disabled])>*{-webkit-transform:scale(.95);transform:scale(.95)}.Quiz-element button:disabled{opacity:.6;cursor:not-allowed}.Quiz-element button.icon{width:50px}.Quiz-element button.icon svg{margin-top:3px;width:30px;height:30px}@-webkit-keyframes active{0%{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 10px 0 rgba(0,0,250,.6)}to{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}}@keyframes active{0%{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 10px 0 rgba(0,0,250,.6)}to{box-shadow:0 4px 3px 1px #fcfcfc,0 6px 8px #d6d7d9,0 -4px 4px #cecfd1,0 -6px 4px #fefefe,inset 0 0 3px 3px #cecfd1}}.Quiz-score{font-weight:700}.Quiz-score-wrapper{--scorebox-width:120px;color:var(--color-magenta-light);font-size:28px;font-family:"Open Sans",sans-serif;font-weight:bolder;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:.25em solid var(--color-magenta-light);border-radius:1em;background:color-mix(in srgb,var(--color-violet) 50%,transparent) 100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 8px rgba(0,0,0,.5)}.Quiz-score-wrapper--fixed{position:absolute;top:0;right:.5em;padding:0 .5em;text-align:center}.Quiz-score-wrapper--hidden{display:none}.Quiz-score--miss{color:var(--color-crimson)}.Quiz-score--way-off{color:orange}.Quiz-score--decent{color:#dcda00}.Quiz-score--great{color:#9acd32}.Quiz-score--excellent{color:green;font-weight:bolder}.Quiz-score--fantastic{color:#daa520;font-weight:bolder}.Quiz-giveup-button{padding:0 .5em;color:var(--color-crimson);border:.25em solid var(--color-crimson);border-radius:1em;background:color-mix(in srgb,var(--color-crimson-dark) 50%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 8px rgba(0,0,0,.5);font-size:28px;font-family:"Open Sans",sans-serif;font-weight:bolder;text-transform:uppercase;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Quiz-giveup-button:active{color:#fff;background-color:var(--color-crimson)}.Quiz-giveup-button:disabled{opacity:.6}.Quiz-wrapper{position:absolute;top:0;left:.5em;padding:0 .5em;text-align:center}.Quiz-wrapper span{font-size:14px;font-weight:bolder;text-shadow:0 2px 4px #000}.Quiz-footer{position:fixed;bottom:0;left:0;height:6em;text-align:center;background:linear-gradient(180deg,transparent 0,var(--color-background));width:100%}.Quiz-footer-text{font-size:small}.Quiz-footer-icon{display:inline-block;vertical-align:-3px}@font-face{font-family:"Digital-7 Mono";font-display:swap;src:local("Digital-7 Mono"),url(/static/media/digital-7_mono.ae951a18.ttf) format("truetype")}:root{--footer-height:100px;--color-sand:#eadeb7;--color-gold:#ffc900;--color-orange:#f60;--color-crimson:#ff0029;--color-crimson-dark:#7f0014;--color-magenta-light:#cc00f0;--color-magenta:#b300d4;--color-violet:#4c00b9;--color-background:#1a1a1a}body,html{background-color:#1a1a1a;background-color:var(--color-background);color:#fff;font-face:"Open Sans"}#root,body,html{margin:0;min-height:100%}#root{inset:0}.Quiz-main{padding-bottom:100px;padding-bottom:var(--footer-height)}.site-header{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);background-color:#1a1a1a;background-color:var(--color-background)}.Quiz-main,.site-header{display:-webkit-flex;display:flex}.Quiz-main{max-width:1920px;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;margin:0 auto}.header-logo{max-width:960px;padding:1em 2em}input{width:100%;padding:5px 10px;color:#ff0029;color:var(--color-crimson);font-weight:700;font-size:1.125em;caret-color:#000;background-color:#b9bbbe;box-sizing:border-box;-webkit-appearance:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;outline:none;cursor:pointer;background-image:linear-gradient(0deg,rgba(216,217,219,.5) 0,hsla(0,0%,100%,.5) 80%,hsla(0,0%,99.2%,.5));border-radius:15px 15px 15px 15px;border:1px solid #8f9092;box-shadow:0 2px 3px 1px #fcfcfc,0 3px 8px #d6d7d9,0 -2px 4px #cecfd1,0 -4px 4px #fefefe,inset 0 0 3px 0 #cecfd1;transition:all .2s ease;text-shadow:0 1px #fff}input.Quiz-input--loading{background-image:url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwoKCggAAAAAAAAAAAAAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADGwi6MjRiSenIm9hqPOvljAOBZGmeaKqubOu6CQAh+QQJCgAAACwAAAAAEAAQAAADHAi63A5ikCEek2TalftWmPZFU/WdaKqubOu+bwIAIfkECQoAAAAsAAAAABAAEAAAAxwIutz+UIlBhoiKkorB/p3GYVN1dWiqrmzrvmkCACH5BAkKAAAALAAAAAAQABAAAAMbCLrc/jDKycQgQ8xL8OzgBg6ThWlUqq5s604JACH5BAkKAAAALAAAAAAQABAAAAMbCLrc/jDKSautYpAhpibbBI7eOEzZ1l1s6yoJACH5BAkKAAAALAAAAAAQABAAAAMaCLrc/jDKSau9OOspBhnC5BHfRJ7iOXAe2CQAIfkECQoAAAAsAAAAABAAEAAAAxoIutz+MMpJ6xSDDDEz0dMnduJwZZulrmzbJAAh+QQJCgAAACwAAAAAEAAQAAADGwi63P4wRjHIEBJUYjP/2dZJlIVlaKqubOuyCQAh+QQJCgAAACwAAAAAEAAQAAADHAi63A5ikCEek2TalftWmPZFU/WdaKqubOu+bwIAOw==);background-position:98%;background-repeat:no-repeat}input::-webkit-input-placeholder{color:#606060;font-weight:300;font-style:italic}input:-ms-input-placeholder{color:#606060;font-weight:300;font-style:italic}input::placeholder{color:#606060;font-weight:300;font-style:italic}input::-ms-clear{display:none}a{color:#add8e6;text-decoration:none}@media only screen and (max-device-width:480px){html{scrollbar-width:none}:root{--header-height:208px;--footer-height:112px}.Quiz-main{padding-top:var(--header-height);padding-bottom:100px;padding-bottom:var(--footer-height)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,color-mix(in srgb,#1a1a1a 100%,transparent) 25%,color-mix(in srgb,#1a1a1a 25%,transparent));background:linear-gradient(180deg,color-mix(in srgb,var(--color-background) 100%,transparent) 25%,color-mix(in srgb,var(--color-background) 25%,transparent));-webkit-animation:dropshadow linear both;animation:dropshadow linear both;animation-timeline:scroll(root);animation-range:0 150px}.header-logo{width:calc(100vw - 4em);height:auto;padding:1em 2em;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation:shrink linear both;animation:shrink linear both;animation-timeline:scroll(root);animation-range:0 150px}@-webkit-keyframes dropshadow{0%{box-shadow:0 0 0 transparent}to{box-shadow:0 4px 8px rgba(0,0,0,.5)}}@keyframes dropshadow{0%{box-shadow:0 0 0 transparent}to{box-shadow:0 4px 8px rgba(0,0,0,.5)}}@-webkit-keyframes shrink{0%{width:calc(100vw - 4em);padding:1em 2em}to{width:192px;padding:0 2em .25em}}@keyframes shrink{0%{width:calc(100vw - 4em);padding:1em 2em}to{width:192px;padding:0 2em .25em}}}@media only screen and (min-device-width:481px) and (max-width:1024px){:root{--header-height:120px;--footer-height:100px}.Quiz-main{padding-top:var(--header-height);padding-bottom:100px;padding-bottom:var(--footer-height)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 20px;background-color:color-mix(in srgb,#1a1a1a 75%,transparent);background-color:color-mix(in srgb,var(--color-background) 75%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-animation:dropshadow linear both;animation:dropshadow linear both;animation-timeline:scroll(root);animation-range:0 150px}.header-logo{max-width:calc(100vw - 4em);height:auto;padding:1em 2em;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation:shrink linear both;animation:shrink linear both;animation-timeline:scroll(root);animation-range:0 150px}@-webkit-keyframes dropshadow{0%{box-shadow:0 0 0 transparent;background-color:color-mix(in srgb,#1a1a1a 75%,transparent);background-color:color-mix(in srgb,var(--color-background) 75%,transparent)}to{box-shadow:0 4px 8px rgba(0,0,0,.5);background-color:color-mix(in srgb,#1a1a1a 50%,transparent);background-color:color-mix(in srgb,var(--color-background) 50%,transparent)}}@keyframes dropshadow{0%{box-shadow:0 0 0 transparent;background-color:color-mix(in srgb,#1a1a1a 75%,transparent);background-color:color-mix(in srgb,var(--color-background) 75%,transparent)}to{box-shadow:0 4px 8px rgba(0,0,0,.5);background-color:color-mix(in srgb,#1a1a1a 50%,transparent);background-color:color-mix(in srgb,var(--color-background) 50%,transparent)}}@-webkit-keyframes shrink{0%{max-width:calc(100vw - 4em);padding:1em 2em}to{width:192px;padding:0 2em .25em}}@keyframes shrink{0%{max-width:calc(100vw - 4em);padding:1em 2em}to{width:192px;padding:0 2em .25em}}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.4c2fde79.chunk.css.map */