:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#26282b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:.33em}button,input[type=text],input[type=password],input[type=email],input[type=date],input[type=number]{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#353941;transition:border-color .25s;color:#fff}button:hover,input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=date]:hover,input[type=number]:hover{border-color:#90b8f8}button{cursor:pointer;-webkit-user-select:none;user-select:none}.dangerous-button:hover{border-color:#ff4a4a}input[type=checkbox]{width:1.5rem;height:1.5rem;accent-color:#5F85DB}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:initial;-moz-appearance:textfield}.header-container{background-color:#353941;width:100vw;height:10vh;max-height:10vh;display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;user-select:none}.header-logo-div{display:flex;align-items:center;padding:20px;color:#5f85db;gap:10px;font-family:Rubik Spray Paint,system-ui;font-weight:100}.header-logo-image{height:60px}.header-navigation-div{display:flex;align-items:center;padding:20px;gap:20px}.header-navigation-button,.header-navigation-login-button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#26282b;cursor:pointer;transition:border-color .25s;color:#fff;text-decoration:none;min-width:75px;text-align:center}.header-navigation-button:hover,.header-navigation-login-button:hover{border-color:#90b8f8}.header-navigation-button:active,.header-navigation-button.active,.header-navigation-button[aria-current=page],.header-navigation-login-button:active,.header-navigation-login-button.active,.header-navigation-login-button[aria-current=page]{border-color:#90b8f8;font-weight:700}.header-navigation-button{background-color:#26282b}.header-navigation-login-button{background-color:#5f85db}.loading-button-loader{width:1rem;padding:.33rem;aspect-ratio:1;border-radius:50%;background:#fff;--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.loading-button-loader-div{display:flex;justify-content:center;align-items:center;width:100%;height:100%;max-height:1.2rem}.login-page-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;font-size:24px;gap:20px;padding-top:3%}.login-page-content{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:15px}.login-page-login-button{background-color:#5f85db}.login-page-error{color:#ff4a4a;margin:0;font-size:.8em}.login-page-container h1{font-size:2em}.login-page-content{font-size:.8em}.login-page-login-button .loading-button-loader-div{max-height:22px}.register-page-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;font-size:24px;gap:20px;padding-top:3%}.register-page-content{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:15px}.register-page-register-button{background-color:#5f85db}.register-page-error{color:#ff4a4a;margin:0;font-size:.8em}.register-page-container h1{font-size:2em}.register-page-content{font-size:.8em}.register-page-register-button .loading-button-loader-div{max-height:22px}.page-not-found-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;font-size:24px;gap:20px;padding-top:3%}.thumbnail-with-content-container{display:flex;flex-direction:column;align-items:stretch;border-radius:8px;padding:10px;border:3px solid #353941;gap:8px}.thumbnail-with-content-image{display:flex;flex-direction:column;align-items:center;justify-content:center}.thumbnail-with-content-content{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:8px}.create-thumbnail-container{display:flex;align-items:center;justify-content:center;border-radius:8px;padding:10px;width:240px;height:170px;border:3px dashed #353941;color:#353941;-webkit-user-select:none;user-select:none}.create-thumbnail-container .material-symbols-outlined{font-size:4em}.image-thumbnail-with-buttons-container{width:266px;height:196px;border-radius:8px;position:relative}.image-thumbnail-buttons-container{width:100%;height:100%;position:absolute;top:0;left:0}.image-thumbnail-buttons-container button{position:absolute;padding:8px;display:flex;justify-content:center;align-items:center;border-radius:50%}.image-thumbnail-buttons-container button .material-symbols-outlined{font-size:1.2em}.image-thumbnail{width:266px;height:196px;object-fit:cover;border-radius:8px;image-rendering:auto;transform:translateZ(0)}.popup-message-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}.popup-message-container{background-color:#26282b;border-radius:8px;padding:20px}.new-test-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.new-test-content-container{height:80%;width:83.1%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;background-color:#353941;border-radius:8px;padding:20px;overflow-y:auto;position:relative}.new-test-content-container h1{text-align:center;margin-bottom:32px}.new-test-images-container{display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px;overflow-x:auto;background-color:#26282b;border-radius:8px}.new-test-add-image-thumbnail{cursor:pointer}.new-test-add-image-text{font-weight:400;cursor:auto}.new-test-add-image-text:hover{border:1px solid transparent}.new-test-preview-image-button{top:5px;left:5px}.new-test-remove-image-button{top:5px;right:5px}.new-test-remove-image-button:hover{border-color:#ff4a4a}.new-test-control-container{display:flex;flex-direction:row;justify-content:space-between}.new-test-control-panel{background-color:#26282b;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:10px;width:20%}.new-test-control-panel h2{margin:0;text-align:center}.new-test-control-checkbox{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.new-test-time-input{width:2.5rem}.new-test-reset-button{position:absolute;top:20px;right:20px;background-color:#26282b}.new-test-reset-button:hover{border-color:#ff4a4a}.new-test-reset-popup-message-content{display:flex;flex-direction:column;align-items:stretch;margin:10px 20px}.new-test-reset-popup-buttons-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:30px}.new-test-reset-popup-message-content h2{margin:0;text-align:center}.new-test-finish-test-control{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:10px}.new-test-finish-test-control p{margin:0;font-size:.9rem;color:#bbb;display:flex;align-items:center;min-height:1.5em}.new-test-finish-test-control p .material-symbols-outlined{vertical-align:middle;margin-right:5px;font-size:1rem}.new-test-save-test-button{background-color:#5f85db}.new-test-save-test-button.disabled-button{background-color:#353941;cursor:not-allowed}.new-test-save-test-button.disabled-button:hover{border-color:transparent}.admin-page-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.admin-page-content-container{height:80%;width:80%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;background-color:#353941;border-radius:8px;padding:20px;overflow-y:auto;position:relative}.admin-page-content-container h1{text-align:center;margin-bottom:32px}.admin-page-users-list{flex:1;overflow-y:auto}.user-card-container{border-radius:8px;padding:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.user-card-container:nth-child(odd){background-color:#26282b}.user-card-info,.user-card-actions{display:flex;flex-direction:row;gap:16px}.user-card-info-email{min-width:300px}.user-card-info-role{min-width:100px;text-transform:capitalize}.user-card-info-banned{min-width:100px}.user-card-container:nth-child(2n) .user-card-actions-ban-button{background-color:#26282b}.user-card-container:nth-child(2n) .user-card-actions-promote-button{background-color:#26282b}.user-card-actions-ban-button{min-width:100px}.user-card-actions-promote-button{min-width:200px}.user-card-popup-message-content{display:flex;flex-direction:column;align-items:stretch;margin:10px 20px}.user-card-popup-buttons-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:30px}.user-card-popup-message-content h2{margin:0;text-align:center}.users-list-loading-message{text-align:center;font-size:24px}.users-list-error-message{text-align:center;font-size:24px;color:#ff4a4a}.test-result-images-container{display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px;overflow-x:auto;background-color:#26282b;border-radius:8px}.result-images-thumbnail-with-content-container{display:flex;flex-direction:column;align-items:stretch;border-radius:8px;padding:10px;border:3px solid #353941;gap:8px}.result-images-thumbnail-with-content-container:hover{border-color:#90b8f8;cursor:pointer}.heatmap-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:80vw;max-height:80vh;aspect-ratio:16 / 9;border:2px solid #353941;border-radius:8px;position:relative;flex:1}.heatmap-image{width:100%;height:100%;object-fit:contain}.heatmap-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6}.heatmap-popup-container{aspect-ratio:16/9;width:1200px;position:relative;display:flex;align-items:stretch;justify-content:stretch}.heatmap-popup-close-button{aspect-ratio:1/1;position:absolute;padding:10px;top:-40px;right:-40px;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:10;border:solid 1px transparent;display:flex;align-items:center;justify-content:center}.heatmap-popup-close-button:hover{border:solid 1px #90B8F8}.heatmap-popup-image-container{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.run-test-page-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.run-test-content-container{height:80%;width:83.1%;display:flex;flex-direction:column;align-items:stretch;gap:20px;background-color:#353941;border-radius:8px;padding:20px;overflow-y:auto;position:relative}.run-test-content-container h1{text-align:center;margin-bottom:32px}.run-test-run-button-container{display:flex;justify-content:center;align-items:center;flex:1}.run-test-run-button{background-color:#5f85db}.run-test-control-container{display:flex;flex-direction:row;justify-content:flex-end;flex:1}.run-test-submit-results-tile{background-color:#26282b;border-radius:8px;padding:20px;display:flex;flex-direction:column;text-align:stretch;justify-content:space-between;color:#fff;width:30%}.run-test-submit-results-tile h2{margin:0;text-align:center}.run-test-submit-results-tile p{text-align:center}.run-test-submit-results-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.run-test-submit-results-button{background-color:#5f85db;margin-top:5px}.run-test-submit-results-button.disabled{background-color:#353941;margin-top:5px}.run-test-submit-results-button.disabled:hover{border:1px solid transparent;cursor:default}.run-test-submit-results-submitted-message{margin:0 0 10px}.home-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-content-container{height:80%;width:83.1%;display:flex;flex-direction:column;align-items:stretch;gap:20px;background-color:#353941;border-radius:8px;padding:20px;overflow-y:hidden}.home-content-container h1{text-align:center;margin-bottom:32px}.home-content-container h2,.home-content-container h3{text-align:center}.home-split-section{display:flex;flex-direction:row;justify-content:space-between;gap:20px}.home-audience-tiles-container{display:flex;flex-direction:row;justify-content:space-around;gap:20px}.home-for-who-section{flex:1;max-width:45%}.home-instructions-section{max-width:45%}.home-instructions-section ol{flex:1;font-size:1.3rem}.home-audience-tile{background-color:#26282b;padding:20px;border-radius:8px}.my-tests-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.my-tests-content-container{height:80%;width:83.1%;display:flex;flex-direction:column;align-items:stretch;gap:20px;background-color:#353941;border-radius:8px;padding:20px;overflow-y:auto}.my-tests-content-container h1{text-align:center;margin-bottom:32px}.my-tests-message{text-align:center;font-size:1.2rem}.my-tests-list{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px;padding:20px;background-color:#26282b;border-radius:8px;overflow-y:auto}.my-tests-test-title{max-width:256px;overflow-x:hidden;text-align:center;font-size:1.5rem;font-weight:700;padding:5px}.my-tests-run-button{background-color:#5f85db}.test-details-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.test-details-content-container{height:80%;width:83.1%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;background-color:#353941;border-radius:8px;padding:20px;overflow-y:auto;position:relative}.test-details-content-container h1{text-align:center;margin-bottom:32px}.test-details-images-container{display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px;overflow-x:auto;background-color:#26282b;border-radius:8px}.test-details-add-image-thumbnail{cursor:pointer}.test-details-add-image-text{font-weight:400;cursor:auto}.test-details-add-image-text:hover{border:1px solid transparent}.test-details-preview-image-button{top:5px;left:5px}.test-details-remove-image-button{top:5px;right:5px}.test-details-remove-image-button:hover{border-color:#ff4a4a}.test-details-control-container{display:flex;flex-direction:row;justify-content:space-between}.test-details-control-panel{background-color:#26282b;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:10px;width:20%}.test-details-control-panel h2{margin:0;text-align:center}.test-details-control-checkbox{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.test-details-time-input{width:2.5rem}.test-details-time-input:hover,.test-details-control-checkbox input[type=number]:hover{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#353941;transition:border-color .25s;color:#fff}.test-details-delete-button{position:absolute;top:20px;right:20px;background-color:#26282b}.test-details-delete-button:hover{border-color:#ff4a4a}.test-details-delete-popup-message-content{display:flex;flex-direction:column;align-items:stretch;margin:10px 20px}.test-details-delete-popup-buttons-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:30px}.test-details-delete-popup-message-content h2{margin:0;text-align:center}.test-details-run-test-control{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:10px}.test-details-run-test-control p{margin:0;font-size:.9rem;color:#bbb;display:flex;align-items:center;min-height:1.5em}.test-details-run-test-control p .material-symbols-outlined{vertical-align:middle;margin-right:5px;font-size:1rem}.test-details-run-test-button{background-color:#5f85db}.test-details-run-test-generate-button-container{display:flex;justify-content:space-between;gap:10px}.test-details-run-test-link{width:60%}.test-details-control-panel.studies-section{background-color:#26282b;border-radius:8px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;width:40%;position:relative}.test-details-studies-list{display:flex;flex-direction:row;gap:10px;overflow-x:auto;flex:1;margin-top:20px}.test-details-study-p{margin:0;text-align:center}.test-details-study-item{background-color:#353941;border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:5px;border:1px solid transparent}.test-details-study-item:hover{border:1px solid #90B8F8}.test-details-study-item h3,.test-details-study-item p{margin:0;text-align:center}.test-details-study-item.selected{border:1px solid #5F85DB}.test-details-study-item.selected:hover{border:1px solid #90B8F8}.test-details-study-section-reset-button{position:absolute;top:20px;right:20px}.test-details-studies-message{color:#bbb;flex:1;display:flex;justify-content:center;align-items:center}.app-content-container{height:90vh;max-height:90vh;width:100vw;display:flex;flex-direction:row;justify-content:space-between}#root{margin:0 auto;display:flex;flex-direction:column;align-items:center;min-height:100vh;min-width:100vw;overflow:hidden}