.stimulus-waveform-container{position:relative;margin-bottom:10px;background:#000;transition:height .5s ease,opacity .5s ease;flex-shrink:0;width:368px;touch-action:pan-y;opacity:0}.stimulus-waveform-container .title{text-transform:uppercase;font-weight:200;font-size:10px;letter-spacing:2px;padding:2px 10px 5px;margin-bottom:-6px}@media (max-width: 600px){.stimulus-waveform-container{width:100%}}.controls-and-canvases{position:relative;padding:0 14px;display:flex;align-items:center}.overlay-canvas-container{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none}.sentence-chunks{pointer-events:none;position:absolute;top:50%;transform:translateY(-100%);font-family:monospace;font-size:12px;height:20px}.sentence-chunks .word{position:absolute}.phonemes{z-index:0;pointer-events:none;position:absolute;top:50%;font-family:Cascadia Mono,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:14px;height:20px}.phonemes .phoneme{position:absolute}.controls{flex-grow:1;text-align:right}.controls .play-pause-button{font-size:20px;cursor:pointer;color:#fff}.canvases{position:relative;flex-shrink:0;flex-grow:0}.cursor{position:absolute;top:0;width:1px;height:100%;background:#fff;pointer-events:none}.voice-style-buttons{display:flex;gap:5px;padding:15px 5px 0;transition:height .5s ease,opacity .5s ease}.voice-style-buttons button{text-transform:uppercase;color:#fff;flex-grow:1;border:1px solid white;font-size:10px;letter-spacing:2px}.three-js-canvas,.landing-page-canvas,.main-canvas{position:absolute;top:0;left:0;right:0;bottom:0}.main-canvas{transition:opacity .5s ease}.landing-page-canvas{pointer-events:none;transition:opacity .5s ease}@media (max-width: 600px){.three-js-canvas{pointer-events:none;z-index:-1;position:relative}.main-canvas{transform:translateY(-50%)}.landing-page-canvas{transform:translateY(-30px)}}.small-brains-container{position:absolute;pointer-events:none}@media (max-width: 600px){.small-brains-container{overflow:hidden;width:100%}}.brain-thumb{position:absolute;left:15px;width:100%;height:100%}.head-outline{position:absolute;top:10px;z-index:10;width:138px;height:155px}.twenty-hours-text{display:flex;visibility:hidden;position:absolute;top:53px;left:48px;gap:6px;flex-direction:column}.twenty-hours-text .twenty{font-size:40px;letter-spacing:4.3px;font-weight:500}.twenty-hours-text .hours{font-size:15px;font-weight:500;letter-spacing:2px;text-align:center}.twenty-hours-text .plus{position:absolute;right:-49px;font-size:35px;font-weight:500}.abacus-plots-container{background:#000;transition:opacity .5s ease,max-height .5s ease,margin-bottom .5s ease;width:368px;touch-action:pan-y}.abacus-plots-container .title{text-transform:uppercase;font-weight:200;font-size:10px;letter-spacing:2px;padding:2px 10px 5px}.abacus-plots-container .feature-row{position:relative;display:flex;align-items:center;font-size:10px;padding:0 14px;opacity:1;transition:opacity .5s ease,height .5s ease}.abacus-plots-container .feature-row-title{width:68px;text-align:right;flex-grow:1}.abacus-plots-container .feature-row:last-child{padding-bottom:24px}@media (max-width: 600px){.abacus-plots-container{width:100%}}.abacus-plot-container{position:relative;flex-shrink:0;flex-grow:0}.abacus-cover{position:absolute;top:0;right:0;background:#000;opacity:.4;height:100%;pointer-events:none}.abacus-eyeball{position:absolute;right:4px;width:21px;margin-top:3px}.abacus-eyeball img{width:100%}.neural-network-container{position:relative;background:#000;transition:opacity .5s ease,height .5s ease;margin-bottom:10px;width:368px;order:1;opacity:0}.neural-network-container .title{display:flex;align-items:center;gap:5px;text-transform:uppercase;font-weight:200;font-size:10px;letter-spacing:2px;padding:2px 10px 14px;position:absolute;top:0;left:0}.neural-network-container .info-button{position:relative;top:-2px;width:10px;height:10px}.neural-network-container .info-button img{width:100%;height:100%}@media (max-width: 600px){.neural-network-container{width:100%}}.image-viewer-container{position:absolute;left:30%;right:0;top:0;bottom:0;pointer-events:none;transition:margin-top .5s ease}.image-viewer-container img{max-width:100%}.diagram{position:absolute;bottom:0;left:0;height:100%;transition:opacity .2s ease}.brain-activity-animation{position:absolute;transition:opacity .2s ease;transform:translate(50%)}@media (max-width: 600px){.image-viewer-container{position:relative;left:0%;width:100%}.diagram{width:100%;height:auto;top:0;padding:0 5px;box-sizing:border-box}.diagram:first-child{position:relative}}.stimulus-selector-dropdown{--szn-select--min-width: 368px;--szn-select--background: #000000;--szn-select--text-color: #ffffff;--szn-select--border-radius: 0px;--szn-select--border-color: #ffffff;--szn-select--ui--dropdown-min-width: var(--szn-select--min-width);--szn-select--height: 35px}szn-tethered [data-szn-select--ui--dropdown]{--szn-select--ui--dropdown-min-width: 368px !important;--szn-select--options--background-color: #000000 !important;--szn-select--options--text-color: #ffffff !important;--szn-select--options--selected-background: #666 !important}szn-select,szn-tethered{font-family:monospace;font-size:12px}.stimulus-selector,.decoding-stimulus-selector{transition:height .5s ease,opacity .5s ease;margin-bottom:5px}.stimulus-selector label,.decoding-stimulus-selector label{display:block;font-size:10px;letter-spacing:.3px}@media (max-width: 600px){.stimulus-selector,.decoding-stimulus-selector{margin-left:20px}}:root{--peakrate-color: #4ECC00;--pitch-color: #DBFF00;--plosive-color: #F000B7;--fricative-color: #BD00F0;--onset-color: #29FFFF;--vowel-color: #6E03FF;--mobile-width: 600px}html,body{position:absolute;margin:0;width:100%;height:100%;overflow:hidden;font-family:Archivo,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;touch-action:none}canvas{display:block}body{background:#272f35;color:#fff;font-size:16px;line-height:20px}button{font-family:Archivo,sans-serif;cursor:pointer;background:none;border:none;padding:0}a{font-size:14px}a.link-button{color:#fff;text-decoration:underline}.back-to-lab-button{width:100%;position:absolute;text-align:center;bottom:20px}@media (max-width: 600px){.header-container{display:flex;align-items:center;margin:0 20px}.header-container .spacer{flex-grow:1}.header-container .menu-button{position:relative;top:-2px;width:24px;height:21px;flex-shrink:0;-webkit-user-select:none;user-select:none}.header-container .menu-button img{width:100%;height:100%}}.main-container{width:100%;height:100%;max-width:1280px}.header{position:relative;text-transform:uppercase;width:243px;font-weight:300;line-height:86%;letter-spacing:5.6px;opacity:.25;font-size:40px;margin-top:30px;margin-left:60px;z-index:50;cursor:pointer}@media (max-width: 600px){.header{font-size:24px;margin:20px 0;width:auto;letter-spacing:3.36px}}.left-content-container{width:50%;height:100%}.left-content-container .left-content{position:relative;display:flex;flex-direction:column;max-width:468px;margin-left:60px;transition:opacity 1s ease}.left-content-container .left-content .nav-balls{width:236px;display:flex;gap:6px;margin-bottom:23px;align-items:center}.left-content-container .left-content .nav-balls .nav-ball{width:8px;height:8px;border-radius:20px;background:#7c7c7c}.left-content-container .left-content .nav-balls .nav-ball.selected{background:#fff}.left-content-container .left-content .nav-balls .spacer{flex-grow:1}.left-content-container .left-content .next-button{position:relative;top:1px}.left-content-container .left-content .next-button img{width:30px}.left-content-container .left-content .next-button[hide]{visibility:hidden}.left-content-container .left-content .scrollable-container{position:relative;overflow-y:scroll;padding-left:14px;margin-left:-14px;scrollbar-width:none;touch-action:pan-y}.left-content-container .left-content .scrollable-container::-webkit-scrollbar{width:0;height:0}.left-content-container .left-content .text{width:238px;line-height:150%}.left-content-container .left-content .text p{padding:0 14px 1em;margin:0 0 0 -14px;background:#272f35cc}.left-content-container .left-content .text p:first-child{padding-top:10px}.left-content-container .left-content .widget-stack{margin-top:10px;margin-left:-14px;display:flex;flex-direction:column;width:368px}.left-content-container .footer{margin-top:30px;width:265px;display:flex;gap:10px}@media (max-width: 600px){.left-content-container{position:absolute;top:60px;bottom:54px;width:100%;height:auto}.left-content-container .left-content{margin-left:0}.left-content-container .left-content .scrollable-container{padding-left:0;margin-left:0;overflow-x:hidden}.left-content-container .left-content .text{box-sizing:border-box;padding-left:20px;padding-right:20px;width:306px}.left-content-container .left-content .text p{width:100%}.left-content-container .left-content .widget-stack{margin-top:0;width:100%;margin-left:0}}.mobile-nav-balls{position:fixed;bottom:0;left:0;right:0;background:#000;display:flex;gap:12px;align-items:center;height:54px;padding:0 20px}.mobile-nav-balls .nav-ball{width:15px;height:15px;border-radius:20px;background:#7c7c7c}.mobile-nav-balls .nav-ball.selected{width:19px;height:19px;background:#fff}.mobile-nav-balls .spacer{flex-grow:1}.mobile-nav-balls .next-button{width:30px;height:30px}.mobile-nav-balls .next-button img{width:100%;height:100%}.mobile-nav-balls .next-button[hide]{visibility:hidden}.peakrate-color{color:var(--peakrate-color);font-weight:700}.peakrate-color .feature-key-icon{background:var(--peakrate-color)}.pitch-color{color:var(--pitch-color);font-weight:700}.pitch-color .feature-key-icon{background:var(--pitch-color)}.plosive-color{color:var(--plosive-color);font-weight:700}.plosive-color .feature-key-icon{background:var(--plosive-color)}.fricative-color{color:var(--fricative-color);font-weight:700}.fricative-color .feature-key-icon{background:var(--fricative-color)}.onset-color{color:var(--onset-color);font-weight:700}.onset-color .feature-key-icon{background:var(--onset-color)}.vowel-color{color:var(--vowel-color);font-weight:700}.vowel-color .feature-key-icon{background:var(--vowel-color)}.home-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#272f35;transition:opacity .5s ease;z-index:40;pointer-events:none}.story-nav{position:absolute;height:38px;width:100%;margin-top:-19px;z-index:50;display:flex;justify-content:center;transition:bottom 1s ease}.story-nav .white-line{position:absolute;height:2px;width:100%;background:#7c7c7c;top:50%;margin-top:-1px;z-index:-1}.story-nav .story-buttons{display:flex;gap:18px}.story-nav-button{background:#23292f;box-sizing:border-box;border:2px solid #23292F;height:38px;color:#fff;padding:0 16px;font-family:Archivo;transition:opacity .2s ease,background .2s ease,border-color .2s ease}.chapter-button{background:#000;box-sizing:border-box;border:2px solid #fff;height:38px;color:#fff;padding:0 16px;font-family:Archivo;transition:opacity .2s ease}.chapter-button{white-space:nowrap;font-size:16px;margin-top:40px;padding:0 18px}@media (max-width: 600px){.story-nav{height:auto}.story-buttons{flex-direction:column;align-items:center}.story-nav-button{flex-shrink:0}.white-line{display:none}}.loading-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#272f35;color:#fff;opacity:1;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;z-index:60}.loading-screen[hide]{opacity:0;pointer-events:none}.feature-key{margin-top:40px}.feature-key-title{font-weight:600}.feature-key-row{display:flex;align-items:center;gap:18px;margin:14px 0 14px 10px}.feature-key-row-label{font-weight:600}.feature-key-icon{width:8px;height:8px;border-radius:20px;border:3px solid #272F35;color:inherit;box-shadow:0 0 8px 4px}.dnn-popup{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.dnn-popup img{height:100%}@media (max-width: 600px){.dnn-popup img{height:auto;width:100%}}.reset-view-button{background:#000;position:absolute;top:30px;right:34px;font-size:14px;color:#fff;padding:6px 8px;letter-spacing:1.96px;font-weight:300}@media (max-width: 600px){.reset-view-button{top:unset}}.electrode-dot{display:inline-block;width:12px;height:12px;border-radius:20px;background:#fff;margin:0 5px}