.navTitled{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;height:100%;width:100%;z-index:99}.navTitled .titleRow{display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:flex-start;width:100%;height:40%;padding-bottom:.5rem}.navTitled .navBodyRow{position:relative;display:flex;flex-flow:row nowrap;width:100%;height:80%}.navTitled .navBodyRow .navBtnGroup button{box-shadow:none}.navTitled.navTitled_left{padding-left:1rem}.navTitled.navTitled_right{padding-right:1rem}.activityNavGroup{margin-left:1rem;height:54px}.activityNavGroup button{width:48px;height:100%;box-shadow:none}button.slpMenuBtn{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}button.slpMenuBtn .dropdownLabel{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin:0 .33rem;padding:0}button.slpMenuBtn .dropdownLabel .dropdownLabel_title{margin:0;padding:0;line-height:normal}button.slpMenuBtn .dropdownLabel .dropdownLabel_name{text-transform:none;margin:0;padding:0;font-weight:700}.onlineHeaderBox{position:relative;display:flex;flex-flow:column nowrap;width:100%;height:62px;z-index:99}.onlineHeaderBox .titleRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;height:100%}.onlineHeaderBox .titleRow .titleTextBox{width:40%}.onlineHeaderBox .titleRow .controlsBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:100%}.onlineHeaderBox .titleRow .controlsBox .infoBox{width:40px}.onlineHeaderBox .btnRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.onlinePopoverBox{max-width:352px}.onlinePopoverBox .titleRow{border-bottom:1px solid lightblue;margin-bottom:.5rem}.onlinePopoverBox .infoListItem{position:relative;display:flex;flex-flow:row nowrap;padding:1rem}.onlinePopoverBox .infoListItem .infoIcon{margin-right:1rem}.onlinePanelBox{position:absolute;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;width:20vw;height:18vh;top:0;right:0;margin:0;background-color:#0000000d;z-index:70;border-bottom-left-radius:1rem}.onlinePanelBox .headerRow{position:relative;display:flex;flex-flow:column nowrap;width:100%;justify-content:center;align-items:center;height:72px;margin-bottom:2rem}.onlinePanelBox .bodyBox{position:relative;display:flex;flex-grow:10;flex-flow:column nowrap;width:100%;height:100%;justify-content:flex-start;align-items:center;padding-right:2rem}.onlinePanelBox .bodyBox .micButton_selected{color:#fff;background-color:#3d6d84}#videos{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;height:100%;width:100%}#videos .subPubBox{position:relative;display:flex;flex-flow:row nowrap;align-items:center;width:100%}#videos .subPubBox .micIconBox{position:relative;display:flex;width:42px}#videos .subPubBox .micIconBox.micOn{border-radius:42px;color:#fff;background-color:#3d6d84}#videos .subPubBox .micIconBox.micOn .white{color:#fff}#videos .subPubBox:last-of-type{margin-top:4px}#subscriber,#publisher{position:relative;display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center;width:100%}#subscriber .OT_subscriber,#publisher .OT_subscriber{min-height:36px;min-width:150px;border-radius:16px;background-color:var(--navy-600);box-shadow:#00000040 2px 3px 3px}#subscriber .OT_subscriber.hotMicStyle,#publisher .OT_subscriber.hotMicStyle{border-radius:16px;border:4px solid var(--blue-wave);box-shadow:#00000026 3px 4px 3px}.OT_mini .OT_name.OT_mode-off,.OT_mini .OT_name.OT_mode-on,.OT_mini .OT_name.OT_mode-auto,.OT_mini:hover .OT_name.OT_mode-auto{display:block!important}.subBox{position:relative;display:flex;flex-flow:row nowrap;align-items:center;width:100%}.starImage{margin-right:.7rem}.profileSwitcherBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;z-index:99}.profileSwitcherBox .iconBox{position:relative;display:flex;flex-flow:center;justify-content:center;align-items:center}.profileSwitcherBox .titleBox{width:100%}.nameBadgeBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-end}.nameBox{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-right:1.5rem;font-size:1rem;width:100%;overflow-wrap:normal;text-align:end}.overText{font-size:.75rem;text-transform:uppercase;letter-spacing:.1rem}.title_label{font-size:.9rem;letter-spacing:.1rem;font-weight:700}.title_text{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700}.subTitle_text{padding-top:4px;font-size:1rem;font-weight:800}.appBar{display:flex;flex-flow:row nowrap;height:64px}.appBar .appBarContentBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;height:100%}.appBar .appBarContentBox .navBoxes{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:100%}.appBar .appBarContentBox .navBoxes.navBox_online{width:20vw;justify-content:flex-end}.appBar .appBarContentBox .versionBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.pageLayout_parent{position:absolute;display:flex;min-height:100vh;width:100vw;margin:0;padding:0;z-index:1}.pageLayout_parent.graphicLayout{position:fixed;height:100vh}.pageLayout_parent .pageBody_parent{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;min-height:100%;width:100%;margin:0;padding-top:10vh;z-index:6}.pageLayout_parent .pageBody_parent .layoutColumnBase{position:relative;display:flex;flex-flow:column nowrap;align-items:flex-start;height:100vh;min-height:100%}.pageLayout_parent .pageBody_parent .layoutColumnBase.mainColumn{position:relative;display:flex;width:80vw;z-index:10}.pageLayout_parent .pageBody_parent .layoutColumnBase.sideColumn{width:20%;z-index:20}.pageLayout_parent .slideInLayout{position:absolute;display:flex;flex-flow:column nowrap;margin-top:10vh;width:23%;height:90vh;right:0;border-top-left-radius:1rem;border-bottom-left-radius:1rem;background-color:#fffffff2;box-shadow:#64646f33 0 7px 29px;z-index:99}.leftColumnLayout{position:relative;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;height:100%;width:100%;min-height:100%;border-radius:1rem}.controlsBox_layout{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;height:100%;width:100%;border:1px solid green}.controlsBox_layout .skyBox{width:100%;border-radius:1rem}.pageBody_content{width:100%}.articleBoxHeader{position:relative;flex-flow:row nowrap;background-color:#3d6d84;height:120px;padding-left:60px;padding-top:10px}.welcomePgContent{position:relative;display:flex;flex-flow:row nowrap;height:100vh;border:1px solid green}.welcomePgContent .articleBox{position:relative;display:flex;flex-flow:column nowrap;padding:2rem 4rem;width:70%;background-color:#c1f2f2}.welcomePgContent .articleBox .pageSectBox{margin-bottom:2rem}.welcomePgContent .signInPanel{position:relative;display:flex;flex-flow:column nowrap;align-items:center;top:0;right:0;height:100%;width:30%;padding:2rem}.welcomePgContent .signInPanel .panel_contentBox{position:relative;display:flex;flex-flow:column nowrap;width:100%;align-items:center}.welcomePgContent .signInPanel .panel_contentBox .signIn_image{position:relative;display:flex;align-items:center;justify-content:center;height:128px;width:128px;margin-bottom:2rem;border-radius:128px}.welcomePgContent .signInPanel .panel_contentBox .buttonBox{position:relative;display:flex;flex-flow:column nowrap;width:100%}.welcomePgContent .signInPanel .panel_contentBox .buttonBox .SIPbtn{margin-bottom:2rem;border-radius:2rem;font-size:24px}.svgFull{position:relative;height:100%;width:100%}.waveBaseBox{position:absolute;height:100%;width:100%}.waveBaseBox .waveCanvas{position:absolute;display:block;width:50vw;height:25%;top:40%;left:15vw;z-index:1}.waveBaseBox .waveFoam{position:absolute;display:block;width:70vw;height:10%;top:59%;left:5%;background-repeat:no-repeat;background-position:center;z-index:9}.snapBox{position:fixed;left:60%;top:50%;z-index:999}.postLeftBox{position:absolute;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;top:50%;left:5vw;height:30%;width:12vw;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:41}.postLeftBox.postLeftBg{background-position:center;background-size:contain;background-repeat:no-repeat;z-index:61}.postLeftBox .plb_sign{position:relative;display:flex;flex-flow:column nowrap;margin-top:1rem;height:auto;width:5rem;padding:0,1rem;min-width:72px;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:4px;box-shadow:0 2px 6px #831a1a40;cursor:pointer;z-index:61}.postLeftBox .plb_sign .signContent{position:relative;display:flex;flex-flow:column nowrap;margin:.5rem .4rem;padding:0,1rem;font-weight:700;font-size:.9rem;text-align:center;border:1px solid gray;border-radius:4px;z-index:61}.postLeftBox .plb_sign .signContent.waveBlue_sign{border:1px solid var(--color_waveBlue-600);color:var(--color_waveBlue-600)}.postLeftBox .plb_sign .signContent.waveBlue_sign .label{background-color:var(--color_waveBlue-600)}.postLeftBox .plb_sign .signContent.spruce_sign{border:1px solid var(--color_spruce-500);color:var(--color_spruce-500)}.postLeftBox .plb_sign .signContent.spruce_sign .label{background-color:var(--color_spruce-500)}.postLeftBox .plb_sign .signContent.navy_sign{border:1px solid #3d6d84;color:#3d6d84}.postLeftBox .plb_sign .signContent.navy_sign .label{color:#fff;background-color:#3d6d84}.postLeftBox .plb_sign .signContent.gold_sign{border:1px solid #e3aa58;color:#c18a48}.postLeftBox .plb_sign .signContent.gold_sign .label{background-color:#e3aa58}.postLeftBox .plb_sign .signContent span{padding:1px 8px}.postLeftBox .plb_sign .signContent span.label{margin-top:3px;color:var(--sand-200);background-color:#00000026}.postLeftBox .plb_sign .signContent span.value{margin-bottom:3px}.postSmallBox{position:absolute;display:flex;justify-content:center;top:55%;height:20%;width:7.5%;right:25%;z-index:61;background-size:auto 100%;background-position:center;background-repeat:no-repeat}.postSmallBox .signRight{position:absolute;display:flex;align-items:center;justify-content:center;left:-15%;height:33%;width:120%;min-width:72px;margin-top:1rem;transform:rotate(5deg);background-size:100% 100%;background-position:cover;background-repeat:no-repeat;cursor:pointer;z-index:61}.postSmallBox .signRight-text{position:relative;display:flex;align-items:center;justify-content:center;font-size:auto;font-weight:700;text-align:center;color:#f7f2db}.starSliderBox{position:absolute;display:block;top:40%;left:15vw;width:50vw;height:40%;z-index:10;z-index:50}.starSliderInput{position:relative;display:flex;flex-flow:column nowrap;width:100%;top:40%;height:100%;z-index:50}#tut_navStepper{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:10%;padding:0 5vw}#tut_navStepper .iconBox{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:8.3333333333%;padding:4px}#tut_navStepper .iconBox svg#icon_tutorial path.ico-stroke,#tut_navStepper .iconBox polygon.ico-stroke{stroke:var(--color_textLight);fill:none}#tut_navStepper #stepperBox{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 .5rem}#tut_navStepper #stepperBox .stepperBox_line{position:absolute;width:100%;top:50%;display:flex;color:var(--color_navStepSubtle);padding:0 .5rem;border-style:solid;z-index:1}#tut_navStepper #stepperBox #stepperBox_titleBox{position:relative;display:flex;flex-flow:column nowrap;align-items:flex-start;width:50%;height:100%;z-index:2}#tut_navStepper #stepperBox #stepperBox_titleBox .activityTitle{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-end;height:50%;width:100%;padding-top:.8rem;padding-bottom:.33rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.1rem;font-weight:700;color:var(--color_textLight)}#tut_navStepper #stepperBox #stepperBox_titleBox .activityTitle #currentStep{display:none;font-weight:700;margin-left:1rem;color:var(--navy-600)}#tut_navStepper #stepperBox #stepperBox_titleBox .activityTitle #currentStep.stepIdIsVisible{display:flex}#tut_navStepper #stepperBox #stepperBox_titleBox #stepTitle{display:flex;justify-self:flex-start;font-weight:700;font-size:1rem;color:var(--color_textLight);padding-bottom:.5rem;padding-top:.33rem}#tut_navStepper #stepperBox #stepperBtnBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:50%;height:100%;z-index:5}#tut_navStepper #stepperBox #stepperBtnBox .navBub{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:.75rem;width:.75rem;border-radius:.75rem;background-color:var(--color_navStepSubtle);border:2px solid var(--color_navStepSubtle);box-shadow:0 0 #000000bf}#tut_navStepper #stepperBox #stepperBtnBox .navBub .navTooltip{position:absolute;color:var(--color_text);font-size:.5rem;font-weight:700;top:1.5rem;width:265px;text-align:center;z-index:1;visibility:hidden}#tut_navStepper #stepperBox #stepperBtnBox .navBubBig{position:relative;display:flex;justify-content:center;align-items:center;height:1.5rem;width:1.5rem;border-radius:1rem;margin-right:3px;color:#fff;font-size:.9rem;font-weight:700;text-align:center;background-color:var(--color_navStepSubtle);border:2px solid var(--color_navStepSubtle)}#tut_navStepper #stepperBox #stepperBtnBox .navBubBig .navTooltip{position:absolute;color:var(--color_text);font-size:.5rem;top:2rem;text-align:center;z-index:1;visibility:hidden}#tut_navStepper #stepperBox #stepperBtnBox .navBub_post{color:var(--color_textLight);background-color:var(--blue-sky);border-color:var(--color_textLight)}#tut_navStepper #stepperBox #stepperBtnBox .navBub_active{color:var(--color_textLight);background-color:#fff;border-color:var(--color_textLight)}#tut_navStepper #stepperBox #stepperBtnBox .navBub:hover{box-shadow:1px 1px 1px #00000040;transform:scale(1.5);transition:.15s}#tut_navStepper #stepperBox #stepperBtnBox .navBub:hover .navTooltip{visibility:visible}#tut_navStepper #stepperBox_arrowBox{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:8.3333333333%;z-index:5}#tut_navStepper #stepperBox_arrowBox .navStepArrow{position:relative;display:flex;flex-flow:column nowrap;align-items:center;cursor:pointer}#tut_navStepper #stepperBox_arrowBox .navStepArrow svg{height:100%;width:32px}#tut_navStepper #stepperBox_arrowBox .navStepArrow svg path{fill:var(--color_textLight);stroke:var(--color_textLight);stroke-width:2px}#tut_navStepper #stepperBox_arrowBox .navStepArrow.navStepArrow:hover{transform:scale(1.25);transition:.15s}#tut_navStepper #stepperBox_arrowBox .navStepArrow .arrowTooltip{position:absolute;color:var(--color_text);font-weight:700;font-size:.66rem;top:2.33rem;text-align:center;z-index:1;visibility:hidden}#tut_navStepper #stepperBox_arrowBox .navStepArrow:hover .arrowTooltip{visibility:visible}#tutorialContainer{position:relative;display:none;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-end;width:60vw;margin:0;padding:0;height:100%}.tut_topContentBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;margin-left:10vw;width:60vw;height:30vh;padding-top:5vh}.tut_topContentBox .tutCopyBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;width:100%;color:var(--color_text);font-size:1.2rem;font-weight:600}.tut_topContentBox .tutCopyBox.tutCopyBoxShort{width:calc(var(--gridW) * 3.5);padding-right:0}.tut_topContentBox .tutCopyBox.tutCopyBox-p2s1{padding-right:2rem}.tut_topContentBox .tutCopyBox .tutCopyBlock{position:relative;display:flex;flex-flow:row nowrap;margin-bottom:1rem}.tut_topContentBox .tutCopyBox .tutCopyBlock.p2s1_2{margin-left:6%}.tut_topContentBox .tutCopyBox .tutCopyBlock.p2s1_3{margin-left:47%}.tut_topContentBox .tutCopyBox .tutCopyBlock.p2s1_4{margin-left:67%}.tut_topContentBox #waveMiniBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;width:20vw;z-index:30}.color-waveMini-OFF{color:var(--color_textLight)!important}#waveMiniBox .miniSlot{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;width:100%;height:100%}#waveMiniBox .miniSlot .wm_imgBtn{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;width:100%;padding:0 1rem;height:100%}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox,#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox{position:relative;display:flex;justify-content:center;align-self:flex-end;width:100%;max-width:212px;height:100%}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox.wm_svg-sky svg path{fill:var(--blue-sky)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox.wm_svg-red svg path{fill:var(--color_red-500)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox.wm_svg-waveBlue svg path{fill:var(--blue-wave)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox.wm_svg-navy svg path{fill:var(--navy-600)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox.wm_svg-white svg path{fill:#fff}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox.wm_svg-spruce svg path{fill:var(--color_spruce-500)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox.wm_svg-OFF svg path{fill:var(--color_waveMini-OFF)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox .wm_waveBox svg g line.miniLine{fill:none;stroke:var(--blue-sky);stroke-width:2px}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--blue-sky);border:0;padding:0}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox:hover #swapBtn rect.bg{fill:#ffffff80}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox:active #swapBtn rect.bg{fill:#fff;opacity:.5}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn{position:absolute;display:flex;z-index:4}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn rect.bg{fill:#a0d1cf;opacity:.25}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn path.wm_svg-red{fill:var(--color_red-500)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn path.wm_svg-waveBlue{fill:var(--blue-wave)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn path.wm_svg-navy{fill:var(--navy-600)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn path.wm_svg-white{fill:#fff}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn path.wm_svg-spruce{fill:var(--color_spruce-500)}#waveMiniBox .miniSlot .wm_imgBtn .wm_svgBox button#wm_swapBox #swapBtn .swapLabel{position:relative;display:flex;fill:var(--color_text);font-size:.9rem;font-weight:600}#waveMiniBox .miniSlot .wm_imgBtn .wm_label{position:relative;display:flex;justify-content:center;align-self:flex-end;width:100%;max-width:212px;color:var(--color_text);font-size:.9rem;font-weight:600;text-align:center;height:100%}#waveMiniBox .miniSlot .wm_audioBox{position:relative;display:flex;justify-content:center;align-items:center;width:64px;height:64px;padding:1rem}#waveMiniBox .miniSlot .wm_audioBox.wm_audioBox-red svg{fill:var(--color_red-500)}#waveMiniBox .miniSlot .wm_audioBox.wm_audioBox-waveBlue svg{fill:var(--blue-wave)}#waveMiniBox .miniSlot .wm_audioBox.wm_audioBox-navy svg{fill:var(--navy-600)}#waveMiniBox .miniSlot .wm_audioBox.wm_audioBox-white svg{fill:#fff}#waveMiniBox .miniSlot .wm_audioBox.wm_audioBox-spruce svg{fill:var(--color_spruce-500)}#waveMiniBox .miniSlot .wm_audioBox.wm_audioBox-OFF svg{fill:var(--color_waveMini-OFF)}*{box-sizing:border-box;margin:0;padding:0;font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--blue-sky: #c1f2f2;--blue-wave: #50d3d6;--color_waveBlue-600: #57bcbc;--navy-900: #36535e;--navy-600: #3d6d84;--navy-500: #408ba2;--sand-900: #dfcfbc;--sand-800: #ecdcc2;--sand-700: #ffebca;--sand-200: #ffeccb;--brown-900: #847163;--brown-700: #998675;--brown-500: #ad9983;--color_text: #3d6d84;--color_textLight: #7ab4b7;--color_navStepSubtle: #a1d3d1;--color_gold-500: #ffd477;--color_gold-600: #ffc861;--color_waveMini-OFF: #a0d2cf;--color_red-500: #e86348;--color_spruce-500: #669690;--appTopPadding: 64px;--gridW: 100vw/10;--gridH: 100vh/10}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}#spectraGraphOverlay{opacity:.1;z-index:3}.waveOverlayBox{z-index:0}#waveBox .spectraLayout{position:absolute;display:block;height:calc(var(--gridH) * 2.75);width:calc(var(--gridW) * 4);left:calc(var(--gridW) * 1);z-index:2}#waveBox #waveBase{position:absolute;width:100%;height:auto;z-index:10;top:calc(var(--gridH) * 2.25);left:0;z-index:9}#waveBox #starContainer{position:absolute;display:block;width:calc(var(--gridW) * 4);height:calc(var(--gridH) * 4);z-index:10}#waveBox #starContainer .starSliderInput{position:relative;display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;top:calc(var(--gridH) * 1.25);height:calc(var(--gridH) * 1);background:none;outline:none;-webkit-transition:.2s;transition:opacity .2s;border:none;z-index:10;cursor:pointer}#waveBox #starContainer .starSliderInput::-webkit-slider-thumb{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:calc(var(--gridH) * 3.5);background-image:url(../imgs/main/sliderStar.svg);background-repeat:no-repeat;background-position:center bottom;z-index:10}#waveBox #starContainer .starSliderInput::-moz-range-thumb{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:calc(var(--gridH) * 3.5);background-image:url(../imgs/main/sliderStar.svg);background-repeat:no-repeat;background-position:center bottom;z-index:10}#waveBox #starContainer .starSliderInput:disabled{cursor:default}#waveBox #postLeftBox{position:absolute;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;top:calc(var(--gridH) * 1);left:calc(var(--gridW) * .25);height:calc(var(--gridH) * 3);width:calc(var(--gridW) * 1.5);z-index:11}#waveBox #postLeftBox.postLeftBg{background-image:url(../imgs/main/postLeft/postLeft.svg);background-position:center;background-size:contain;background-repeat:no-repeat}#waveBox #postLeftBox.postLeftBg.ropeCrab{background-image:url(../imgs/main/postLeft/postLeft_rope_crab.svg)}#waveBox #postLeftBox.postLeftBg.rope{background-image:url(../imgs/main/postLeft/postLeft_rope.svg)}#waveBox #postLeftBox.postLeftBg.crab{background-image:url(../imgs/main/postLeft/postLeft_crab.svg)}#waveBox #postLeftBox .plb_sign{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin-top:1rem;padding:0rem .5rem;min-width:calc(var(--gridW) * .5);background-image:url(../imgs/signBig_empty.svg);background-position:center;background-size:auto 100%;background-repeat:no-repeat;border-radius:4px;box-shadow:0 2px 6px #00000040;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:12;border:none}#waveBox #postLeftBox .plb_sign .signContent{position:relative;display:flex;flex-flow:column nowrap;margin:.5rem 0rem;width:100%;font-weight:700;font-size:.9rem;text-align:center;border:1px solid gray;border-radius:4px}#waveBox #postLeftBox .plb_sign .signContent.waveBlue_sign{border:1px solid var(--color_waveBlue-600);color:var(--color_waveBlue-600)}#waveBox #postLeftBox .plb_sign .signContent.waveBlue_sign .label{background-color:var(--color_waveBlue-600)}#waveBox #postLeftBox .plb_sign .signContent.spruce_sign{border:1px solid var(--color_spruce-500);color:var(--color_spruce-500)}#waveBox #postLeftBox .plb_sign .signContent.spruce_sign .label{background-color:var(--color_spruce-500)}#waveBox #postLeftBox .plb_sign .signContent.navy_sign{border:1px solid var(--navy-600);color:var(--navy-600)}#waveBox #postLeftBox .plb_sign .signContent.navy_sign .label{background-color:var(--navy-600)}#waveBox #postLeftBox .plb_sign .signContent.gold_sign{border:1px solid #e3aa58;color:#c18a48}#waveBox #postLeftBox .plb_sign .signContent.gold_sign .label{background-color:#e3aa58}#waveBox #postLeftBox .plb_sign .signContent span{padding:1px 8px}#waveBox #postLeftBox .plb_sign .signContent span.label{margin-top:3px;color:var(--sand-200);background-color:#00000026}#waveBox #postLeftBox .plb_sign .signContent span.value{margin-bottom:3px}.postSmallBox_tutorial{position:absolute;display:flex;left:67vw;top:57vh;height:20vh;width:7.5vw;z-index:11}.postSmallBox_tutorial .signRight_tutorial{position:absolute;display:flex;align-items:center;justify-content:center;left:-7px;width:100%;height:50%;transform:rotate(5deg);background-size:100% 100%;background-position:cover;background-repeat:no-repeat;cursor:pointer}.postSmallBox_tutorial .signRight_tutorial .signRight-text{position:absolute;display:flex;align-items:center;justify-content:center;margin:0 1.25rem;font-size:auto;font-weight:700;text-align:center;color:#f7f2db}.fill-red{fill:var(--color_red-500)}.fill-waveBlue{fill:var(--blue-wave)}.fill-navy{fill:var(--navy-600)}.fill-spruce{fill:var(--color_spruce-500)}.fill-white{fill:#fff}.fill-alpha{opacity:85%}.fill-blueSky{fill:var(--blue-sky)}.fill-waveMini-OFF{fill:var(--color_waveMini-OFF)}.fill-gold500{fill:var(--color_gold-500)}.fill-gold600{fill:var(--color_gold-600)}.stroke-red{stroke:var(--color_red-500)}.stroke-waveBlue{stroke:var(--blue-wave)}.stroke-navy{stroke:var(--navy-600)}.stroke-white{stroke:#fff}.stroke-spruce{stroke:var(--color_spruce-500)}.stroke-gold500{stroke:var(--color_gold-500)}.stroke-gold600{stroke:var(--color_gold-600)}.color-red{color:var(--color_red-500)}.color-waveBlue{color:var(--blue-wave)}.color-navy{color:var(--navy-600)}.color-gold600{color:var(--color_gold-600)}#waveBox{position:absolute;display:flex;flex-flow:column nowrap;justify-content:flex-end;margin-left:3.5vw;margin-bottom:13vh;height:26vh;width:60vw;padding:0 1vw}#waveBox .waveOverlayBox{position:absolute;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-end;height:25vh;width:60vw;margin-top:10vh;z-index:0;background-position:bottom;background-size:100% auto;background-repeat:no-repeat}#waveBox .waveOverlayBox svg{position:absolute;display:flex;bottom:0;z-index:0}#waveBox .waveOverlayBox svg line.waveLine{fill:none;stroke:#fff;stroke-width:3px}#waveBox .waveOverlayBox svg line.waveLine.stroke-red{stroke:var(--color_red-500)}#waveBox .waveOverlayBox svg line.waveLine.stroke-waveBlue{stroke:var(--blue-wave)}#waveBox .waveOverlayBox svg line.waveLine.stroke-navy{stroke:var(--navy-600)}#waveBox .waveOverlayBox svg line.waveLine.stroke-white{stroke:#fff}#waveBox .waveOverlayBox svg line.waveLine.stroke-spruce{stroke:var(--color_spruce-500)}#waveBox .waveOverlayBox svg line.waveLine.stroke-gold500{stroke:var(--color_gold-500)}#waveBox .waveOverlayBox svg line.waveLine.stroke-gold600{stroke:var(--color_gold-600)}#waveBox .waveOverlayBox svg path.topLine{fill:none;stroke:#fff;stroke-width:10px;opacity:.8}#waveBox .waveOverlayBox svg path.topLine.stroke-red{stroke:var(--color_red-500)}#waveBox .waveOverlayBox svg path.topLine.stroke-waveBlue{stroke:var(--blue-wave)}#waveBox .waveOverlayBox svg path.topLine.stroke-navy{stroke:var(--navy-600)}#waveBox .waveOverlayBox svg path.topLine.stroke-white{stroke:#fff}#waveBox .waveOverlayBox svg path.topLine.stroke-spruce{stroke:var(--color_spruce-500)}#waveBox .waveOverlayBox svg path.topLine.stroke-gold500{stroke:var(--color_gold-500)}#waveBox .waveOverlayBox svg path.topLine.stroke-gold600{stroke:var(--color_gold-600)}#waveBox .waveOverlayBox svg .diagramGroup .diagramLines{fill:none;stroke-linecap:round;stroke-width:2px;z-index:0}#waveBox .waveOverlayBox svg .diagramGroup .diagramText{font-family:Quicksand-Bold,Quicksand;font-size:1.33rem;z-index:50;display:block}.charSceneBox{position:absolute;display:flex;margin-top:calc(var(--gridH) * 1.15);margin-left:calc(var(--gridW) * -.8);height:calc(var(--gridH) * 3.5);width:calc(var(--gridW) * 5);background-size:90%;background-repeat:no-repeat;z-index:6}.charSceneBox.char_p0s1{background-image:url(../imgs/tutorial/chars/p0s1.png)}.charSceneBox.char_p0s2{background-image:url(../imgs/tutorial/chars/p0s2.png)}.charSceneBox.char_p1s1{background-image:url(../imgs/tutorial/chars/p1s1.png)}.charSceneBox.char_p1s2{background-image:url(../imgs/tutorial/chars/p1s2.png)}html,body{min-height:100vh;width:100vw;margin:0;padding:0;background-color:var(--sand-700)}.appHeader_layout{position:fixed;display:flex;flex-flow:column nowrap;top:0;left:0;width:100%;z-index:90}#bgContainer{position:absolute;display:flex;flex-flow:column nowrap;width:100vw;height:100vh;top:0;left:0;z-index:1}#bgContainer .bgSky{position:relative;display:block;height:calc(var(--gridH) * 6);width:calc(var(--gridW) * 10);background-color:var(--blue-sky)}#bgContainer .bgSky.bgSky_tutLayout{height:calc(var(--gridH) * 7)}#bgContainer .bgSea{position:relative;display:block;height:calc(var(--gridH) * 2);width:calc(var(--gridW) * 10);overflow:visible;background-image:url(../imgs/bgs/oceanBg_fullWidth.svg);background-position:right top;background-size:100% 100%;background-repeat:no-repeat}#bgContainer .bgSand{position:relative;display:block;height:calc(var(--gridH) * 1);width:calc(var(--gridW) * 10);background-color:var(--sand-700)}.devGrid{position:absolute;display:flex;flex-flow:row nowrap;width:100vw;height:100vh;top:0;left:0;z-index:50}.devGrid .dgSide{position:relative;display:flex;flex-flow:row nowrap;width:100%;width:calc(var(--gridW) * 2);height:100%}.devGrid .dgMain{position:relative;display:flex;flex-flow:row nowrap;width:calc(var(--gridW) * 6);height:100%}.devGrid .dgCol{position:relative;display:flex;flex-flow:column nowrap;width:calc(var(--gridW) * 1);height:100%;border-left:1px solid rgba(255,255,255,.75)}.devGrid .dgCol .dgRow{position:relative;display:flex;width:calc(var(--gridW));height:100%;border-bottom:1px solid rgba(0,0,0,.25)}#container{position:absolute;display:flex;flex-flow:row nowrap;justify-content:center;width:100vw;height:100vh;top:0;left:0;z-index:1}#container .centerBox{position:relative;display:flex;flex-flow:column nowrap;width:calc(var(--gridW) * 6);height:100%;padding-top:calc(var(--gridH));z-index:5}#container .centerBox .topRowBox{position:absolute;display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;width:100%;height:calc(var(--gridH));padding-top:calc(var(--gridH) / 4)}#container .centerBox .topRowBox .pageTitleBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;width:33%}#container .centerBox .topRowBox .pageTitleBox .pageTitle{margin-bottom:.5rem;text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700;color:var(--color_textLight)}#container .centerBox .topRowBox .pageTitleBox .pageSubheader{font-size:.9rem;font-weight:700;color:var(--color_textLight)}#container .centerBox #waveBoxParent{position:absolute;display:block;top:calc(var(--gridH) * 4);height:calc(var(--gridH) * 4);width:100%}#container .centerBox #waveBoxParent.waveBoxParent_tutLayout{top:calc(var(--gridH) * 5)}#sharedWordDisplayContainer.wordPromptRow{position:absolute;display:flex;flex-flow:row nowrap;top:calc(var(--gridH) * 3);justify-content:center;width:calc(var(--gridW) * 6);height:calc(var(--gridH) * 1);z-index:10}#sharedWordDisplayContainer.wordPromptRow #wordPromptBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-end;width:calc(var(--gridW) * 4);height:calc(var(--gridH) * 1);border-bottom:0px solid white}#sharedWordDisplayContainer.wordPromptRow #wordPromptBox .wordPromptText{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-end;color:var(--color_text);font-size:2rem;margin-bottom:.5rem}#sharedWordDisplayContainer.wordPromptRow .snapShotBox{position:absolute;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;height:calc(var(--gridH) * 1);right:calc(var(--gridW) - 64px);bottom:calc(var(--gridH) * -1);z-index:15}#sharedWordDisplayContainer.wordPromptRow .snapShotBox.snapBox_tutLayout{flex-flow:column nowrap;right:calc(var(--gridW) * 1 - 64px);bottom:calc(var(--gridH) * -2);border:none}#sharedWordDisplayContainer.wordPromptRow .snapShotBox .snapBtn{position:relative;display:flex;justify-content:center;align-items:center;border-radius:4px;color:var(--color_textLight);background-color:var(--blue-sky);margin-left:2px;padding:6px 12px;border:none;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:1px 1px 1px #0003;z-index:20}#sharedWordDisplayContainer.wordPromptRow .snapShotBox .snapBtn:hover{color:var(--color_text)}#sharedWordDisplayContainer.wordPromptRow .snapShotBox .snapBtn:active{color:#fff}#micAccessButton{position:absolute;top:-20px;width:200px;z-index:99}#panelLeft_layout{position:absolute;height:100vh;width:20vw;top:0;left:0;z-index:50}#sideNav_layout{position:fixed;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;height:100vh;width:64px;top:0;left:0;z-index:60;color:#fff;background-color:var(--navy-600);box-shadow:#00000040 2px 3px 5px}#panelRight_layout{position:absolute;height:100vh;width:20vw;top:0;right:0;z-index:50}.pgHeader_parent{position:relative;display:flex;flex-flow:column nowrap;min-height:20vh;width:60vw;margin:0 10vw}.pgHeader_parent .pgHeaderBox_layout{position:absolute;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;height:9vh;width:100%;border-bottom:1px solid lightblue}.pgHeader_parent .rowTop{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;width:100%;height:5vh}.pgHeader_parent .rowTop .seshLabel{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-end;width:66%;height:5vh}.pgHeader_parent .rowTop .toolsLabel{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-end;width:33%;height:5vh}.pgHeader_parent .rowMain{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%;height:15vh}.pgHeader_parent .rowMain .pgHeadContentBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;width:25vw;height:100%}.pgHeader_parent .rowMain .pgHeadContentBox.timerBox{width:10vw}.pgHeader_parent .rowMain .pgHeadContentBox .topHalf{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-end;width:100%;height:4vh}.pgHeader_parent .rowMain .pgHeadContentBox .topHalf .pgHeadTopMain{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-end;height:4vh}.pgHeader_parent .rowMain .pgHeadContentBox .topHalf .pgHeadTopMain.waveToolBar{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;width:100%}.pgHeader_parent .rowMain .pgHeadContentBox .topHalf .pgHeadTopMain.waveToolBar .iconBtn{position:relative;display:flex;height:36px;width:36px;cursor:pointer;background-position:center;background-size:contain;background-repeat:no-repeat}.pgHeader_parent .rowMain .pgHeadContentBox .topHalf .pgHeadTopMain.waveToolBar .sensitBtn{height:22px;width:22px}.pgHeader_parent .rowMain .pgHeadContentBox .bottomHalf{position:relative;display:flex;flex-flow:column nowrap;width:100%;height:11vh;padding-top:.5rem}.pgHeader_parent .rowMain .pgHeadContentBox .bottomHalf .waveTools_parent{position:relative;display:flex;flex-flow:column nowrap;align-items:flex-end;width:100%}.pgHeader_parent .rowMain .pgHeadContentBox .bottomHalf .waveTools_parent .sensitBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-end;width:66%}.slpPanel{position:relative;display:flex;flex-flow:column noWrap;justify-content:space-between;align-items:center;margin-top:10vh;height:80vh;width:100%;flex-flow:column}.slpPanel .skyBox{position:relative;display:flex;flex-flow:column noWrap;justify-content:flex-start;align-items:flex-start;height:80vh;width:100%;z-index:50;border-radius:1rem}.slpPanel .skyBox .panelRow{position:relative;display:flex;flex-flow:row noWrap;justify-content:space-between;width:100%;height:auto;padding:none}.slpPanel .skyBox .panelRow.panelHeader{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid lightBlue;border-bottom:1px solid lightBlue}.slpPanel .skyBox .panelRow.panelHeader .topToolbar{position:relative;display:flex;flex-flow:row noWrap;justify-content:flex-end;align-items:center;padding-right:.5rem}.slpPanel .skyBox .slpPanelContent{position:relative;flex-flow:column noWrap;justify-content:flex-end;align-items:center;width:100%;height:70vh}.wordPromptParent{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:60vw;margin-left:10vw}.wordPromptParent .topContent_wpPrePract{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:10vh}.wordPromptParent .wpRow{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-end;width:100%}.wordPromptParent .wpRow.slpNoteBox{align-items:flex-start;height:5vh}.wordPromptParent .wpRow.wordPromptBox{height:10vh}.wordPromptParent .wpRow.wordPromptBox .MuiTypography-root{margin:0;margin-bottom:.33rem}.wordPromptParent .wpRow.wordPromptBox .word{font-weight:600}.wordPromptParent .wpRow.promptCueBox{height:5vh}.wordPromptParent_prePract{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:60vw;height:20vh;margin-left:10vw;border-bottom:2px solid white}.wordPromptParent_prePract .wp-pp_nav{position:relative;display:flex;justify-content:center;align-items:center;height:100%;width:10vw}.wordPromptParent_prePract .wp-pp_nav .arrowBox{position:relative;display:flex;width:43px;height:66%;margin:0 2rem;cursor:pointer}.wordPromptParent_prePract .wp-pp_main{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:100%;width:100%}.wordPromptParent_prePract .wp-pp_main .audioBox{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:6.6vh}.wordPromptParent_prePract .wp-pp_main .promptCueBox{font-size:1.2rem;font-weight:500}.wordPromptParent_prePract .wp-pp_main .wordBox{width:100%}.wordPromptParent_prePract .wp-pp_main .wordBox h1{margin:0 0 8px}.preRatedGains_parent{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;width:60vw;height:20vh;margin-left:10vw}.preRatedGains_parent .promptLayoutBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:center;width:40%;height:100%;max-height:20vh;background-color:#ffffff54;border-radius:2rem;border:1px solid white}.preRatedGains_parent .promptLayoutBox .audioBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:10vh;padding-left:.5rem;padding-right:.5rem;width:100%}.preRatedGains_parent .promptLayoutBox .audioBox audio::-webkit-media-controls-current-time-display,.preRatedGains_parent .promptLayoutBox .audioBox audio::-webkit-media-controls-time-remaining-display{display:none}.preRatedGains_parent .promptLayoutBox .audioBox .audioWrap{position:relative;display:flex;width:70%;padding-right:1rem}.preRatedGains_parent .promptLayoutBox .audioBox .bGroup{position:relative;display:flex;width:30%}.preRatedGains_parent .promptLayoutBox .midBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;min-height:48px;width:100%}.preRatedGains_parent .promptLayoutBox .bottomBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;height:10vh;width:100%}.preRatedGains_parent .promptLayoutBox .bottomBox.modelPromptBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.preRatedGains_parent .promptLayoutBox .bottomBox .promptSizer-big{font-size:2.33rem;font-weight:500}.preRatedGains_parent .promptLayoutBox .bottomBox .promptSizer-small{font-size:2rem;font-weight:500}.preRatedGains_parent .promptLayoutBox .bottomBox.percyBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.preRatedGains_parent .promptLayoutBox .bottomBox.percyBox .iconBox{position:relative;display:flex;justify-content:center;align-items:center;margin-left:2rem;margin-right:1rem}.preRatedGains_parent .promptLayoutBox .bottomBox.percyBox .msgBox{position:relative;display:flex;width:70%}.pink{border:1px solid pink}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:100;animation:fadeIn .5s ease-in}.recorderParent{position:absolute;z-index:99}.bold{font-weight:600}.timerBoxParent{position:relative;display:flex;flex-flow:row;justify-content:center;align-items:center;width:100%;height:100%;top:-3.5vh}.timerBoxParent .arrowBox{position:relative;display:flex;width:43px;height:33%;cursor:pointer}.timerBoxParent .timerBtn{position:relative;display:flex;justify-content:center;align-items:center;width:50%;max-width:86px;height:100%;margin:0 .25rem;cursor:pointer}.timerBoxParent .timerBtn .timerGraphicBox{position:relative;display:flex;justify-content:center;align-items:center}.timerBoxParent .timerBtn .timerGraphicBox .svg{transform:rotate(-90deg);z-index:5}.timerBoxParent .timerBtn .timerGraphicBox .svg .progress{border:1px solid orange}.timerBoxParent .timerBtn .bubBgPos{position:absolute;z-index:1;padding:4px}.timerBoxParent .timerBtn .countType{position:absolute;font-weight:500;z-index:6}.qtSandBox{position:relative;display:flex;flex-flow:column noWrap;margin-top:10vh;margin-bottom:1.5vh;padding:.75rem .5rem;width:100%;z-index:50;color:#000;border-radius:1rem;background-color:#ffffffbf;border:1px solid white}.popoverBox{max-width:352px;color:#3d6d84;font-weight:500}.popoverBox .titleRow{border-bottom:1px solid lightblue;margin-bottom:.5rem}.popoverBox .infoListItem{position:relative;display:flex;flex-flow:row nowrap;padding:1rem}.popoverBox .infoListItem .infoIcon{margin-right:1rem}.sticker{position:absolute;top:15vh;display:flex;width:300px;height:100px;background-size:contain;background-repeat:no-repeat}.whiteBg{background-color:#fff;padding:.5rem}.qtPanelContent{position:relative;display:flex;flex-flow:column noWrap;justify-content:space-between;align-items:center;height:100%;width:100%;padding-top:1rem}.trialsBox{position:relative;width:100%}.trialsBox .headerTrialsBox{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.trialsBox .headerTrialsBox .lineBox{position:absolute;height:2px;border-bottom:2px solid white;width:100%}.trialsBox .headerTrialsBox .headerTitle{position:relative;display:flex;background-color:#beefef;padding:0 1.25rem;font-family:Quicksand;color:#3d6d84;font-size:1.2rem;font-weight:500}.trialsBox .chipBox{position:relative;display:flex;flex-flow:row noWrap;width:100%;padding:0 1rem}.trialsBox .chipBox .chipLabel{position:relative;display:flex;align-items:center;justify-content:center;min-width:64px;width:100%;height:36px;color:#3d6d84;background-color:none;border-radius:3rem;border:1px solid #45a3a3;opacity:.5}.trialsBox .chipBox .chipLabel.waveBlue_on{color:#fff;background-color:#4ec3c3;border:1px solid #4ec3c3;opacity:1;font-weight:700}.trialsBox .chipBox .chipLabel.red_on{color:#fff;background-color:#e86348;border:1px solid #e86348;opacity:1;font-weight:700}.trialsBox .chipBox .chipLabel.yellow_on{color:#fff;background-color:#ffb43a;border:1px solid #ffb43a;opacity:1;font-weight:700}.trialsBox .qtMsgBox{position:relative;display:flex;flex-flow:column noWrap;width:100%;justify-content:space-between;align-items:center;text-align:center;height:27vh;padding-right:.5rem}.trialsBox .qtMsgBox .instructionsBox{position:relative;display:flex;flex-flow:column noWrap;width:100%;height:75%;padding-top:1.5rem;text-align:center;font-style:italic}.trialsBox .qtMsgBox .keypressBox{position:relative;display:flex;flex-flow:row noWrap;width:100%;height:25%;justify-content:center;align-items:center;text-align:center;font-style:none;margin-top:2rem;border-top:1px solid white}.trialsBox .qtMsgBox .testBox{position:relative;display:flex;flex-flow:column noWrap;margin-right:2rem;width:100%}.listBox{position:relative;display:flex;flex-flow:column noWrap;justify-content:space-between;align-items:flex-start;padding-top:.5rem}.listBox .prePract_item{position:relative;display:flex;padding:4px 1rem;margin-bottom:4px;border-radius:1.25rem;background-color:#c1f2f2;background-color:#daf2f2;color:#3d6d84;border:2px solid #daf2f2}.listBox .prePract_item:hover{background-color:#ffffffa8;border:2px solid white}.listBox .prePract_item.highlight{background-color:#fff;border:2px solid white;color:#3d6d84}.listBox .prePract_item .ppBtnWord{font-size:1rem;text-transform:none;font-weight:700}.listBox .prePract_item .ppBtnCat{margin-left:.5rem;text-transform:none;font-weight:500}.prePract_item_cppGen{position:relative;display:flex;justify-content:center;align-items:center;background-color:#f0f8fc!important;color:#3d6d84a8!important;border:3px solid #f0f8fc!important;border-radius:4px}.prePract_item_cppGen:hover{color:#3d6d84!important;background-color:#fff!important;border:3px solid white!important;box-shadow:0 2px 1px -1px #00000005,0 1px 1px #00000024,0 1px 3px #0000001f}.prePract_item_cppGen.highlight_gen{color:#3d6d84!important;background-color:#fff!important;border:3px solid #50d3d6!important;box-shadow:0 2px 1px -1px #0000001f,0 1px 1px #0000003d,0 1px 3px #00000038}.prePract_item_cppGen .ppBtnWord{position:relative;display:flex;color:inherit;font-size:.9rem;text-transform:none;font-weight:700}.prePract_item_cppGen .ppBtnCat{position:relative;display:flex;color:inherit;margin-left:.5rem;text-transform:none;font-size:.9rem;font-weight:500}.diaBaseSlp{font-family:Quicksand;position:relative;display:flex;width:30vw;max-width:424px;flex-flow:column noWrap;align-items:space-between;color:#3d6d84;overflow:hidden}.diaBaseSlp .dia_bg{position:absolute;height:100%;width:100%;background-position-x:right;background-size:cover;background-repeat:no-repeat}.diaHead_slp{position:relative;display:flex;flex-flow:column noWrap;justify-content:space-between;width:100%}.diaHead_slp .topRow{position:relative;display:flex;flex-flow:row noWrap;justify-content:space-between;align-items:center;padding:.25rem 1rem;width:100%}.diaHead_slp .titleRow{position:relative;display:flex;flex-flow:row noWrap;justify-content:flex-start;align-items:center;height:100%;min-width:424px;padding:.75rem 1rem;border-top:1px solid #3d6d84;border-bottom:1px solid #3d6d84}.diaHead_slp .titleRow .titleText{font-size:1.2rem;font-weight:600}.diaFooter_slp{position:relative;display:flex;flex-wrap:noWrap;justify-content:space-around;min-height:5rem;width:100%;padding:1rem}.diaBody_slp{font-weight:500}.diaBody_slp .textRow{position:relative;display:flex;flex-flow:column nowrap;margin-bottom:1rem}.diaBody_slp .textRow.textHeavy{position:relative;display:flex;font-weight:800;color:#3d6d84;margin-bottom:1rem;font-size:1.1rem}.diaQtStop_title{position:relative;display:flex;flex-flow:row noWrap;justify-content:space-between;min-width:424px;font-family:Quicksand;color:#3d6d84;font-weight:800}.diaQtStop_bodyRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;font-family:Quicksand;font-weight:400;width:100%;margin-bottom:1rem;padding-top:1rem;border-top:1px solid lightgray}.diaQtStop_bodyRow .diaRow_btn{position:relative;display:flex;width:48px;margin-right:1rem}.diaQtStop_bodyRow .diaRow_txt{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;margin-left:1rem;width:100%}.diaQtStop_bodyRow .diaRow_txt .headerRow{font-weight:500}.qzControlBox{position:relative;display:flex;height:100%;width:100%;margin-top:10vh;flex-flow:column;justify-content:flex-start}.qzControlBox .qzSkyBox{position:relative;display:flex;flex-flow:column noWrap;justify-content:flex-start;align-items:flex-start;min-height:40vh;width:100%;z-index:50;border-radius:1rem}.qzControlBox .qzSkyBox .qzPanelRow{position:relative;display:flex;flex-flow:row noWrap;width:100%;height:auto;padding:none}.qzControlBox .qzSkyBox .qzPanelRow.panelHeader{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid lightBlue;border-bottom:1px solid lightBlue;margin-bottom:1rem}.qzControlBox .qzSandBox{position:relative;display:flex;flex-flow:column noWrap;padding-top:1.5rem;padding-left:1rem;width:100%;z-index:50;border-radius:1rem}.leftColumn{position:relative;display:flex;flex-flow:column nowrap;width:20vw;min-width:20vw;height:80vh}.profilesList_parent{position:relative;display:flex;flex-flow:column nowrap;width:20vw;min-width:20vw;height:80vh;border-top-right-radius:1rem;border-bottom-right-radius:1rem}.profilesList_parent .pList_headerBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;width:100%;min-height:10vh;border-bottom:1px solid lightgray}.profilesList_parent .pList_main{position:relative;display:flex;flex-flow:column nowrap;height:100%;overflow-y:scroll!important}.profilesList_parent .pList_main .pListBtn{position:relative;display:flex;max-height:64px}.gray{border:1px solid lightgray}.profCardBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin-top:5vh;width:100%;width:50vw;height:75vh}.profCardBox .headerRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:8vh;padding:0 1rem;border-bottom:1px solid lightgray}.profCardBox .headerRow .avatarBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:72px;height:100%;margin-right:1rem}.profCardBox .headerRow .titleBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;min-width:40%}.profCardBox .headerRow .closeBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.profCardBox .navTabRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;border:1px solid lightBlue}.profCardBox .navTabRow .tabBtn{margin-right:1rem;padding:.5rem 1rem .33rem;border-bottom:4px solid white}.profCardBox .navTabRow .tabBtn.tabBtnActive{border-bottom:4px solid #3d6d84}.profCardBox .cardTabPanel{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;height:65vh;width:100%}.profCardBox .cardTabPanel .bodyBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:0 2rem}.profCardBox .cardTabPanel .bodyBox.profileFormBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start}.profCardBox .cardTabPanel .bodyBox.profileFormBox .bodyRow2{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;width:100%}.profCardBox .cardTabPanel .bodyBox .bodyContentBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;width:100%;height:40vh}.profCardBox .cardTabPanel .bodyBox .bodyActionsBox{position:relative;display:flex;flex-flow:row nowrap;height:10vh;width:100%;justify-content:space-between;z-index:99}.profCardBox .cardTabPanel .bodyBox .bodyRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;margin:2rem 0}.profCardBox .cardTabPanel .bodyBox .bodyRow .infoBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;width:100%}.profCardBox .cardTabPanel .bodyBox .bodyRow .infoBox .headTextBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-end;width:100%;border-bottom:1px solid lightgray}.profCardBox .cardTabPanel .bodyBox .bodyRow .infoBox .headTextBox .headerText{font-size:.8rem;font-weight:600}.profCardBox .cardTabPanel .bodyBox .bodyRow .inputRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%}.profCardBox .cardTabPanel .bodyBox .bodyRow .labelBox{display:flex;flex-flow:column nowrap;justify-content:flex-start;font-size:large;margin-right:2rem;width:20%}.profCardBox .cardTabPanel .bodyBox .bodyRow .inputBox{width:50%}.layoutBox{margin:0;padding:0}.wlMainParent{position:relative;display:flex;flex-flow:column nowrap;width:100%;height:100%;padding:0 10vw}.wlMainParent .headRow{position:relative;flex-flow:row nowrap;display:flex;width:100%}.wlMainParent .headRow .titleBox{position:relative;display:flex;flex-flow:row nowrap;width:100%;padding:3rem 0}.wlMainParent .headRow .controlsBox{position:relative;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.wlMainParent .demRow{position:relative;display:flex;flex-flow:row nowrap;width:100%;margin-top:3rem}.bareWaveCanvas{width:100%;border-radius:1rem;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}canvas{width:100%}.demoCanvasLayout{position:relative;display:flex;flex-flow:column nowrap;align-items:center;width:100%;height:300px;margin-top:24px}.demoCanvasLayout .titleRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;padding-top:1rem;width:100%;border-top:1px solid lightGray}.demoCanvasLayout .titleRow .titleBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;width:100%}.demoCanvasLayout .titleRow .titleBox .title{font-weight:800}.demoCanvasLayout .titleRow .btnRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;height:100%;width:25%}.demoCanvasLayout .canvasTitleBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;padding-top:1rem;width:100%}.demoCanvasLayout .canvasTitleBox .title{font-weight:800}.demoCanvasLayout .canvasBox{position:relative;display:flex;width:100%;height:200px}.devMainBody{display:flex;flex-flow:row nowrap;position:relative;width:100%;height:80vh}.fileList_parent{position:relative;display:flex;flex-flow:column nowrap;width:20vw;min-width:20vw;height:80vh;border-top-right-radius:1rem;border-bottom-right-radius:1rem;background-color:#fff6}.fileList_parent .list_headerBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-end;align-items:center;width:100%;min-height:10vh;border-bottom:1px solid lightgray}.fileList_parent .list_main{position:relative;display:flex;flex-flow:column nowrap;height:100%;overflow-y:scroll!important}.fileList_parent .list_main .listBtn{position:relative;display:flex;max-height:64px}.fileList_parent .list_main .Mui-selected{background-color:#3d6d841a}.fileCardBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;margin-top:5vh;margin-left:5vw;width:100%;width:50vw;height:75vh}.fileCardBox .headerRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;width:100%;height:8vh;border-bottom:1px solid lightgray}.fileCardBox .headerRow .titleBox{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.fileCardBox .headerRow .btnRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.fileCardBox .imageCard_bodyContainer{position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;width:100%;height:100%;padding:4rem}.fileCardBox .imageCard_bodyContainer .bodyColumn{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;width:100%;height:100%}.fileCardBox .imageCard_bodyContainer .bodyColumn.imgColumn{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;width:100%;height:100%;padding-right:1rem;align-self:flex-start}.fileCardBox .imageCard_bodyContainer .bodyColumn.imgColumn .imgBox{position:relative;display:flex;flex-flow:row nowrap;width:100%;height:75%}.fileCardBox .imageCard_bodyContainer .bodyColumn.imgColumn .imgLabelBox{flex-flow:row nowrap;justify-content:center;align-items:flex-end;width:100%;height:25%;position:relative;display:flex;font-size:.85rem;color:#000000b3}.fileCardBox .imageCard_bodyContainer .bodyColumn.formColumn{position:relative;width:100%;height:100%;padding-left:1rem}.fileCardBox .imageCard_bodyContainer .bodyColumn.formColumn .formInputBox{position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between;width:100%;height:100%;padding:0;padding-bottom:2rem}.fileCardBox .imageCard_bodyContainer .bodyColumn.formColumn .bodyRow{position:relative;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:100%;padding-left:2rem}.fileCardBox .imageCard_bodyContainer .bodyColumn.formColumn .bodyRow.noteRow{position:relative;display:flex;margin-top:.5rem;font-size:.85rem;color:gray}.fileCardBox .imageCard_bodyContainer .bodyColumn.formColumn .bodyRow.btnRow{position:relative;display:flex;justify-content:space-around;z-index:99}.fileCardBox .imageCard_bodyContainer .bodyColumn.formColumn .bodyRow .labelBox{display:flex;flex-flow:row nowrap;justify-content:flex-start;font-size:large;margin-right:2rem;width:20%;border:1px solid lightblue}html,body{font-family:Quicksand,sans-serif;min-height:100vh;width:100vw;margin:0;padding:0;box-sizing:border-box}.pinkBox{border:3px solid hotpink}.layoutLine{border:1px solid lightGray}.red{color:#dc143c}.white{color:#fff}.blue{color:#00f}.red button{color:#dc143c}.bold{font-weight:800}.appLayout_base{position:fixed;display:flex;min-height:100vh;width:100vw;margin:0;padding:0}.navDemo_btnBox{align-self:center;margin-left:3rem}