:root{--theme-bg: white;--theme-mg: gray;--theme-fg: black;--theme-bg-off: #eee;--theme-a: #00c3ff;--theme-b: #50dd3e;--theme-c: #de890a;--theme-d: #e30942;--theme-a-light: #a1e9ff;--theme-b-light: #bef2b8;--theme-c-light: #f2d3a4;--theme-d-light: #f5a4b9;--theme-a-dark: #007599;--theme-b-dark: #308525;--theme-c-dark: #865205;--theme-d-dark: #880528;--theme-correct: #00ff00;--theme-incorrect: #ff0000;--theme-btn: rgb(233, 233, 237);--theme-btn-light: rgb(243, 243, 247);--theme-btn-dark: rgb(208, 208, 215);--default-border: 2px solid black}.button-link{color:inherit;text-decoration:none;padding:4px}.button-link,button{background-color:var(--theme-btn);border:var(--default-border);cursor:pointeR}.button-link:hover,button:hover{background-color:var(--theme-btn-light)}.button-link:active:not(:disabled),button:active:not(:disabled){background-color:var(--theme-btn-dark)}body{margin:0;font-family:Fira Sans;font-weight:400;color:var(--theme-fg);background-color:var(--theme-bg)}.app{display:grid;grid-template-columns:100%;grid-template-rows:min-content minmax(300px,auto);min-height:100vh}.app-main{max-width:1400px;width:100%;margin:0 auto}.app-footer{margin:3em auto auto;text-align:center;padding:1ch}.app-footer .logo{width:3em;height:3em}.app-header{margin:auto auto 3em;text-align:center;display:flex;justify-content:center;align-items:center}.app-header .app-logo{width:128px;height:128px;font-size:2em;margin:0 10px}.app-header .app-logo .logo{width:100%;height:100%}.app-header .new-version{font-family:Fira Sans,sans-serif;font-weight:400}.app-header .title{font-size:2em;font-weight:300;margin:0 10px}.app-header .title-link{text-decoration:none;color:inherit}.app-nav{display:flex;justify-content:space-around;align-items:center;max-width:512px;width:calc(100% - 4em);margin:auto;padding:0 2em}.app-nav .nav-link{border:none;background-color:inherit;color:inherit;cursor:pointer;margin:.5em;text-decoration:none}.app-nav .nav-link:hover{text-decoration:underline}@media screen and (max-width: 800px){.app-header{flex-wrap:wrap}}body[data-zen] .app-header,body[data-zen] .app-footer{display:none}body[data-zen] .app{display:block}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fira-sans-cyrillic-ext-400-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-400-normal.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fira-sans-cyrillic-400-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-400-normal.woff) format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fira-sans-greek-ext-400-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-400-normal.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fira-sans-greek-400-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-400-normal.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fira-sans-vietnamese-400-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-400-normal.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fira-sans-latin-ext-400-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-400-normal.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/fira-sans-latin-400-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/fira-sans-kvissleik-300-normal.woff2) format("woff2"),url(/fonts/fira-sans-all-300-normal.woff) format("woff")}.view{padding:2em 1em}.view .section{max-width:800px;margin:auto;display:flex;flex-direction:column}.view .section:not(:first-child){padding-top:3em}.view .section .section-header{border-bottom:var(--default-border)}.view.view-section{max-width:800px;margin:0 auto}.view form{display:flex;flex-direction:column}.view .entry-group{display:grid;grid-template-columns:minmax(auto,200px) calc(18em + 40px) minmax(auto,200px);justify-content:center;align-items:center;margin-bottom:2em;grid-gap:1ch}.view .entry-group .label{text-align:right;margin-right:20px}.view .entry-group .options{text-align:left;margin-left:20px}@media screen and (max-width: 800px){.view .entry-group{display:grid;grid-template-columns:auto;justify-content:center;align-items:center;margin-bottom:2em}.view .entry-group .label{text-align:left;margin-right:20px}.view .entry-group .options{text-align:right;margin-left:20px}}.view .entry-group .options button{border:none;background-color:inherit;color:inherit;cursor:pointer;margin:2em}.view .entry-group .options button[data-active]:after{content:" \25bc"}.view .entry-group .options button:after{content:" \25b6"}.view .entry-group .options button:hover{text-decoration:underline}.view .entry-group .note{text-decoration:underline;font-family:Fira Sans;color:var(--theme-d-dark);text-decoration-style:wavy;margin:.5em 0}.quiz{display:grid;grid-template-columns:100%;grid-template-rows:min-content auto min-content}.quiz .quiz-question{font-size:30px;display:flex;align-items:center;justify-content:center;padding:.5ch 1ch;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto}.quiz .quiz-body{display:grid;grid-template-columns:100px minmax(auto,420px) 100px;margin:auto}.quiz .quiz-figure{max-width:410px;height:200px;display:flex;align-items:center;justify-content:center}.quiz .quiz-figure img{width:100%;height:100%;object-fit:contain}.quiz .quiz-alternatives{display:grid;grid-template-columns:minmax(auto,200px) minmax(auto,200px);grid-template-rows:minmax(100px,auto) minmax(100px,auto);grid-gap:10px;margin:auto}.quiz .quiz-alternative{padding:1ch;display:flex;align-items:center;justify-content:center;font-family:Fira Sans;font-weight:700}.quiz .quiz-alternative .inner{padding:.5ch 1ch;width:calc(100% - 2ch);height:calc(100% - 1ch);max-width:calc(100% - 2ch);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff9;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;flex-grow:1}.quiz button.quiz-alternative{border:none;box-shadow:inset -5px -5px #0003,inset 5px 5px #fff3;cursor:pointer;font-family:inherit;font-size:inherit}.quiz button.quiz-alternative:active{box-shadow:inset 5px 5px #0003,inset -5px -5px #fff3}.quiz .quiz-alternative:nth-child(1){--alt-color: var(--theme-a);background-color:var(--theme-a)}.quiz .quiz-alternative:nth-child(2){--alt-color: var(--theme-b);background-color:var(--theme-b)}.quiz .quiz-alternative:nth-child(3){--alt-color: var(--theme-c);background-color:var(--theme-c)}.quiz .quiz-alternative:nth-child(4){--alt-color: var(--theme-d);background-color:var(--theme-d)}.quiz[data-answered]:not([data-validated]) .quiz-alternative:not([data-answer]){opacity:.5}.quiz[data-answered][data-validated] .quiz-alternative:not([data-answer]):not([data-correct]){opacity:.5}.quiz .quiz-alternative{position:relative}.quiz[data-validated] .quiz-alternative:after,.quiz[data-answered] .quiz-alternative:after{position:absolute;display:flex;justify-content:center;align-items:center;width:2ch;height:2ch;background-color:#fff;border:5px solid var(--alt-color);font-size:1.5em;border-radius:2ch;border-color:var(--alt-color);--val-rad: 1ch;--val-off: 0 }.quiz[data-answered]:not([data-validated]) .quiz-alternative[data-answer]:after{content:"?"}.quiz[data-validated] .quiz-alternative[data-correct]:after{content:"\2714";color:var(--theme-correct)}.quiz[data-answered][data-validated] .quiz-alternative[data-answer]:not([data-correct]):after{content:"\2718";color:var(--theme-incorrect)}.quiz .quiz-alternative:nth-child(1):after{bottom:var(--val-off);right:var(--val-off);border-radius:var(--val-rad) 0 0 0;transform-origin:bottom right}.quiz .quiz-alternative:nth-child(2):after{bottom:var(--val-off);left:var(--val-off);border-radius:0 var(--val-rad) 0 0;transform-origin:bottom left}.quiz .quiz-alternative:nth-child(3):after{top:var(--val-off);right:var(--val-off);border-radius:0 0 0 var(--val-rad);transform-origin:top right}.quiz .quiz-alternative:nth-child(4):after{top:var(--val-off);left:var(--val-off);border-radius:0 0 var(--val-rad) 0;transform-origin:top left}.quiz[data-statistics] .quiz-alternative:before{position:absolute;display:flex;justify-content:center;align-items:center;padding:0 1ch;height:2ch;background-color:#fff;border:5px solid var(--alt-color);font-size:1.5em;border-radius:2ch;border-color:var(--alt-color);--val-rad: 1ch;--val-off: -1ch }.quiz[data-statistics] .quiz-alternative:before{content:attr(data-stats)}.quiz[data-statistics] .quiz-alternative:nth-child(1):before{top:var(--val-off);left:var(--val-off);border-radius:0 0 var(--val-rad) 0;border-radius:var(--val-rad);transform-origin:top left}.quiz[data-statistics] .quiz-alternative:nth-child(2):before{top:var(--val-off);right:var(--val-off);border-radius:0 0 0 var(--val-rad);transform-origin:top right;border-radius:var(--val-rad)}.quiz[data-statistics] .quiz-alternative:nth-child(3):before{bottom:var(--val-off);left:var(--val-off);border-radius:0 var(--val-rad) 0 0;transform-origin:bottom left;border-radius:var(--val-rad)}.quiz[data-statistics] .quiz-alternative:nth-child(4):before{bottom:var(--val-off);right:var(--val-off);border-radius:var(--val-rad) 0 0 0;transform-origin:bottom right;border-radius:var(--val-rad)}.quiz[data-statistics] .quiz-alternative:before{font-size:calc(90% + 100% * var(--stats) / var(--stats-total))}.quiz[data-answered][data-validated][data-scored] .quiz-alternative[data-answer]:after{counter-reset:variable var(--score-added);width:auto;padding:0 .5ch;content:"+" counter(variable);color:#000}.quiz .quiz-score{max-width:500px;margin:2em auto;text-align:center}.quiz .quiz-score b{display:inline-block;font-size:120%;border-bottom:2px dotted steelblue}@media screen and (max-width: 600px){.quiz .quiz-body{grid-template-columns:auto}}.participant-list{border:2px solid var(--theme-fg);border-radius:3px;min-width:200px;width:min-content}.participant-list ul{padding:0;margin:0}.participant-list .participant{list-style:none;padding:5px 1ch;display:flex;align-items:center;min-height:1.5em}.participant-list .participant:not([data-state="CONNECTED"]){font-style:italic;opacity:.8}.participant-list .participant>span{margin:.5ch}.participant-list .participant .state{width:min-content;text-align:right;font-style:normal}.participant-list .participant .name{max-width:22ch;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-list .participant .score{min-width:6ch;text-align:right}.participant-list ul>li:nth-child(2n){background-color:var(--theme-bg-off)}.hosting-quiz{padding:2ch;margin:0 auto;display:flex;flex-direction:column}.hosting-quiz .participant-list{margin:1ch 0}.hosting-quiz .start-quiz,.hosting-quiz .continue-quiz{font-size:2em;width:max-content;padding:1ch}.hosting-quiz .hosting-question{display:grid;grid-template-columns:minmax(100px,min-content) max-content minmax(100px,min-content)}.hosting-quiz .hosting-question .quiz{grid-column:2}.hosting-quiz .hosting-question .continue-quiz{grid-row:2;grid-column:2;margin:2ch auto}.hosting-quiz .hosting-question .participant-list{grid-column:3;height:min-content;margin:auto}@media screen and (max-width: 600px){.hosting-quiz .hosting-question{display:grid;grid-template-columns:auto}.hosting-quiz .hosting-question .quiz{grid-column:unset}.hosting-quiz .hosting-question .continue-quiz{grid-row:unset;grid-column:unset}.hosting-quiz .hosting-question .participant-list{grid-column:unset}}.room-code-entry .code-entry-input{display:flex;flex-direction:row}.room-code-entry .code-entry-input input:first-child{border-radius:5px 0 0 5px;margin-left:0}.room-code-entry .code-entry-input input:last-child{border-radius:0 5px 5px 0;margin-right:0}.room-code-entry .code-entry-input input{width:100%;font-size:3em;margin:0 -1px;border:var(--default-border);text-align:center;color:#000}.room-code-entry .code-entry-input input:nth-child(1){background-color:var(--theme-a-light)}.room-code-entry .code-entry-input input:nth-child(2){background-color:var(--theme-b-light)}.room-code-entry .code-entry-input input:nth-child(3){background-color:var(--theme-c-light)}.room-code-entry .code-entry-input input:nth-child(4){background-color:var(--theme-d-light)}.room-code-entry .long-code-entry{position:relative;border:var(--default-border);border-radius:5px;display:flex;flex-direction:column;margin:calc(.5em + 1px) 0}.room-code-entry .long-code-entry input{font-size:2em;margin:0 -1px;border:none;text-align:left;color:#000;background-color:transparent}.room-code-entry .long-code-entry .background{position:absolute;inset:0;display:flex;border-radius:5;z-index:-1;opacity:.5}.room-code-entry .long-code-entry .background>div{flex-grow:1}.room-code-entry .long-code-entry .background>div:nth-child(1){background-color:var(--theme-a-light)}.room-code-entry .long-code-entry .background>div:nth-child(2){background-color:var(--theme-b-light)}.room-code-entry .long-code-entry .background>div:nth-child(3){background-color:var(--theme-c-light)}.room-code-entry .long-code-entry .background>div:nth-child(4){background-color:var(--theme-d-light)}.host-connection-details .copy-to-clipboard{margin:0 2ch}.host-connection-details .room-code-header .code{font-size:1.2em;color:var(--theme-a-dark);text-decoration:underline;text-decoration-style:dotted}.radio-group{display:flex}.radio-group .radio-group-button:nth-child(2){border-radius:5px 0 0 5px;margin-left:0}.radio-group .radio-group-button:last-child{border-radius:0 5px 5px 0;margin-right:0}.radio-group .radio-group-button{width:100%;margin:0 -1px;border:var(--default-border);text-align:center;color:#000;display:flex;align-items:center;justify-content:center}.radio-group>input[type=radio]{position:absolute;width:1px;height:1px;left:-10px}.radio-group>input[type=radio]:focus+.radio-group-button{border:2px solid var(--theme-a);z-index:1}.radio-group>input[type=radio]:checked+.radio-group-button{background-color:var(--theme-btn);text-decoration:underline}.host-form .entry-group.select-quiz select{width:100%;margin:0 -1px;border:var(--default-border);text-align:center;color:var(--theme-fg)}.host-form .entry-group.maxParticipants input{width:100%;font-size:1.5em;margin:0 -1px;border:var(--default-border);text-align:center;color:#000;border:none;border-bottom:var(--default-border)}.host-form .host-button{margin:0 auto;padding:.5em 1em;font-size:3em;border:var(--default-border);text-align:center;color:#000;border-radius:3px}.host-form .radio-group{display:flex}.host-form .radio-group .radio-group-button:nth-child(2){border-radius:5px 0 0 5px;margin-left:0}.host-form .radio-group .radio-group-button:last-child{border-radius:0 5px 5px 0;margin-right:0}.host-form .radio-group .radio-group-button{width:100%;margin:0 -1px;border:var(--default-border);text-align:center;color:#000;display:flex;align-items:center;justify-content:center}.host-form .radio-group>input[type=radio]{position:absolute;width:1px;height:1px;left:-10px}.host-form .radio-group>input[type=radio]:focus+.radio-group-button{border:2px solid var(--theme-a);z-index:1}.host-form .radio-group>input[type=radio]:checked+.radio-group-button{background-color:var(--theme-btn);text-decoration:underline}.make-view .local-section ul li{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:10px}.make-view .local-section .quiz-name{margin-right:10px;flex-grow:1}.make-view .local-section .quiz-info{margin-right:10px;flex-basis:150px}.make-view .local-section .button-link,.make-view .local-section button{margin-right:10px}.make-view .create-new-quiz{margin:0 auto;padding:.5em 1em;font-size:2em;border:var(--default-border);text-align:center;color:#000;border-radius:3px}.make-view .create-new-quiz:disabled{opacity:.5;cursor:default}@media screen and (max-width: 800px){.make-view{display:flex;flex-direction:column}}.solid-hack-warning{background-color:#fdd;border:5px dashed tomato;border-radius:5px;padding:1ch;margin:3ch;max-width:500px;margin:0 auto}.solid-hack-warning h4{margin:0}.play-view .entry-group.name input{width:100%;font-size:1.5em;margin:0 -1px;border:var(--default-border);text-align:center;color:#000;border:none;border-bottom:var(--default-border)}.play-view .play-button{margin:0 auto;padding:.5em 1em;font-size:3em;border:var(--default-border);text-align:center;color:#000;border-radius:3px}.quiz-editor .quiz-name{font-size:1.5em;padding:.5ch 1ch;margin:0;background-color:var(--theme-bg);color:var(--theme-fg);border:none;border-bottom:var(--default-border)}.quiz-editor .editor-toolbar{grid-column:1 / 4;display:grid;grid-template-columns:auto 123px 123px;grid-gap:10px}.quiz-editor .editor-toolbar h3{margin:0}.quiz-editor .question-overview{overflow:auto;width:100%;max-width:300px;float:left}.quiz-editor .question-list{display:flex;flex-direction:column}.quiz-editor .question-list .select-question{margin-bottom:5px;padding:4px}.quiz-editor .question-list .select-question[data-current]{border-width:4px;padding:2px}.quiz-editor .question-thumbnail{overflow:hidden;text-overflow:ellipsis}.quiz-editor .richtext-input{min-width:1ch;border-bottom:var(--default-border)}.quiz-editor .question-editor{margin:0 auto;width:100%}.quiz-editor .quiz .quiz-figure label{cursor:pointer;width:100%;height:100%;display:block}.quiz-editor .quiz .quiz-figure img:not([src]){visibility:hidden;position:absolute}.quiz-editor .quiz .quiz-figure img[src]+input[type=file]{visibility:hidden;position:absolute}.quiz-editor .quiz .quiz-alternative{position:relative}.quiz-editor .quiz .quiz-alternative input[type=checkbox]{position:absolute;top:0;left:0}@media screen and (max-width: 800px){.quiz-editor .editor-toolbar{grid-template-columns:auto auto auto}}.view-view .section-header{max-width:600px;width:100%;margin:0 auto 2em;border-bottom:var(--default-border);display:flex;align-items:center}.view-view .section-header h3{flex-grow:1}.view-view .section-header .button-link{margin-right:10px}.view-view hr{max-width:800px;width:100%;margin:3em auto}.view-view button{width:auto;margin:auto}