@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--font: "Noto Sans", Helvetica, Arial, sans-serif;font-family:var(--font);line-height:1.5;font-weight:400;--main-text-color: rgba(255, 255, 255, .87);--placeholder-text-color: rgba(255, 255, 255, .5);--main-background-color: #242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--main-text-color);background-color:var(--main-background-color);--color-accent-0: rgba(184, 131, 234, 1);--color-accent-1: rgba(133, 131, 234, 1);--error-color: #ed8c8c;--accent-icon-filter: invert(100%) opacity(87%);--section-shadow: rgba(0, 0, 0, .1) 0px 4px 12px;--section-shadow-2: rgba(0, 0, 0, .15) 0px 4px 16px;--section-background: #282828;--section-background-hover: #2c2c2c;--section-background-partial-opacity: #0000001a;--section-background-partial-opacity-2: #00000068;--section-border: #66666644;--section-border-2: #88888844;--section-border-3: #aaaaaa88;--section-border-4: #cccc;--accent-gradient: linear-gradient(135deg, var(--color-accent-0) 0%, var(--color-accent-1) 100%);--answer-0: #6f17e8;--answer-1: #e14848;--answer-2: #2d912d;--answer-3: #0ba5e2;--answer-4: #a51d3f;--answer-5: #24be85;--answer-6: #c55c1f;--answer-7: #b00be2;--answer-8: #2b3abb;--answer-9: #e20b0b;--answer-10: #d2b48c;--answer-11: #75196e;--default-loq-background: url(/assets/backgrounds/main.png)}img{-webkit-user-select:none;user-select:none}body{margin:0;display:flex;align-content:stretch;min-width:320px;min-height:100vh;flex-direction:column;font-family:var(--font);color:var(--main-text-color)}textarea{font-family:var(--font)}*{min-width:0;min-height:0}:root{--modal-content-background-color: #1c1c1c;--modal-background-color: rgba(0, 0, 0, .4)}.modal{position:fixed;z-index:20;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--modal-background-color);font-size:initial;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal>div{max-width:min(calc(100% - 24px),480px)}.modal>div.size-1{max-width:min(calc(100% - 24px),960px)}.modal-body{background-color:var(--modal-content-background-color);width:500px;height:300px;border-radius:12px;display:flex;flex-direction:column;animation:modal-appear .25s cubic-bezier(.175,.885,.32,1.275);animation-iteration-count:1;margin:30px;max-height:100vh;overflow-y:auto;overflow-x:clip;border:none}.modal-head-content{font-size:20pt;flex:1 0;text-align:center;color:var(--text-on-gradient-color);white-space:nowrap}@media screen and (max-width: 512px){.modal-head-close{transform:translate(10px) translateY(-16px)}}.modal-head-close{margin:-15px 5px -15px -60px;cursor:pointer;border:none;padding:0;background-color:transparent}.modal-head-close>img{margin:15px;vertical-align:middle;filter:var(--accent-icon-filter)}.modal-head{flex:0 0 75px;background:var(--accent-gradient);border-top-left-radius:12px;border-top-right-radius:12px;margin:-1px;display:flex;align-items:center;position:sticky;top:0;z-index:1}@keyframes modal-appear{0%{transform:scale(.8)}to{transform:scale(1)}}.modal-content{flex:1 0 0;font-size:16pt;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;min-height:auto;background-color:var(--modal-content-background-color);margin:0 auto;border:1px solid var(--modal-border-color);width:calc(100% - 40px)}.confirm-message{flex-grow:1;display:flex;align-items:center}.confirm-choices{margin-top:8px;display:flex;gap:8px;width:100%;justify-content:center}.confirm-choices button{flex:0 1 144px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.shadow{box-shadow:var(--section-shadow)}.section{box-shadow:var(--section-shadow);background-color:var(--section-background);border:1px solid var(--section-border);transition:box-shadow ease .2s;border-radius:12px;padding:8px}.section:hover{box-shadow:var(--section-shadow-2)}a.undecorated{color:inherit;text-decoration:inherit}a *{cursor:pointer}a{color:var(--color-accent-0);cursor:pointer;text-decoration:underline;transition:color ease .2s}a:hover{color:var(--color-accent-1)}.no-access{pointer-events:none;filter:saturate(.25) opacity(50%)}.center-text{text-align:center}.accent-icon{filter:var(--accent-icon-filter)}.button-icon-container{background-color:transparent;border:none;cursor:pointer;border-radius:12px;transition:backdrop-filter .2s ease;padding:8px;width:48px;height:48px;display:grid;place-items:center}button.button-icon-container{width:64px;height:64px}.button-icon-container img{filter:var(--accent-icon-filter);width:100%;height:100%}.button-icon-container:hover{-webkit-backdrop-filter:brightness(125%);backdrop-filter:brightness(125%)}.loading{flex-grow:1;display:flex;justify-content:center;align-items:center}.full-size{display:block;width:100%;height:100%}.vertical-margin{margin-top:16px;margin-bottom:16px}.faded-italic{opacity:.6;font-style:italic}#content.legal{max-width:640px;margin:0 auto;padding:12px}.list{display:flex;flex-wrap:wrap;gap:16px;align-content:center;justify-content:center}#content{flex-grow:1;padding:var(--content-padding);display:flex;align-items:center;flex-direction:column}#container,#root{flex:1 0;display:flex;flex-direction:column}.main-header{flex:0 0 40px;background:var(--accent-gradient);margin:12px;width:calc(100% - 40px);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px;color:var(--text-on-gradient-color)}.main-header>div{height:100%;display:flex;flex-direction:row}.main-header a{transition:opacity ease .2s}.main-header a:hover{opacity:.75}.main-header>div:last-child a{margin-right:8px;height:min-content;align-self:center;color:var(--text-on-gradient-color)}.main-header img{height:100%}.login-container{width:480px;height:640px;align-self:center;border-radius:24px;display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto;padding:0}.login-container-content{flex-grow:1;display:flex;flex-direction:column;gap:24px;align-items:center;padding:24px}.login-form{flex-grow:1;width:384px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.login-form>.login-form-content{display:flex;flex-direction:column;align-items:stretch;gap:12px}.login-form>.login-form-content button{height:51px}.login-form>.login-form-footer{flex-basis:36px;display:flex;align-items:center;justify-content:end;flex-grow:1;flex-direction:column;gap:12px}.login-form>.login-title{font-size:24pt;font-weight:700;text-align:center}.login-form>hr{width:100%;border-bottom:none;border-color:var(--section-border-2)}.login-container-header{display:flex;align-items:center;justify-content:center;padding:8px;flex-basis:48px;background:var(--accent-gradient);border-top-left-radius:24px;border-top-right-radius:24px}.login-container-header img{height:72px;margin-bottom:-4px}.login-error{color:var(--error-color);display:flex;flex-direction:column;align-items:center;font-size:12pt;text-align:center}@media screen and (max-width: 600px){#page-container{max-width:100vw}.login-container{width:calc(100% - 2px);max-height:calc(100% - 50px);border-radius:0}.login-container-content>*{max-width:100%}.hide-on-small-view{display:none}.login-container-header{border-radius:0}}input{font-family:var(--font)}input::placeholder{color:var(--placeholder-text-color)}.text-input-component{padding:12px;border-radius:12px;font-size:18px;border:1px solid var(--section-border-2);color:var(--main-text-color)}textarea.text-input-component{resize:none}.text-input-component:focus{outline:1px solid var(--color-accent-0)}.text-input-container{display:flex;flex-direction:row;align-items:stretch;border-radius:12px}.text-input-container>input{flex-grow:1}.button-component{padding:12px;border:unset;box-shadow:#63636333 0 2px 8px;background-color:var(--color-accent-0);font-family:var(--font);font-size:12pt;border-radius:12px;transition:ease .2s;align-self:stretch;cursor:pointer}.button-component.dark{background-color:transparent;border:1px solid var(--section-border-2);color:var(--main-text-color)}.button-component.dark:hover{-webkit-backdrop-filter:brightness(125%);backdrop-filter:brightness(125%)}.button-component:hover{filter:brightness(110%)}.button-component:active{transform:translateY(2px);filter:brightness(120%)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--section-background);margin:0;font:inherit;color:var(--main-text-color);width:1.8em;height:1.8em;border:1px solid var(--section-border);border-radius:.3em;display:grid;place-content:center;flex:0 0 auto;transition:background-color .2s ease}input[type=checkbox]:not(:checked):hover,input[type=radio]:not(:checked):hover{background-color:var(--section-background-hover)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--color-accent-0)}input[type=radio]{border-radius:1em}input[type=checkbox]:before,input[type=radio]:before{content:"";width:.85em;height:.85em;transform:scale(0);transition:60ms transform ease-in-out;box-shadow:inset 1em 1em var(--main-text-color)}input[type=checkbox]:before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=radio]:checked:before{transform:scale(1.2)}input[type=checkbox]:checked:before{transform:scale(1.4)}input[type=radio]:before{border-radius:1em}.input-group{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center}.dropdown-body .input-group{flex-wrap:nowrap;justify-content:start}.input-group>span{display:flex;align-items:center;gap:8px}.dropdown,.text-input-container{position:relative}.dropdown>.dropdown-head>button{font-size:12pt;background-color:var(--section-background);border:1px solid var(--section-border-2);border-radius:12px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer}.dropdown>.dropdown-head>button>span,.dropdown>.dropdown-body>button>span,.input-autocomplete-results>button>span{flex:1 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--main-text-color)}.dropdown>.dropdown-head>button>img{height:24px;transform:rotate(90deg)}.dropdown.open>.dropdown-head>button>img{transform:rotate(-90deg)}.dropdown>.dropdown-body,.input-autocomplete-results{position:absolute;top:calc(100% + 8px);display:flex;flex-direction:column;max-height:250px;overflow-y:scroll;border-radius:12px;border:1px solid var(--section-border-2);width:calc(100% - 2px);background-color:var(--section-background);z-index:20}.dropdown>.dropdown-head,.dropdown>.dropdown-body,.input-autocomplete-results{box-shadow:var(--section-shadow)}.input-autocomplete-results{transform:translateY(56px) translate(-1px)}.dropdown>.dropdown-body>button,.input-autocomplete-results>button{flex:0 0 fit-content;font-size:12pt;background-color:var(--section-background);transition:background-color ease .2s;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;border:none;border-radius:0;width:100%;cursor:pointer}.dropdown>.dropdown-body>button:focus,.input-autocomplete-results>button:focus{outline:2px solid var(--color-accent-0);z-index:1}.dropdown>.dropdown-body>button:not(:first-child),.input-autocomplete-results>button:not(:first-child){border-top:1px solid var(--section-border-2)}.dropdown>.dropdown-body>button:hover,.dropdown>.dropdown-body>button.active,.input-autocomplete-results>button:hover,.input-autocomplete-results>button:active{background-color:var(--section-background-hover)}.form-item{display:flex;flex-direction:row;gap:8px;width:100%;align-items:center}.form-item>hr{flex-grow:1;height:0;border:none;border-top:1px solid var(--section-border);min-width:12px}.multiline-form-item{display:flex;flex-direction:column;width:100%;gap:8px}.loq-editor{display:grid;grid-template-columns:384px 1fr;flex-grow:1;width:100%}.editor-content{display:grid;grid-template-columns:1fr 384px;grid-template-rows:96px 96px .6fr .7fr;gap:24px;padding:24px;max-height:calc(100vh - 48px)}@media screen and (max-width: 1200px){.editor-content{grid-template-columns:1fr 256px}}.loq-editor .title-input{font-size:36pt;grid-row:1;grid-column:1}.loq-editor .description-input{font-size:18pt;grid-row:2;grid-column:1}.loq-editor .question-options{grid-row:3;grid-column:2;display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;overflow-y:auto}.loq-editor .question-options>*{min-height:auto}.loq-editor .questions .question-options{grid-column:2;grid-row:3 / -1}.loq-editor .settings .title-input,.loq-editor .settings .description-input{grid-column-end:-1}.loq-editor .question-image-upload{display:flex;align-items:center;justify-content:center;gap:12px}.loq-editor .questions .question-image-upload{grid-row:1 / 3;grid-column:2}.modal-input-container{display:flex;flex-direction:column;gap:12px;width:100%}.modal-input-container .preview{width:100%;height:248px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-input-container .preview .placeholder-icon{filter:var(--accent-icon-filter) opacity(25%)}.modal-input-container .preview iframe,.media-preview iframe{flex-grow:1;border:none;border-radius:12px;width:100%;height:100%}.media-preview{flex-grow:1;height:100%;display:flex;align-items:center;justify-content:center}.media-preview img{width:100%;height:100%;object-fit:contain}.question-image-upload>.controls{flex-basis:36px;align-self:flex-start;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.question-image-upload>.controls>button{width:100%;height:100%}.modal-input-container .modal-input{width:100%;display:flex;gap:12px}.modal-input-container .modal-input>input{flex-grow:1}.loq-editor .questions .answers{display:flex;flex-direction:column;gap:24px;grid-column:1;grid-row:3 / -1;overflow-y:auto}.loq-editor .questions .answers>.answer{flex:1 0 192px;border:none;display:flex;flex-direction:row;gap:8px}.loq-editor .questions.open-ended .answers>.answer{flex-basis:96px}.loq-editor .questions .answers>.add-answer{flex:0 0 auto;color:var(--main-text-color);font-size:18pt}.loq-editor .questions .answers .answer-input{border:none;background-color:transparent;box-shadow:none;outline:none;flex-grow:1;font-size:18pt;padding:12px;text-align:center}.loq-editor .questions .answers .answer:not(.has-media) .answer-input{padding-right:36px}.loq-editor .questions .answers div.answer-input{display:flex;justify-content:center;align-items:center}.dropdown.popout{flex-basis:48px;height:48px;align-self:center;min-width:auto}.dropdown.popout .button-icon-container{padding:4px;width:48px;height:48px}.dropdown.popout .button-icon-container>img{height:36px}.dropdown.popout button{background-color:transparent}.dropdown.popout>.dropdown-head{border-radius:12px}.dropdown.popout>.dropdown-head>.button-icon-container{border-color:var(--main-text-color)}.dropdown.popout>.dropdown-head>.button-icon-container img{transform:none}.dropdown.popout>.dropdown-head>.button-icon-container.checkbox:not(.checked):hover>img{content:url(/icons/check-circle-part.svg)}.dropdown.popout>.dropdown-body{flex-direction:row;transform:none;left:calc(100% + 8px);top:0;height:100%;width:fit-content;background-color:transparent;gap:8px;border:none;box-shadow:none}.dropdown.popout>.dropdown-body>.button-icon-container{flex-basis:48px;height:48px;border:1px solid var(--main-text-color);border-radius:12px;box-shadow:var(--section-shadow);transition:background-color ease .2s,filter ease .2s;background-color:var(--answer-theme-color)}.dropdown.popout>.dropdown-body>.button-icon-container:hover{filter:brightness(125%)}.sidebar{background:linear-gradient(180deg,#0000,#0000004d),var(--default-loq-background);display:grid;grid-template-columns:1fr;grid-template-rows:48px 96px 1fr 72px;gap:12px;padding:12px;max-height:calc(100vh - 24px)}.sidebar-header{display:flex;flex-direction:row;justify-content:center}.sidebar-header a,.sidebar-header img{height:100%}.sidebar-buttons{width:calc(100% - 16px);border-radius:12px;background-color:var(--section-background-partial-opacity);padding:8px}.sidebar-subheader{display:flex;flex-direction:row;gap:12px}.sidebar .settings-button{flex:1 1 92px;display:flex;flex-direction:row;align-items:center;gap:12px}.sidebar .settings-button>span{flex-grow:1}.sidebar .settings-button>img{flex-basis:36px;height:36px}.sidebar .sidebar-questions{display:flex;flex-direction:column;gap:12px;height:fit-content;max-height:calc(100% - 16px);overflow-y:auto}.sidebar .sidebar-questions>.nav-button{flex:0 0 80px}.sidebar .sidebar-questions:empty{opacity:0}.sidebar .sidebar-footer{display:flex;gap:12px}.sidebar .nav-button.save-button{flex-basis:96px;text-align:center}.sidebar .sidebar-footer .add-question-button>span{flex-grow:0;margin-bottom:2px}.sidebar .sidebar-footer .add-question-button{justify-content:center;align-items:center}.sidebar .sidebar-footer .remove-question-button{flex:0 0 56px;padding:12px;display:flex;justify-content:center;align-items:center}.sidebar .sidebar-footer .remove-question-button>img{flex-basis:100%}.sidebar .nav-button{border:var(--section-border);background-color:var(--section-background-partial-opacity);border-radius:12px;border:1px solid var(--section-border);padding:12px;transition:all ease .2s;font-size:14pt;color:var(--main-text-color);text-align:left;box-shadow:var(--section-shadow);cursor:pointer}.sidebar .nav-button>span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden}.sidebar .nav-button.active{background-color:var(--section-background-partial-opacity-2)}.sidebar .nav-button.active,.sidebar .nav-button:hover{box-shadow:var(--section-shadow-2);border-color:var(--section-border-3)}.sidebar .nav-button.attention-needed{border-color:var(--section-border-4)}.sidebar .nav-button img.icon{filter:var(--accent-icon-filter);flex-shrink:0}.mobile{display:none}@media screen and ((max-width: 1079px) or (max-height: 500px)){.mobile{display:unset}.desktop{display:none}.loq-editor{grid-template-columns:1fr;grid-template-rows:172px 1fr}.sidebar{display:grid;grid-template-columns:1fr 2.25fr .75fr;grid-template-rows:48px 1fr}.sidebar-subheader{grid-column:2 / -1;grid-row:1;padding:0;width:100%}.sidebar .nav-button>span{-webkit-line-clamp:1;line-clamp:1}.sidebar .settings-button>img{flex-basis:24px;height:24px}.sidebar .save-button{display:flex;justify-content:center;align-items:center;padding-bottom:14px}.sidebar .sidebar-questions{flex-direction:row;height:100%;grid-row:2;grid-column:1 / -2}.sidebar .sidebar-questions>.nav-button{flex:1 0 168px}.sidebar .sidebar-questions>.nav-button>span{-webkit-line-clamp:2;line-clamp:2;line-height:1.2em}.sidebar .sidebar-footer{flex-direction:column;padding:0;width:100%}.sidebar .sidebar-footer span{display:none}.sidebar .sidebar-footer>.nav-button{flex:1 0 0}.sidebar .sidebar-footer img{flex:0 0 36px}.sidebar .sidebar-footer .remove-question-button>img{flex:0 0 24px}.loq-editor .editor-content{grid-template-columns:1fr;grid-template-rows:96px 96px 240px max-content max-content;max-height:none}.loq-editor .editor-content.settings{grid-template-rows:96px 96px 240px max-content}.loq-editor .editor-content>.title-input{grid-row:1;grid-column:1}.loq-editor .editor-content>.description-input{grid-row:2;grid-column:1}.loq-editor .editor-content>.question-image-upload{grid-row:3;grid-column:1}.loq-editor .editor-content>.answers{grid-row:4;grid-column:1}.loq-editor .editor-content>.question-options{grid-row:-2;grid-column:1;height:fit-content}.modal-input .button-component{min-width:auto}.dropdown.popout{position:static;height:fit-content;flex-basis:48px;min-width:auto}.dropdown.popout>.dropdown-body{flex-direction:column;position:static;margin-top:8px;height:auto}.dropdown.popout>.dropdown-body:empty{display:none}.questions.open-ended .dropdown.popout>.dropdown-head{display:none}.questions.open-ended .dropdown.popout>.dropdown-body{margin-top:0}}.image-manager-container{display:flex;flex-direction:column;width:100%;height:100%;gap:12px}.image-manager-container>nav{justify-self:stretch;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.image-manager-container>form{flex-grow:1;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center}.image-manager-container .upload-preview{max-width:100%;border-radius:12px;flex:1 1 50vh;object-fit:contain}.image-manager-container .options{display:flex;flex-direction:row;justify-content:center;gap:12px}#image-manager-upload{display:none}label[for=image-manager-upload]{flex-grow:1;max-width:336px;max-height:336px;border:2px solid var(--section-border);display:flex;justify-content:center;align-items:center;padding:24px;border-radius:24px;transition:background-color ease .2s;cursor:pointer}label[for=image-manager-upload]:hover,label[for=image-manager-upload].dragging{background-color:var(--section-background-hover)}.image-manager-image-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;flex-grow:1}.image-manager-image-list>button{background-color:transparent;border:none}.image-manager-image-list>button>img{width:144px;height:144px;object-fit:cover;cursor:pointer;transition:filter ease .2s;border-radius:6px}.image-manager-image-list>button>img:hover{filter:brightness(1.1)}.image-list-container{display:flex;flex-direction:column;gap:12px;flex-grow:1}.image-upload-hint{height:100%;justify-content:center;align-items:center;text-align:center;display:flex}.answer-image-container{flex:0 1 80%}.answer-image-container>img{width:100%;height:100%;object-fit:contain;border:12px}.notification{position:fixed;width:384px;height:96px;background:var(--accent-gradient);border-radius:12px;display:grid;grid-template-rows:4px 24px 1fr;grid-template-columns:1fr 32px;overflow:hidden}.notification>.progress{grid-row:1;grid-column:1 / -1;background-color:#fff}.notification>.notification-close{grid-row:2;grid-column:2;width:24px;height:24px;padding:2px;margin-right:8px}.notification>.notification-title{font-weight:700;margin-left:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.notification>.notification-body{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 8px 8px}.table{padding:0;border-spacing:0;display:flex;flex-direction:column;overflow:hidden}.table .header{display:flex;flex-direction:column;background-color:var(--section-background-hover)}.table .body{display:flex;flex-direction:column}.table .row{display:flex;flex-direction:row}.table .cell{padding:8px;display:flex;align-items:center}.table .cell:not(:first-child){border-left:1px solid var(--section-border)}.table .body .cell{border-top:1px solid var(--section-border)}.table .cell,.table .cell *{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.table .link{color:var(--main-text-color);text-decoration:none}.table .hover-animation{transition:background-color ease .2s}.table .hover-animation:hover{background-color:var(--section-background-hover)}.dual-column{display:flex;flex-direction:row;align-items:center}.dual-column>span{text-align:center}.dual-column>:not(:last-child){padding-right:15px;border-right:1px solid var(--section-border)}.dual-column>:not(:first-child){padding-left:16px}.card-container{perspective:1080px}.card{width:min(360px,calc(100vw - 40px));height:180px;padding:0;display:flex;flex-direction:column;color:var(--main-text-color);text-decoration:none;transition:translate ease .5s,scale ease .5s,transform ease 50ms;overflow:hidden}.card:hover{color:var(--main-text-color);translate:0 -4px}.card:active{scale:.99}.card>.card-title{padding:8px;background:var(--accent-gradient);font-size:14pt;font-weight:700;text-align:center}.card>.card-body{padding:16px;flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}#content.saved .table{width:min(calc(100% - 50px),768px);margin-left:24px;margin-right:24px;overflow-x:auto}#content.saved .table .cell img{height:48px;width:48px;object-fit:cover;border-radius:12px}#content.saved .table .cell .icon{display:flex}#content.saved .table .cell .icon img{filter:var(--accent-icon-filter);height:24px;width:24px}#content.saved .table .body .cell:first-child span{display:flex}#content.viewer{gap:8px;padding:12px}#content.viewer .thumbnail,#content.viewer .media-image{border-radius:12px;max-width:100%;max-height:33.3vh}#content.viewer .thumbnail{margin-bottom:8px}#content.viewer .media-video-container,#content.viewer .media-image-container{display:flex;justify-content:center;margin-bottom:16px}#content.viewer .media-video-container>iframe{border:none;border-radius:12px;width:320px;height:180px}#content.viewer>.actions{display:flex;flex-direction:row;flex-basis:64px;gap:8px;margin:48px 0}#content.viewer .questions-list{display:flex;flex-direction:column;width:min(100%,720px);gap:16px;margin-bottom:96px}#content.viewer .questions-list>div{display:flex;flex-direction:column}#content.viewer .questions-list>div.selected .title{border-bottom-left-radius:0;border-bottom-right-radius:0}#content.viewer .questions-list>div .body{border-top-left-radius:0;border-top-right-radius:0;border-top:none;padding-top:16px;padding-bottom:16px}#content.viewer .questions-list .title{padding:16px;color:var(--main-text-color);font-size:18pt;text-align:left;transition:background-color ease .2s,border-radius ease .2s}#content.viewer .questions-list :not(.selected) .title{cursor:pointer}#content.viewer .questions-list :not(.selected) .title:hover{background-color:var(--section-background-hover)}#content.viewer .questions-list .description{text-align:center}#content.viewer .questions-list .details{display:flex;flex-direction:column;gap:16px}#content.viewer .questions-list .description~.details{margin-top:16px;padding-top:16px;border-top:1px solid var(--section-border)}#content.viewer .questions-list .details>.properties{display:flex;flex-direction:column;gap:8px}#content.viewer .questions-list .details>.properties>*{text-align:center}#content.viewer .questions-list .details>.answers{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--section-border)}#content.viewer .questions-list .details>.answers>div{flex:1 0 calc(50% - 26px);display:flex;justify-content:center;align-items:center;height:96px;gap:16px}#content.viewer .questions-list .details>.answers>div span{text-align:center;flex-grow:1;padding-right:36px;word-wrap:break-word;max-height:100%;overflow:hidden}#content.viewer .questions-list .details>.answers>div span:empty{display:none}#content.viewer .questions-list .details>.answers>div .icon-container{border-color:var(--main-text-color);background-color:transparent;padding:6px;height:36px;width:36px;flex-shrink:0}#content.viewer .questions-list .details>.answers>div .icon-container img{filter:var(--accent-icon-filter);height:100%;width:100%}#content.viewer .questions-list .details>.answers>div .answer-image-container{flex:0 1 40%;height:100%;margin:auto}#content.viewer .questions-list .details>.answers>div .answer-image-container>img{width:100%;height:100%;border-radius:12px;object-fit:contain;cursor:pointer}.explore-search{margin-bottom:24px;width:min(calc(100% - 50px),768px)}.explore-search>input{width:calc(100% - 24px)}.live{--main-text-color: black;--main-background-color: white}.live{background-color:var(--main-background-color);color:var(--main-text-color);height:100vh}.live .button-component{color:var(--main-background-color)}.accent{background-image:url(/assets/backgrounds/main.png);--main-text-color: rgba(255, 255, 255, .87);color:var(--main-text-color)}.live>*{flex-grow:1;width:calc(100% - 32px);display:flex;flex-direction:column;align-items:center;padding:16px}.live .join-form{display:flex;flex-direction:column;gap:16px;margin-top:auto;margin-bottom:auto;justify-content:center;width:330px}.live .join-form *{font-size:18pt}.live .join-game .footer a{text-decoration:none}.live .section{background-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live .section.text-input-component{-webkit-backdrop-filter:brightness(75%) blur(8px);backdrop-filter:brightness(75%) blur(8px)}.live .join-form img{width:96px;align-self:center}.live .game-preview{display:flex;flex-direction:column;width:330px;align-items:center;margin-top:auto;margin-bottom:auto;gap:16px}.live .game-preview img{width:96px}.live .game-preview .title{font-size:24pt;text-align:center;font-weight:700;margin-bottom:24px}.live .game-preview button{font-size:18pt}.live .host-game.waiting{display:grid;grid-template-columns:128px 288px 1fr;grid-template-rows:128px 1fr 64px;gap:16px;justify-content:stretch;align-items:stretch}.live .host-game.waiting>.player-count{grid-row:1;grid-column:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.live .host-game.waiting .number{font-weight:700;font-size:24pt}.live .host-game.waiting .url{color:var(--color-accent-1);font-weight:700}.live .host-game.waiting .room-code .number{font-size:36pt}.live .host-game.waiting>.room-code{grid-row:1;grid-column:2 / -1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:18pt}.live .host-game.waiting>.loq-info{grid-row:-3;grid-column:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.live .host-game.waiting>.loq-info .title{font-size:24pt;font-weight:700;text-align:center}.live .host-game.waiting>.loq-info .media{max-width:100%}.live .host-game.waiting>.loq-info .media.video{width:100%}.live .host-game.waiting>.loq-info .media img{max-width:100%;max-height:100%;border-radius:12px}.live .host-game.waiting>.loq-info .media iframe{width:100%;aspect-ratio:16/9;border-radius:12px;border:none}.live .host-game.waiting>.start-button{grid-row:-2;grid-column:1 / 3;display:flex;flex-direction:row;gap:16px}.live .host-game.waiting>.start-button>button{flex:1 1 0;height:100%;font-size:18pt}.live .host-game.waiting>.players{grid-row:2 / -1;grid-column:3;display:flex;flex-wrap:wrap;gap:16px;row-gap:16px;align-content:start;justify-content:center;padding:16px;overflow-y:auto}.live .host-game.waiting>.players>button{font-size:12pt;padding:12px;min-width:96px;cursor:pointer}.live .host-game.introduction{justify-content:center;gap:24px}.live .host-game.introduction .question-number{width:494px;justify-content:center;font-size:14pt}.live .host-game.introduction .details{display:flex;flex-direction:column;padding:24px;min-width:462px;max-width:min(974px,calc(100% - 256px));max-height:600px;gap:16px;align-items:center}.live .host-game.introduction .title{font-size:36pt;font-weight:700;text-align:center;max-width:100%;word-wrap:break-word;flex-shrink:0}.live .host-game.introduction .description{text-align:center;max-width:100%;word-wrap:break-word;flex-shrink:0}.live .title,.live .description,.live .answer-text{word-wrap:break-word}.live .description.placeholder{font-size:18pt;opacity:.6;font-style:italic}.live .host-game.introduction .media{max-width:100%;max-height:512px;flex-shrink:1}.live .host-game.introduction .media img{max-width:100%;border-radius:12px;max-height:100%}.live .host-game.introduction .media iframe{width:100%;border-radius:12px;aspect-ratio:16/9;border:transparent}.live .host-game.introduction .progress{width:512px;height:40px;padding:0;overflow:hidden}.live .host-game.introduction .progress>div{background-color:#ded3e7;height:100%}.live>.footer{flex-basis:36px;flex-grow:0;justify-content:center}.live.study>.footer{flex-direction:row}.live.study>.footer>:first-child{flex-grow:1}.live.study .open-ended-input-container{display:flex;flex-direction:column;gap:12px;flex:0 1 384px;margin:auto}.live.host>.footer>div{font-size:14pt}.live.host .footer .number{font-weight:700}.live.host .footer .url{color:var(--color-accent-1);font-weight:700}.live.play .footer{display:grid;grid-template-columns:repeat(3,1fr)}.live.play .footer>:first-child{text-align:left}.live.play .footer>:nth-child(2){text-align:center}.live.play .footer>:last-child{text-align:right}.live .host-game.waiting.question{grid-template-columns:272px 224px 1fr;grid-template-rows:128px 48px 1fr 64px}.live.study .host-game.waiting.question{grid-template-columns:144px 224px 1fr}.live .host-game.waiting.question>.player-count{flex-direction:row;gap:16px;align-items:stretch}.live .host-game.waiting.question>.player-count>*{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;flex-basis:128px;width:110px}.live .host-game.waiting.question .title{font-size:24pt;font-weight:700;text-align:center}.live.study .host-game.waiting.question.no-timer .title{grid-column-start:1}.live .host-game.waiting.question>.answers{display:flex;flex-direction:column;grid-row:2 / -1;grid-column:3;gap:16px}.live .host-game.waiting.question>.answers.open-ended{overflow-y:auto}.live .host-game.waiting.question>.answers.open-ended>div{min-height:96px}.live .host-game.waiting.question>.answers>div{flex:1 1 0;display:flex;flex-direction:row;gap:16px}.live .host-game.waiting.question>.answers>div>div{flex:1 1 0;--main-text-color: rgba(255, 255, 255, .87);color:var(--main-text-color);display:flex;flex-direction:row;gap:8px;align-items:center;transition:filter ease .2s,opacity ease .2s;filter:opacity(1);transform:scale(1)}.live .host-game.waiting.question>.answers>div>div>.icon-container{flex:0 0 64px;height:64px}.live .host-game.waiting.question>.answers>div>div>.icon-container>img{width:100%;height:100%;filter:var(--accent-icon-filter)}.live .host-game.waiting.question>.answers>div>div>.answer-image{height:100%;flex:1 1 content;display:flex;align-items:center;justify-content:center}.live .host-game.waiting.question>.answers>div>div>.answer-text~.answer-image{flex-grow:0;margin:auto}.live .host-game.waiting.question>.answers>div>div>.answer-image>img{max-height:100%;max-width:100%;border-radius:12px}.live .host-game.waiting.question>.answers>div>div>.answer-text{flex:1 1 auto;font-size:18pt;text-align:center;min-width:auto}.live .host-game.waiting.question>.answers>div>div>.answer-text:empty{display:none}.live .host-game.waiting.question>.answers>div>div.incorrect{filter:opacity(.5);transform:scale(.9)}.live .host-game.waiting.question .question-number{grid-row:2;grid-column:1 / 3;justify-content:center;font-size:14pt}.live .host-game.waiting.question.results .title{grid-column-start:1}.live .host-game.waiting>.loq-info.user-answers{align-items:stretch;gap:16px;padding:16px}.live .host-game.waiting>.loq-info.user-answers>div{display:flex;flex-direction:row;gap:16px;flex:1 1 0}.live .host-game.waiting>.loq-info.user-answers>div>div{display:flex;flex-direction:column;color:var(--accent-text-color);--main-text-color: rgba(255, 255, 255, .87);color:var(--main-text-color);flex:1 1 0;align-items:center;padding-top:0;padding-bottom:16px}.live .host-game.waiting>.loq-info.user-answers>div>div>.icon-container{flex:0 1 64px;height:64px}.live .host-game.waiting>.loq-info.user-answers>div>div>.icon-container>img{width:100%;height:100%;filter:var(--accent-icon-filter)}.live .host-game.waiting>.loq-info.user-answers>div>div>.number{flex-grow:1;display:flex;align-items:center;flex-basis:auto;min-height:auto}.live .host-game.introduction .leaderboard-content{display:flex;flex-direction:column;gap:16px;padding:0;align-items:stretch;min-width:510px;max-width:min(1022px,calc(100% - 208px))}.live .host-game .leaderboard-content>*{display:grid;grid-template-columns:24px 1fr 96px;padding:16px;flex:0 0 82px;gap:16px;color:var(--main-text-color);cursor:pointer}.live .host-game .leaderboard-content>*>:first-child{place-self:center left;font-weight:700;font-size:14pt}.live .host-game .leaderboard-content>*>:nth-child(2){place-self:center left;font-size:14pt}.live .host-game .leaderboard-content>*>:nth-child(3){place-self:center right;font-size:14pt}.live .host-game.leaderboard>button{font-size:18pt;width:512px;align-self:center}.live .host-game .player-count>button{font-size:12pt;cursor:pointer;flex:1 0 128px}.live .play-game.introduction>.details,.live .play-game.introduction>.progress{width:min(512px,100%);min-width:unset;max-width:unset}.live .play-game.introduction>.details{width:min(462px,calc(100% - 50px))}.live .play-game.question{gap:16px;justify-content:center}.live .play-game.question>.answers{display:flex;flex-direction:column;flex-grow:1;align-self:stretch;gap:16px}.live .play-game.question>.answers>div{display:flex;flex-direction:row;flex-grow:1;gap:16px}.live .play-game.question>.answers>div>button{flex-grow:1;display:grid;place-items:center}.live .play-game.question>.answers>div>button.unselected{transform:scale(.9);opacity:.5}.live .play-game.question>.answers>div>button>img{width:min(64px,100%);height:min(64px,100%);filter:var(--accent-icon-filter);pointer-events:none}.live .play-game.question>.open-ended-input{width:min(488px,calc(100% - 24px));font-size:18pt}.live .play-game.question>.open-ended-submit{width:min(512px,100%);align-self:center}.live .play-game.question .answers.arrange{overflow:hidden}.live .play-game.introduction>.details .subtitle{font-size:12pt}.live .play-game.introduction .leaderboard-content{width:min(462px,100%);min-width:unset;max-width:unset}.live .play-game .leaderboard-content.mini-leaderboard>*{flex-basis:24px;cursor:unset}.live .play-game .leaderboard-content.mini-leaderboard>*.small{transform:scale(.9)}@media (max-aspect-ratio: 1 / 1){.live .play-game.question .answers.arrange>div{flex-direction:column}}@media screen and (max-width: 640px){.live.play .footer{grid-template-columns:repeat(2,1fr)}.live.play .footer>:first-child{display:none}.live.play .footer>:nth-child(2){text-align:left}.live .play-game.introduction>.details{padding:16px;width:min(462px,calc(100% - 32px))}.live .play-game.introduction>.details *{font-size:24pt}}.advanced-question-details{align-self:stretch}.advanced-info-answer-list{display:flex;flex-direction:row;height:48px;gap:8px;align-items:center}.advanced-info-answer-list>.advanced-info-answer{border-radius:12px;padding:8px;flex:0 0 32px;height:32px}.advanced-info-answer-list>.advanced-info-answer>img{filter:var(--accent-icon-filter);height:100%}.advanced-info-answer-list.individual>span{margin-left:8px}.main-logo{width:240px;pointer-events:none}.about-loq{font-size:24pt;opacity:.9;font-weight:400;text-align:center;margin-bottom:48px;max-width:90%}#content.home .header{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--default-loq-background);width:100%;margin-top:-80px;padding-top:80px;z-index:-1;margin-bottom:32px}#content.home .header>.transition{flex:0 0 128px;background:linear-gradient(180deg,#00000000 0%,var(--main-background-color) 100%);width:100%}.home-footer{margin:48px}.home-footer a{color:var(--section-border-3);text-decoration:none}