.frame{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden;position:relative;container-type:inline-size}.frame>.toggle{position:absolute;left:0;top:50px;border:none;background-color:#000;background-image:url(/app.svg);width:25px;height:25px;opacity:.1;cursor:pointer;transition:all .4s ease-in-out;border-radius:0 0 8px;z-index:1000}.frame>.toggle:hover{opacity:1}.frame>.sidebar{flex-basis:300px;overflow:auto;padding-top:25px}.frame>.sidebar>.button>a{color:inherit;text-decoration:none}.frame>.sidebar>.button.active{color:#008cff}.frame>.main{overflow:auto;height:100%;width:100%;container-type:inline-size}#root,body,window{height:100dvh;width:100dvw;overflow:hidden;padding:0;margin:0}.cards-carousel-component{display:flex;gap:1rem;overflow-x:auto;padding:1rem}.cards-carousel-component.snapCenterCard{scroll-snap-type:x mandatory}.cards-carousel-component.snapCenterCard .card{scroll-snap-align:center}.cards-carousel-component .card{display:flex;flex-direction:column;text-decoration:none;border-radius:8px;padding:1rem;min-width:250px;max-width:300px;min-height:300px;max-height:400px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.cards-carousel-component .card:hover{transform:scale(1.05);box-shadow:0 5px 15px #0003}.cards-carousel-component .card .card-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#000}.cards-carousel-component .card .card-description{font-size:1rem;color:#000000b3;text-overflow:ellipsis;overflow:hidden}.cards-carousel-component .fancy-gradient-bg1{background:linear-gradient(135deg,var(--startColor),var(--endColor))}.light-mode .cards-carousel-component{background-color:#f8f9fa;color:#212529}.light-mode .cards-carousel-component .card{background-color:#fff;border:1px solid #ddd}.light-mode .cards-carousel-component .card .card-name{color:#212529}.light-mode .cards-carousel-component .card .card-description{color:#4e5862}.dark-mode .cards-carousel-component{background-color:#343a40;color:#f8f9fa}.dark-mode .cards-carousel-component .card{background-color:#444;border:1px solid #555}.dark-mode .cards-carousel-component .card .card-name{color:#f8f9fa}.dark-mode .cards-carousel-component .card .card-description{color:#fff}.clean-theme{--startColor: $clean-theme-start;--endColor: $clean-theme-end}.clean-theme .cards-carousel-component .card{background:linear-gradient(135deg,var(--startColor),var(--endColor))}.vivid-theme{--startColor: $vivid-theme-start;--endColor: $vivid-theme-end}.vivid-theme .cards-carousel-component .card{background:linear-gradient(135deg,var(--startColor),var(--endColor))}.playful-theme{--startColor: $playful-theme-start;--endColor: $playful-theme-end}.playful-theme .cards-carousel-component .card{background:linear-gradient(135deg,var(--startColor),var(--endColor))}.studies-list-component{--bg-cta: transparent}.studies-list-component.vertical-list{display:flex;flex-direction:column}.studies-list-component>.studies-item{margin:20px}.studies-list-component>.studies-item>.studies-item-cta{background-color:var(--bg-cta)}.studies-list-component .left-bg-strip{background-image:linear-gradient(20deg,var(--startColor),var(--endColor));background-size:2px 100%;background-repeat:no-repeat;padding-left:10px}.multiple-choice-container{display:flex;flex-direction:column;gap:10px}.multiple-choice-container>.item{display:flex;align-items:center;padding:8px;border:1px solid #444444;border-radius:4px;transition:background-color .3s ease,color .3s ease;cursor:pointer;max-width:80ch}.multiple-choice-container>.item>.item-index{font-weight:700;margin-right:10px;color:#333}.multiple-choice-container>.predefined-option.selected-option{background-color:#007bff;color:#fff;border-color:#007bff}.multiple-choice-container>.free-form-option{display:flex;align-items:center}.multiple-choice-container>.free-form-option .free-form-text-input{padding:8px;border:1px solid #444444;border-radius:4px;flex-grow:1;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.question-screen{display:flex;flex-direction:column;justify-content:space-between;max-width:80ch;margin:0 auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a}.question-screen .question-markdown{font-size:1.5rem;color:#333;line-height:1.6;margin-bottom:20px;word-wrap:break-word}.question-screen .question-markdown h1,.question-screen .question-markdown h2,.question-screen .question-markdown h3{margin-top:1rem;color:#007bff}.question-screen .answers{margin-bottom:20px;display:flex;flex-direction:column;gap:10px;flex:1;overflow:auto}.question-screen .answers>*{margin-top:10px}.question-screen .question-toolbar{display:flex;justify-content:flex-end;padding-top:20px}.question-screen .question-toolbar>*{margin-left:10px}.question-screen .question-button{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease,opacity .3s ease}.question-screen .question-button:hover{background-color:#0056b3}.question-screen .question-disabled-button{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.question-screen .question-disabled-button:hover{background-color:#ccc}.question-screen{--main-bg-color: transparent;--text-color: white;--primary-color: #007bff;--primary-hover-color: #0056b3;--disabled-bg-color: #ccc;--disabled-text-color: #666;--box-shadow-color: rgba(0, 0, 0, .1);--border-radius: 8px;--padding: 20px;--font-size-large: 1.5rem;--button-padding: 10px 20px;--button-font-size: 1rem;--gap: 10px;--transition-duration: .3s;overflow:hidden;height:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;max-width:80ch;margin:0;background-color:var(--main-bg-color);border-radius:var(--border-radius);box-shadow:0 4px 8px var(--box-shadow-color)}.question-screen .question-markdown{font-size:var(--font-size-large);color:var(--text-color);line-height:1.6;margin-bottom:var(--gap);word-wrap:break-word}.question-screen .question-markdown h1,.question-screen .question-markdown h2,.question-screen .question-markdown h3{margin-top:1rem;color:var(--primary-color)}.question-screen .question-markdown p{margin-bottom:1rem}.question-screen .answers{margin-bottom:var(--gap);display:flex;flex-direction:column;gap:var(--gap);flex:1;overflow:auto}.question-screen .answers>*{margin-top:var(--gap)}.question-screen .question-toolbar{display:flex;justify-content:flex-end;padding-top:var(--padding)}.question-screen .question-toolbar>*{margin-left:var(--gap)}.question-screen .question-button{background-color:var(--primary-color);color:#fff;padding:var(--button-padding);border:none;border-radius:5px;cursor:pointer;font-size:var(--button-font-size);transition:background-color var(--transition-duration) ease,opacity var(--transition-duration) ease}.question-screen .question-button:hover{background-color:var(--primary-hover-color)}.question-screen .question-disabled-button{background-color:var(--disabled-bg-color);color:var(--disabled-text-color);cursor:not-allowed;opacity:.7}.question-screen .question-disabled-button:hover{background-color:var(--disabled-bg-color)}.participate-screen{display:flex;padding:20px;height:100%;overflow:hidden;flex-direction:column;max-width:80ch}.participate-screen .participate-content{flex:1;display:flex;overflow:hidden}.participate-screen .thanks{display:flex;flex-direction:column;overflow:auto}.questions-scroll-content{flex:1;overflow:auto}.space_small{font-size:15px;display:inline-block}.section{padding-bottom:40px}.ota{height:100dvh;width:100dvw;overflow:hidden;padding:0;margin:0;container-type:size;--primary-color: #3498db;--secondary-color: #222;--background-color: #ecf0f1;--text-color: #333;--nav-width: 250px;--sidebar-width: 300px;--header-height: 60px;--footer-height: 50px}.ota .main{display:flex;flex-direction:column;height:100%}.ota .main>.header{display:flex}.ota .nav{display:flex;flex-direction:column}.ota .nav>.header{display:flex;justify-content:space-between}.ota .nav>a{display:block;white-space:nowrap;color:#a7a7a7;text-decoration:none;padding:5px}.ota .nav>.active{background-color:salmon;color:#1c1716;border-radius:12px}.ota .selected{background-color:salmon}.ota .screen{display:flex;flex-direction:column;height:100%;overflow:auto;position:relative}.ota .screen .debug>button{display:none;position:absolute;left:0;opacity:.1}.ota .screen .debug>button:hover{opacity:1}.ota .screen .debug>button.visible{opacity:1}.ota .left-nav-layout{display:flex;height:100%;position:relative}.ota .left-nav-layout.floating>.nav{position:absolute}.ota .left-nav-layout.floating>.main{transform-origin:right center;transition:all .2s ease-in-out}.ota .left-nav-layout.floating.visibleNav>.main{transform:scale(.7,.9);opacity:.5}.ota .left-nav-layout>.overlay{position:absolute;left:0;top:0;bottom:0;right:0;background-color:#222222a2;background-color:transparent;z-index:100}.ota .left-nav-layout>.nav{width:var(--nav-width);background-color:var(--secondary-color);color:#fff;padding:1rem;overflow:auto;container-type:size;height:100%;z-index:1000}.ota .left-nav-layout>.main{flex:1;container-type:size;overflow:hidden;display:flex}.ota .logo{font-size:26px;color:#dbdacf}.ota .toggle-nav-button{border:none;background-color:transparent;cursor:pointer;font-size:18px}.dashboard-screen{height:100%;overflow:auto;max-width:80ch;padding:20px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}